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

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

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

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

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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

С добавлением Honeypot и ReCaptcha вы можете бороться со спамерами и предотвращать поддельные регистрации.

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

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

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

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

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

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

1.png

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

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

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

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

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

2.png

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

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

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

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

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

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

Вот подробное описание обоих:

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

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

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

Untitled.png

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

4.png

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

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

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

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

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

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

6.png

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

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

Если вы хотите создать настраиваемую страницу WooCommerce, то есть страницу моей учетной записи, под именем Custom Account Page, вы можете просто:

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

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

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

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

8.png

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

Вывод:

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

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

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

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