Вы хотите создать персональную регистрационную форму для своих пользователей?
Форма регистрации WordPress по умолчанию отображает брендинг WordPress и не соответствует теме WordPress вашего сайта.
Если вы никогда не устанавливали WordPress, узнайте из этого руководства. Как установить и настроить свой блог
В этом руководстве мы покажем вам, как создать пользовательскую форму регистрации в WordPress.
Зачем добавлять персональную форму регистрации на WordPress
На странице регистрации WordPress по умолчанию отображается брендинг и логотип WordPress. Это не обязательно соответствует остальной части вашего сайта.
Создание настраиваемой регистрационной формы позволяет вам добавить регистрационную форму на страницу вашего веб-сайта. Это поможет вам обеспечить более согласованное взаимодействие с пользователем в процессе регистрации.
Прежде чем продолжить, вы можете обнаружить Как настроить страницы регистрации и входа в WordPress
Персонализированная регистрационная форма также позволяет перенаправлять пользователей после регистрации. Вы также можете отобразить дополнительные поля профиля, объединить их с настраиваемой формой входа и связать их со своим отделом электронного маркетинга.
Тем не менее, мы собираемся быстро взглянуть на то, как создать настраиваемую форму регистрации в WordPress.
Создание пользовательской формы входа
Первое, что вам нужно сделать, это установить и активировать плагин WPForms, Для получения более подробной информации, ознакомьтесь с нашим пошаговым руководством по установке плагина WordPress.
Вам как минимум понадобится план Pro »Для доступа к формам регистрации пользователей.
После активации необходимо посетить WPForms »Настройки Чтобы ввести свой лицензионный ключ WPForms. Вы можете получить этот ключ в своей учетной записи WPForms.
Затем перейдите к WPForms> Дополнения ». Нажмите на кнопку установить аддон »На расширение« Регистрация пользователя Формы .
WPForms загрузит и установит расширение. Вам придется нажать на кнопку «Включить» начать использовать расширение.
Теперь вы готовы создать свою персональную регистрационную форму.
Вы должны посетить WPForms> Добавить новый Использовать WPForms Video Builder.
Сначала вам нужно ввести имя для вашей формы, а затем выбрать шаблон "Форма регистрации пользователя"(Форма регистрации пользователя).
WPForms создаст для вас простую регистрационную форму. В этом примере будут следующие поля.
- Фамилия Имя
- Имя пользователя
- Эл. адрес
- Пароль
- Краткая биография
Вы можете добавить поля из левой панели. Вам нужно будет только перетащить поля, чтобы изменить их порядок.
Добавление настраиваемых полей в настраиваемую форму регистрации
WPForms также позволяет добавлять поля профиля в форму. Для этого вам понадобится специализированный плагин.
В этом примере мы используем бесплатный плагин Пользователь Meta Менеджер .
Первое, что вам нужно сделать, это установить и активировать плагин " Пользователь Meta Менеджер ». Для более подробной информации, обратитесь к нашему руководству по Как установить (добавить) плагин на WordPress
После активации плагина, вам нужно перейти в следующее место Пользователи> Управление пользователями И добавьте метас, чтобы продолжить.
Но сначала вам нужно ввести ключ. Этот ключ позволит вам узнать, как поле настраиваемого профиля пользователя будет распознаваться внутри.
Затем вы должны выбрать тип поля. В этом примере мы используем поле URL для добавления URL профиля Facebook. Под « этикетка », Вы должны ввести метку, которая будет видна пользователям при заполнении этого поля.
Прежде чем продолжить, откройте для себя Как отображать пользовательские поля на WordPress
Нажмите на кнопку Отправить "(Soumettre) добавить пользовательское мета-поле. Затем вы можете посетить раздел Utilisateurs »Ваш профиль Чтобы увидеть поле.
Теперь, когда мы создали настраиваемое поле, давайте добавим его в настраиваемую форму регистрации в WPForms.
перейти к WPForms »Все формы » для изменения вашей персональной регистрационной формы или для создания новой.
После этого щелкните поле на левой панели, чтобы добавить его в форму. В этом примере мы добавляем поле " URL сайта К нашей форме.
Поле Вебсайт/ URL Теперь появится в предварительном просмотре вашей формы. Вы просто должны нажать на него, и WPForms отобразит его свойства на левой панели.
Нам нужно изменить ярлык веб-сайта " Сайт / URL «Для» URL Facebook Профиль». Вы также можете добавить описание для поля.
Не забудьте нажать на кнопку « Регистрация В правом верхнем углу экрана для сохранения формы.
Затем вы должны нажать на кнопку Параметры (Настройки) для расширенных настроек формы. На странице Настройки ", Нажми на" Регистрация Пользователя .
WPForms отобразит ваши поля и раскрывающееся меню ниже, чтобы вы могли выбрать поле регистрации, которое вы можете " картопостроитель"(Войдите или гармонизировать).
Откройте для себя Премиальные плагины 8 для WordPress для создания пользовательских полей
Вы заметите, что WPForms карты »Автоматически ваши поля по умолчанию, такие как имя, адрес электронной почты, пароль и т. Д.
Вы можете выбрать страницу, на которую вы хотите, чтобы пользователи перенаправлялись после проверки формы.
Вам нужно будет прокрутить вниз до " Пользовательская мета-версия ». Здесь вы можете ввести пользовательский мета-ключ, созданный ранее, а затем выбрать поле формы, которую хотите «сопоставить».
Не забудьте сохранить настройки
Как добавить форму регистрации на WordPress
Прежде чем начать эту часть, мы приглашаем вас открыть Как создать страницу регистрации на заказ на WordPress.
Если это будет сделано, давайте вместе добавим форму на WordPress.
WPForms позволяет легко добавлять виджеты на боковой панели или на ваших страницах и статьях. Вы должны начать с редактирования статьи / страницы.
На экране редактирования вы заметите новую кнопку WPForms.
При нажатии на нее открывается контекстное меню. Вы должны выбрать свою форму в раскрывающемся меню, а затем нажать на " Добавить форму .
Вы заметите, что шорткод WPForms Появится в редакторе содержания вашей статьи. Теперь вы сможете опубликовать или сохранить свои статьи / страницу, а затем просмотреть форму.
WPForms также позволяет добавлять пользовательскую форму регистрации на боковой панели. Посетите меню Внешний вид >> Виджеты >>и добавить виджет WPForms На боковую панель.
Вы должны выбрать форму, которую вы хотите отобразить из выпадающего меню в настройках виджета. Не забудьте сохранить настройки виджета.
Вот и все, теперь вы можете посетить свой веб-сайт, чтобы увидеть свою персонализированную регистрационную форму в действии.
На этом завершается создание персонализированной регистрационной формы. Но прежде чем продолжить, предлагаем вам ознакомиться со статьей WPForms: лучший плагин WordPress для создания контактной формы
Если вы ищете другие решения премиум-класса для решения той же задачи, ознакомьтесь с нашими 3 WordPress плагины ниже.
1. Вход пользователя WP Custom Admin
Пользовательский вход администратора WP — это Плагин Wordpress Плата за настройку страницы входа в WordPress по умолчанию. Он позволяет вам настроить эту страницу с помощью настройщика WordPress и поставляется с более чем 25 потрясающими шаблонами страниц, из которых можно выбрать любой.
Даже если у вас нет навыков кодирования, вы сможете создать исключительную страницу входа в систему в кратчайшие сроки. Его визуальный интерфейс очень интуитивно понятен, что позволит вам настроить страницу входа в систему в соответствии с вашими предпочтениями. Он поддерживает видео и изображения, которые могут быть использованы в качестве фона на вашей странице.
скачать | Демонстрация | веб-хостинг
2. Flex-Register
Flex-Register — это Плагин Wordpress который позволяет добавить форму регистрации или входа в лайтбокс. Обновление страницы не потребуется, и она будет работать сразу после установки. Поэтому никакой настройки не потребуется.
Он также позаботится о том, чтобы ваша форма соответствовала стилю активной темы WordPress на вашем веб-сайте. В качестве функции он предлагает, среди прочего: чистый дизайн и хорошо прокомментированный код, его полностью настраиваемый внешний вид, совместимость с большинством ds Темы WordPress популярные, кроссбраузерная поддержка и многое другое.
Скачать | Демо | веб-хостинг
3. Войти ниндзя
Ce Плагин Wordpress позволяет настроить страницу входа. Это больше, чем просто настройка формы входа. Вы можете настроить всю страницу, изменив ее цвет, добавив фоновое изображение, добавив логотип и многое другое.
Другие его функции: защита форм входа и регистрации с помощью captcha, автоматическая и ручная блокировка IP-адресов, которые атакуют вас грубой силой, подробный журнал всех действий, связанных с подключением, перенаправление пользователей на основе роли и имена пользователей, получение уведомлений по электронной почте обо всех событиях входа в систему, простой в использовании графический интерфейс, подробная документация и многое другое.
Скачать | Демо | веб-хостинг
Другие рекомендуемые ресурсы
Хотели бы вы создать другие типы форм? не стесняйтесь проверить этот список рекомендуемых ресурсов.
- Обзор WPForms: лучший плагин для ваших форм?
- Как создать формы, совместимые с GDPR на WordPress
- Forminator: бесплатный генератор форм с расчетами и платежами на WordPress
Заключение
Вуаля! Вот именно для этого урока. Я надеюсь, что это позволит вам легко создать пользовательскую форму регистрации на WordPress. Мы также приглашаем вас проконсультироваться с нашими ресурсы, если вы начинающий блоггер.
Если у вас есть какие-либо предложения или замечания, они будут приветствоваться. Но если вам понравилось не стесняйтесь поделитесь этой статьей в разных социальных сетях.
...
