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

Хотите настроить форму регистрации WordPress, чтобы ваши пользователи могли регистрироваться на вашем сайте?

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

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

Эта статья посвящена созданию форм регистрации пользователей для регистрации новых пользователей. Если вы ищете другие формы регистрации или настраиваемые формы, ознакомьтесь с Как добавить контактную форму в WordPress (простой способ).

Лучшие практики формы регистрации WordPress

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

1. Используйте как можно меньше полей: никто не хочет тратить кучу времени на заполнение формы. Лучше сделать это как можно проще, чтобы люди не решили не регистрироваться, потому что они не хотят заполнять вашу форму!
2. Настройте уведомление по электронной почте: как только кто-то заполнит вашу форму, он должен сразу же получить дополнительное электронное письмо с подтверждением своей регистрации.
3. Сделайте свою страницу приятной: хотите порадовать своих пользователей? Сделайте так, чтобы ваши страницы входа/регистрации выглядели великолепно. Вы даже можете добавить предложение на свою страницу входа для удобной рекламы!

Учебник по форме регистрации пользователя WordPress

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

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

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

Хорошо, давайте начнем наш урок.

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

Шаг 1: Установите WPForms

Чтобы установить WPForms, возьмите лицензию Pro:

Затем перейдите на вкладку « Загрузки », чтобы загрузить плагин:

Как только вы загрузите zip-файл, перейдите на панель инструментов WordPress, затем «Плагины» «Добавить новый» «Загрузить плагин». Загрузите туда свой zip-файл:

Теперь активируйте WPForms, нажав синюю кнопку активации:

Наконец, возьмите свой лицензионный ключ из своей учетной записи WPForms, затем перейдите в WPForms »Настройки »Общие , чтобы вставить его:

Шаг 2: активируйте надстройку регистрации пользователя

Теперь, чтобы создать форму регистрации пользователя, вам понадобится надстройка регистрации пользователя. Чтобы настроить его, перейдите в WPForms »Addons , найдите User Registration и нажмите Install Addon .

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

Чтобы сократить нашу форму, мы собираемся использовать шаблон формы регистрации пользователя. Для этого сначала перейдите в WPForms »Add New :

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

Шаг 4. Настройте поля формы

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

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

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

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

Шаг 5: Настройте параметры формы

Теперь, когда ваша форма имеет нужные поля, вы можете настроить другие аспекты работы формы.

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

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

Все эти настройки важны! Если вам нужна помощь с ними, ознакомьтесь с Полное руководство по настройкам WPForms.

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

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

Далее вы увидите раскрывающийся список « Роли пользователей ». Здесь вы выберете роль ваших новых пользователей на вашем сайте.

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

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

Затем выберите, хотите ли вы утвердить учетную запись вручную или попросить пользователя щелкнуть ссылку в электронном письме для активации:

Теперь вы можете настроить тему и сообщение электронной почты для активации:

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

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

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

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

Наконец, у вас есть возможность добавить любые пользовательские метаданные пользователя.

После внесения всех изменений не забудьте нажать кнопку Сохранить :

Шаг 6. Вставьте форму регистрации пользователя

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

Хотите настраиваемую страницу регистрации, которая выглядит потрясающе? Мы рекомендуем использовать SeedProd, лучшую целевую страницу WordPress и конструктор пользовательских тем. Используйте их шаблоны страниц входа, чтобы создать лучшие страницы регистрации и входа для ваших пользователей.

Инструкции по разработке лучших страниц регистрации и входа см.
Как создать пользовательскую страницу входа в WordPress (простые шаги).

Чтобы встроить форму на существующую страницу с помощью редактора блоков, просто найдите блок WPForms:

После того, как вы добавите блок, вы сможете выбрать, какую форму встроить:

Хотите вместо этого встроить свою форму в боковую панель? Посетите Внешний вид »Виджеты и выберите виджет WPForms.

Шаг 7 (необязательно): создайте собственные формы для входа и сброса пароля

Когда вы активируете надстройку WPForms User Registration, вы не только получаете возможность создать пользовательскую регистрационную форму, но также получаете еще две формы: Логин пользователя и Сброс пароля пользователя.

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

Шаг 8. Настройте отслеживание отправки формы

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

MonsterInsights — лучший плагин Google Analytics для WordPress. Это позволяет вам легко подключить ваш сайт WordPress к Google Analytics (как Universal Analytics, так и GA4), чтобы вы могли просматривать все наиболее важные данные прямо на панели управления WordPress.

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

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

Чтобы узнать больше об отслеживании форм с помощью MonsterInsights, ознакомьтесь с разделом Как отслеживать отправку форм в Google Analytics и WordPress.

Вот и все!

Мы надеемся, что наш учебник по форме регистрации WordPress был вам полезен. Вы также можете проверить, как отслеживать клики по ссылкам в Google Analytics 4 и WordPress.

Еще не используете MonsterInsights? Чего ты ждешь?

Подпишитесь на нас в Twitter, Facebook и YouTube, чтобы получать больше полезных советов по Google Analytics и WordPress.