Как сделать регистрационную форму WordPress из шаблона

Опубликовано: 2022-01-17

Вы хотите сделать регистрационную форму WordPress?

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

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

Создайте форму регистрации пользователя прямо сейчас

Почему вы должны создать регистрационную форму WordPress из шаблона?

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

Галерея шаблонов форм

WPForms — лучший плагин для создания форм WordPress. Получите это бесплатно!

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

Итак, если вы ищете готовое, удобное для начинающих решение для создания регистрационных форм на вашем сайте WordPress, WPForms поможет вам!

Как создать форму, используя шаблон регистрационной формы WPForm

Ниже приведены шаги для создания регистрационной формы с помощью WPForms:

  1. Установите WPForms и дополнение для регистрации пользователей.
  2. Создайте форму, используя шаблон регистрационной формы
  3. Настройка параметров регистрации пользователей
  4. Настройка активации пользователя и параметров входа в систему
  5. Настройка параметров уведомлений о регистрации
  6. Настройте пользовательские метаданные пользователя (необязательно)
  7. Создать форму входа
  8. Создать форму сброса пароля
  9. Сохраняйте и встраивайте свои формы

Давайте прыгнем прямо в это.

1. Установите WPForms и надстройку для регистрации пользователей.

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

Теперь вам нужно установить надстройку «Регистрация пользователя», чтобы разблокировать шаблоны регистрационных форм и настройки регистрации.

Для этого откройте панель управления вашего сайта WordPress и перейдите в WPForms »Addons.

Аддоны WPForms

Затем введите «регистрация пользователя» в поле поиска. Это заставит аддон регистрации пользователя появиться на вашем экране. Нажмите кнопку « Установить надстройку», чтобы добавить эту надстройку в вашу установку WPForms.

Установить модуль регистрации пользователей

2. Создайте форму, используя шаблон регистрационной формы.

Теперь, когда надстройка «Регистрация пользователя» активирована, мы можем использовать шаблон регистрационной формы для создания новой формы.

В левом меню панели инструментов WordPress найдите и нажмите WPForms »Добавить новый. Дайте вашей новой форме имя, введя заголовок в поле « Назовите форму» .

Добавить новую форму

Теперь прокрутите вниз до раздела « Выбор шаблона » и щелкните категорию « Шаблоны надстроек ».

Шаблоны дополнений

Здесь вы найдете новые шаблоны, которые поставляются с регистрацией пользователей и другими дополнениями . Наведите курсор на форму регистрации пользователя и нажмите «Использовать шаблон ».

Шаблон формы регистрации пользователя

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

Шаблон формы регистрации пользователя

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

После того, как вы настроили все нужные поля, пришло время настроить параметры регистрации пользователя на следующем шаге.

3. Настройте параметры регистрации пользователя

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

Чтобы настроить эти параметры, перейдите в Настройки »Регистрация пользователя.

настройки регистрации пользователя

Одной из настроек здесь является Field Mapping , которая позволяет вам связывать данные, введенные посетителями в поля вашей формы, с соответствующими полями в их учетной записи пользователя WordPress.

Сопоставление полей регистрации пользователя

Вы также можете выбрать автоматическую генерацию надежного пароля во время регистрации для ваших пользователей здесь. Просто щелкните раскрывающийся список « Пароль » и выберите « Сгенерировать автоматически ».

Еще одна очень полезная настройка — роли пользователей. Вы можете выбрать один из множества вариантов роли пользователя, включая:

  • Автор
  • Подписчик
  • Администратор.

Итак, если вы создаете регистрационную форму для своих подписчиков, просто щелкните раскрывающийся список « Роли пользователей » и выберите « Подписчик ».

роли пользователей

4. Настройте активацию пользователя и параметры входа в систему.

Дополнение «Регистрация пользователя» дает вам свободу выбирать, как новый пользователь должен активировать свою учетную запись. Чтобы получить доступ к этим настройкам, нажмите кнопку Включить активацию пользователя .

включить активацию пользователя

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

способ активации пользователя

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

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

сообщение активации электронной почты пользователя

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

показать смарт-теги

Таким образом, вы можете вставить имя пользователя, имя пользователя и другие данные в свое сообщение, чтобы настроить его. В приведенном ниже примере мы использовали смарт-тег {user_first_name} , который автоматически вставит имя этого пользователя в сообщение:

электронная почта, настроенная с помощью смарт-тега

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

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

перенаправление страницы подтверждения активации пользователя

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

меню пользователей

