Создание формы входа и регистрации для Elementor

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

Итак, мы собрали подробное руководство, которое поможет вам создать собственную страницу входа и регистрации с помощью plugin компоновщика страниц Elementor .

Elementor на сегодняшний день является одним из самых популярных и многофункциональных plugin для WordPress. Бесплатная версия плагина plugin с множеством блоков и виджетов для базового создания сайта. Однако профессиональная версия плагина plugin предлагающая более продвинутые виджеты и блоки.

Теперь виджет конструктора форм, поставляемый с Elementor, заблокирован в его профессиональной версии. Однако вместо того, чтобы использовать Elementor Pro для создания регистрационной формы, мы рекомендуем вместо этого использовать plugin Ultimate Addon для Elementor (ОАЭ) , поскольку он содержит множество мощных блоков и виджетов по сравнению с Elementor Pro.

Содержание

Преимущества создания собственной страницы регистрации

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

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

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

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

Виджет «Форма регистрации пользователя» можно использовать для следующих целей:

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

2. Соберите всю необходимую информацию из единой формы.

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

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

3. Настройте пользовательский опыт

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

4. Борьба со спамом и повышение безопасности

Добавив Honeypot и ReCaptcha, вы сможете бороться со спамерами и предотвращать фальшивые регистрации.

5. Идеально подходит для вашего фирменного стиля

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

Как создать пользовательскую форму регистрации пользователя с помощью Elementor?

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

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

Примечание . Прежде чем продолжить, убедитесь, что вы включили «Членство» , перейдя в «Панель управления» > «Настройки» > «Основные» > «Членство: включено» .

1.png

Включение опции «Членство» позволит любому пользователю зарегистрироваться на вашем сайте.

Шаг 1. Создайте форму регистрации пользователя с помощью Plugin UAE (Ultimate Addon for Elementor).

Для создания пользовательской формы регистрации пользователя убедитесь, что у вас установлена ​​обновленная версия plugin UAE с активированным блоком.

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

Если вы перетащите виджет, вы увидите поля формы по умолчанию.

2.png

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

Существует возможность управлять необходимой шириной столбца в отдельных полях формы.

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

Шаг 2. Настройте параметры формы

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

  • Новая роль пользователя
  • Выберите «Действия после регистрации».

Вот подробный отчет об обоих:

Новая роль пользователя

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

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

Без названия.png

Выберите действия после регистрации

4.png

Пользователь может выбрать следующие действия, которые он может выполнить после регистрации на сайте членства, используя виджет «Форма регистрации пользователя»:

  • Автоматический вход : с помощью этой опции вы можете разрешить пользователю автоматически входить на ваш сайт. После первого предоставления учетных данных пользователю не придется повторно входить в систему, поскольку он автоматически войдет на веб-сайт после успешной регистрации.
  • Перенаправление после регистрации : с помощью этой опции вы можете перенаправить пользователей на страницу приветствия или страницу входа после успешной регистрации. Вы можете установить страницу перенаправления, вставив URL-адрес нужной страницы в поле URL-адреса под этой опцией.
  • Отправить электронное письмо: когда пользователь успешно зарегистрирует его на вашем веб-сайте, эта опция отправит ему электронное письмо с подтверждением его регистрации. Содержание электронного письма можно настраивать, и вы можете сделать эти электронные письма личными, чтобы было больше тепла. Но если вы хотите отправить одно и то же электронное письмо всем своим пользователям, вы также можете сделать это, изучив эту опцию.
5.png
  • Скрыть после регистрации: Иногда вам может потребоваться скрыть форму регистрации пользователя после того, как он успешно зарегистрировался на вашем сайте. С помощью опции «Скрыть после регистрации» вы можете скрыть регистрационную форму, направляя их на страницу входа, или просто отобразить сообщение «Успешно» после предоставления им ссылки для посещения страницы входа и получения доступа к веб-сайту. Вы можете найти эту опцию в разделе «Общие настройки» на вкладке «Содержимое» виджета.

Двигаясь дальше, вы можете создать и стилизовать форму регистрации пользователя, используя вкладку «Стиль» виджета.

После этого процесс создания и настройки виджета «Форма регистрации пользователя» завершен. Форма готова к публикации на активном веб-сайте.

Шаг 3. Добавьте форму регистрации пользователя на свой сайт.

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

6.png

Ниже мы разработали еще несколько способов добавить любой виджет в редактор Elementor.

например, для формы регистрации пользователя на странице WooCommerce

Если вы хотите создать собственную страницу WooCommerce, то есть страницу «Моя учетная запись», под названием «Пользовательская страница учетной записи», вы можете просто:

Нажав кнопку «Редактировать с помощью Elementor», вы попадете в редактор Elementor.

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

Наконец, чтобы настроить страницу как «Страница моей учетной записи», перейдите на панель управления WordPress. И следуйте следующему пути в разделе WooCommerce:

WooCommerce > Настройки > Дополнительно > Параметры страницы > Страница моей учетной записи > Страница моей учетной записи > выберите Пользовательскую страницу учетной записи.

8.png

Вы можете увидеть страницу, содержащую виджет формы регистрации пользователя ОАЭ, на странице учетной записи WooCommerce .

Заключение:

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

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

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

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