Пропустить

Как создать страницу регистрации на заказ на WordPress

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 701.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Вы хотите создать персональную регистрационную форму для своих пользователей?

Форма регистрации WordPress по умолчанию отображает брендинг WordPress и не соответствует теме WordPress вашего сайта.

Если вы никогда не устанавливали WordPress, узнайте из этого руководства. Как установить и настроить свой блог

В этом руководстве мы покажем вам, как создать пользовательскую форму регистрации в WordPress.

Зачем добавлять персональную форму регистрации на WordPress

На странице регистрации WordPress по умолчанию отображается брендинг и логотип WordPress. Это не обязательно соответствует остальной части вашего сайта.

Создание настраиваемой регистрационной формы позволяет вам добавить регистрационную форму на страницу вашего веб-сайта. Это поможет вам обеспечить более согласованное взаимодействие с пользователем в процессе регистрации.

Прежде чем продолжить, вы можете обнаружить Как настроить страницы регистрации и входа в WordPress

Персонализированная регистрационная форма также позволяет перенаправлять пользователей после регистрации. Вы также можете отобразить дополнительные поля профиля, объединить их с настраиваемой формой входа и связать их со своим отделом электронного маркетинга.

Тем не менее, мы собираемся быстро взглянуть на то, как создать настраиваемую форму регистрации в WordPress.

Создание пользовательской формы входа

Первое, что вам нужно сделать, это установить и активировать плагин WPForms, Для получения более подробной информации, ознакомьтесь с нашим пошаговым руководством по установке плагина WordPress.

Вам как минимум понадобится план Pro »Для доступа к формам регистрации пользователей.

После активации необходимо посетить WPForms »Настройки Чтобы ввести свой лицензионный ключ WPForms. Вы можете получить этот ключ в своей учетной записи WPForms.

wpform-лицензия ключ

Затем перейдите к WPForms> Дополнения ». Нажмите на кнопку установить аддон »На расширение« Регистрация пользователя Формы .

Расширение пользователь регистрация форма

WPForms загрузит и установит расширение. Вам придется нажать на кнопку «Включить» начать использовать расширение.

Расширение реактивировать-на-WordPress

Теперь вы готовы создать свою персональную регистрационную форму.

Вы должны посетить WPForms> Добавить новый Использовать WPForms Video Builder.

Сначала вам нужно ввести имя для вашей формы, а затем выбрать шаблон "Форма регистрации пользователя"(Форма регистрации пользователя).

строитель wpforms

WPForms создаст для вас простую регистрационную форму. В этом примере будут следующие поля.

  • Фамилия Имя
  • Имя пользователя
  • Эл. адрес
  • Пароль
  • Краткая биография

Вы можете добавить поля из левой панели. Вам нужно будет только перетащить поля, чтобы изменить их порядок.

Добавление настраиваемых полей в настраиваемую форму регистрации

WPForms также позволяет добавлять поля профиля в форму. Для этого вам понадобится специализированный плагин.

В этом примере мы используем бесплатный плагин Пользователь Meta Менеджер

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

Первое, что вам нужно сделать, это установить и активировать плагин " Пользователь Meta Менеджер ». Для более подробной информации, обратитесь к нашему руководству по Как установить (добавить) плагин на WordPress

После активации плагина, вам нужно перейти в следующее место Пользователи> Управление пользователями И добавьте метас, чтобы продолжить.

добавить мета-де-от-пользователь настраивает

Но сначала вам нужно ввести ключ. Этот ключ позволит вам узнать, как поле настраиваемого профиля пользователя будет распознаваться внутри.

Затем вы должны выбрать тип поля. В этом примере мы используем поле URL для добавления URL профиля Facebook. Под « этикетка », Вы должны ввести метку, которая будет видна пользователям при заполнении этого поля.

Прежде чем продолжить, откройте для себя Как отображать пользовательские поля на WordPress

Нажмите на кнопку Отправить "(Soumettre) добавить пользовательское мета-поле. Затем вы можете посетить раздел Utilisateurs »Ваш профиль Чтобы увидеть поле.

новое поле facebook-профиль

Теперь, когда мы создали настраиваемое поле, давайте добавим его в настраиваемую форму регистрации в WPForms.

перейти к  WPForms »Все формы » для изменения вашей персональной регистрационной формы или для создания новой.

После этого щелкните поле на левой панели, чтобы добавить его в форму. В этом примере мы добавляем поле " URL сайта К нашей форме.

добавить A-новый-полевой wpforms

Поле Cайт/ URL Теперь появится в предварительном просмотре вашей формы. Вы просто должны нажать на него, и WPForms отобразит его свойства на левой панели.

Нам нужно изменить ярлык веб-сайта " Сайт / URL «Для» URL Facebook Профиль». Вы также можете добавить описание для поля.

изменение логина поля WordPress плагин WPForms

Не забудьте нажать на кнопку « Регистрация В правом верхнем углу экрана для сохранения формы.

Затем вы должны нажать на кнопку Параметры (Настройки) для расширенных настроек формы. На странице Настройки ", Нажми на" Регистрация Пользователя .

WPForms отобразит ваши поля и раскрывающееся меню ниже, чтобы вы могли выбрать поле регистрации, которое вы можете " картопостроитель"(Войдите или гармонизировать).