Теперь нажмите кнопку « Повторно отправить электронное письмо с активацией » под соответствующим пользователем.

Повторно отправить электронное письмо для активации пользователя

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

включить автоматический вход

Если вы хотите скрыть регистрационную форму WordPress от пользователей, которые уже вошли в систему, вы можете включить параметр « Скрыть форму, если пользователь вошел в систему ».

Скрыть форму регистрации пользователя

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

авторизовался сообщение пользователь регистрация

5. Настройте параметры уведомлений о регистрации

Дополнение User Registration дает вам полный контроль над электронными письмами, которые ваш сайт должен отправлять при создании нового пользователя. Вы можете выбрать, если:

  • администратор должен получать электронное письмо при создании нового пользователя
  • пользователь должен получить электронное письмо с данными своей учетной записи
  • пользователь должен получить электронное письмо, когда его учетная запись будет активирована

настройки уведомления по электронной почте о регистрации пользователя

Как и раньше, вы можете редактировать и настраивать отправляемые сообщения, нажав кнопку « Редактировать шаблон» . Используйте смарт-теги, чтобы включить столько информации, сколько вы хотите, чтобы ваши сообщения содержали.

6. Настройте пользовательские метаданные пользователя (необязательно)

Если на вашем сайте есть настраиваемые метаданные пользователя, вы можете сопоставить данные поля регистрационной формы с настраиваемыми метаполями вашего сайта WordPress.

Пользовательская мета-карта регистрации пользователей

Для этого просто введите мета-ключ для нужного настраиваемого поля и выберите соответствующее поле формы в раскрывающемся меню.

Обязательно сохраните форму после внесения всех изменений.

Сохранить форму

7. Создайте форму входа

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

Выберите шаблон « Форма входа пользователя » в категории « Шаблон надстройки ».

Шаблон формы входа пользователя

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

поля формы входа пользователя

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

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

авторизовался сообщение пользователь регистрация

Не забудьте сохранить форму, когда закончите.

8. Создайте форму сброса пароля

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

Форма сброса пароля пользователя

Вы найдете этот шаблон в категории « Шаблоны дополнений ». Эта форма не должна требовать от пользователя ничего, кроме вашего зарегистрированного адреса электронной почты и нового пароля.

Форма сброса пароля

Параметр «Регистрация пользователя» для этой формы позволяет настроить электронное письмо для сброса пароля, которое использует смарт-тег для включения ссылки для сброса.

сброс пароля настройки регистрации пользователя

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

авторизовался сообщение пользователь регистрация

Обязательно сохраните форму, когда будете готовы.

9. Сохраните и вставьте свои формы

Мы почти у цели! Быстро просмотрите все настройки и поля во всех трех созданных вами формах. Вы можете найти все свои сохраненные формы, посетив панель инструментов WordPress и нажав WPForms »Все формы . Затем нажмите на форму, которую хотите добавить.

Просмотр всех форм

Затем нажмите « Встроить » и выберите из существующей страницы, чтобы добавить форму, или создайте новую страницу.

Встроить форму

Нажмите « Создать новую страницу », чтобы встроить форму на новую страницу WordPress.

Встроить в новую страницу

Затем вы будете перенаправлены на страницу редактора WordPress с уже встроенной формой, если вы решили добавить новую страницу.

Если вы хотите добавить форму на существующую страницу, нажмите кнопку + в редакторе блоков WordPress и введите WPForms в поле поиска. Затем нажмите на виджет WPForms, чтобы добавить его на свою страницу.

Виджет WPForms

Нажмите на виджет WPForms и выберите одну из только что созданных форм.

WPForms выберите форму

Наконец, нажмите « Опубликовать », чтобы создать новую страницу со встроенной формой.

Опубликовать форму

Повторите этот процесс для двух других форм.

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

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

Затем ограничьте формы для вошедших в систему пользователей.

Вы хотите ограничить свои формы только зарегистрированными пользователями? Это очень легко сделать с помощью WPForms, как мы объяснили в этом руководстве о том, как ограничить формы WordPress для зарегистрированных пользователей.

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

Создайте форму регистрации пользователя прямо сейчас

Готовы построить свою форму? Начните сегодня с самого простого плагина для создания форм WordPress. WPForms Pro включает множество бесплатных шаблонов и предлагает 14-дневную гарантию возврата денег.

Если эта статья помогла вам, подпишитесь на нас в Facebook и Twitter, чтобы получить больше бесплатных руководств и руководств по WordPress.