Откройте для себя Премиальные плагины 8 для WordPress для создания пользовательских полей

Вы заметите, что WPForms карты »Автоматически ваши поля по умолчанию, такие как имя, адрес электронной почты, пароль и т. Д.

Вы можете выбрать страницу, на которую вы хотите, чтобы пользователи перенаправлялись после проверки формы.

Вам нужно будет прокрутить вниз до " Пользовательская мета-версия ». Здесь вы можете ввести пользовательский мета-ключ, созданный ранее, а затем выбрать поле формы, которую хотите «сопоставить».

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

картограф-а-поле-Customize-wpforms

Не забудьте сохранить настройки

Как добавить форму регистрации на WordPress

Прежде чем начать эту часть, мы приглашаем вас открыть Как создать страницу регистрации на заказ на WordPress

Если это будет сделано, давайте вместе добавим форму на WordPress.

WPForms позволяет легко добавлять виджеты на боковой панели или на ваших страницах и статьях. Вы должны начать с редактирования статьи / страницы.

На экране редактирования вы заметите новую кнопку WPForms.

надстройку A-Form-wpforms

При нажатии на нее открывается контекстное меню. Вы должны выбрать свою форму в раскрывающемся меню, а затем нажать на "  Добавить форму .

Вы заметите, что шорткод WPForms Появится в редакторе содержания вашей статьи. Теперь вы сможете опубликовать или сохранить свои статьи / страницу, а затем просмотреть форму.

АНОНС-оф-формы, адаптирует

WPForms также позволяет добавлять пользовательскую форму регистрации на боковой панели. Посетите меню  Внешний вид >> Виджеты >>и добавить виджет WPForms На боковую панель.

Форма-оф-бар-Side

Вы должны выбрать форму, которую вы хотите отобразить из выпадающего меню в настройках виджета. Не забудьте сохранить настройки виджета.

Вот и все, теперь вы можете посетить свой веб-сайт, чтобы увидеть свою персонализированную регистрационную форму в действии.

Форма-подгоняет-WordPress

 

На этом завершается создание персонализированной регистрационной формы. Но прежде чем продолжить, предлагаем вам ознакомиться со статьей WPForms: лучший плагин WordPress для создания контактной формы

Если вы ищете другие решения премиум-класса для решения той же задачи, ознакомьтесь с нашими 3 плагинами WordPress ниже.

1. Вход пользователя WP Custom Admin

WP Custom Admin Login - это премиальный плагин WordPress для настройки стандартной страницы входа в WordPress. Он позволяет вам настраивать эту страницу из WordPress Customizer и поставляется с более чем превосходными шаблонами страниц 25, из которых можно будет полностью выбирать.

Плагин wp custom admin login wordpress для создания настраиваемой страницы входа администратора

Даже если у вас нет навыков кодирования, вы сможете создать исключительную страницу входа в систему в кратчайшие сроки. Его визуальный интерфейс очень интуитивно понятен, что позволит вам настроить страницу входа в систему в соответствии с вашими предпочтениями. Он поддерживает видео и изображения, которые могут быть использованы в качестве фона на вашей странице.

скачать | Демонстрация | веб-хостинг

2. Flex-Register

Flex-Register - это плагин WordPress, который позволяет добавить форму регистрации или входа в лайтбокс. Обновлять страницу не нужно, и она будет работать сразу после установки. Поэтому настройка не требуется.

Лайтбоксы Flex Register Bootstrap 3 для Wordpress

Он также позаботится о соответствии вашей формы стилю активной темы WordPress на вашем сайте. В качестве функции он предлагает, помимо прочего: элегантный дизайн и хорошо прокомментированный код, его полностью настраиваемый внешний вид, совместимость с большинством популярных тем WordPress, поддержку нескольких браузеров и многое другое.

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

скачать | Демонстрация | веб-хостинг

3. Войти ниндзя

Этот плагин WordPress позволяет вам настроить страницу входа в систему. Это больше, чем просто настройка формы входа. Вы можете настроить всю страницу, изменив ее цвет, добавить фоновое изображение, добавить логотип и многое другое.Плагин для WordPress входа в систему Ninja

Другие его функции: защита форм входа и регистрации с помощью captcha, автоматическая и ручная блокировка IP-адресов, которые атакуют вас грубой силой, подробный журнал всех действий, связанных с подключением, перенаправление пользователей на основе роли и имена пользователей, получение уведомлений по электронной почте обо всех событиях входа в систему, простой в использовании графический интерфейс, подробная документация и многое другое.

скачать | Демонстрация | веб-хостинг

Другие рекомендуемые ресурсы

Хотели бы вы создать другие типы форм? не стесняйтесь проверить этот список рекомендуемых ресурсов. 

Заключение

Вуаля! Вот именно для этого урока. Я надеюсь, что это позволит вам легко создать пользовательскую форму регистрации на WordPress. Мы также приглашаем вас проконсультироваться с нашими ресурсы, если вы начинающий блоггер

Если у вас есть какие-либо предложения или замечания, они будут приветствоваться. Но если вам понравилось не стесняйтесь  поделитесь этой статьей в разных социальных сетях.

...  

Эта статья содержит 1 комментарий

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
8 акции
доля6
чирикать2
Регистрация