Хотите создать страницу регистрации в Elementor?
Если вы хотите создать сайт WordPress, который позволяет регистрацию пользователей, очень важная вещь, которую вам нужно предоставить, — это страница регистрации. Elementor не имеет виджета по умолчанию для добавления форма подписка на страницу, но вы можете добавить ее с помощью виджета Формуляр с небольшой хитростью. Вскоре мы узнаем в этой статье.
Поскольку виджет Формуляр доступен только на Elementor Pro, вам необходимо обновить Elementor до профессиональной версии.
Как создать регистрационную форму в Elementor
Elementor не имеет виджета по умолчанию для добавления формы регистрации. Но, как упоминалось ранее, вы можете создать страницу регистрации пользователя с помощью виджета «Форма», выполнив небольшую хитрость. Вам понадобятся два компонента:
- Сама форма регистрации пользователя
- Скрипт PHP, позволяющий добавить нового пользователя
Прежде чем мы начнем, предположим, что вы уже какое-то время используете Elementor и уже создали форму с помощью виджета Form.
Когда вы будете готовы, выполните следующие действия, чтобы начать создание страницы регистрации в Elementor.
Шаг 1. Создайте регистрационную форму
Сначала создайте новую страницу и отредактируйте ее с помощью Elementor. Конечно, вы также можете редактировать существующую страницу. В редакторе Elementor добавьте виджет формы в поле редактирования, перетащив его с левой панели.
Перейдите на левую панель, чтобы настроить форму. Первый блок опций, который вам нужно открыть, - это блок Поля формы под вкладкой Содержание. Регистрационная форма, которую мы собираемся создать, будет состоять из 5 полей:
| чемпион | Тип поля | этикетка |
| имя | Текст | Имя |
| ном | Текст | Фaмилия |
| пользователь (обязательно) | Текст | Utilisateur |
| Электронная почта (обязательно) | Электронная почта | Электронная почта |
| Требуется пароль) | пароль | Пароль |
Имя формы: Создать нового пользователя
Следует отметить одну важную вещь. Обязательно используйте те же метки полей, что и в таблице выше, включая верхний и нижний регистр, поскольку они будут использоваться в качестве переменных в сценарии PHP, который мы будем использовать.
Читайте также: Как создать всплывающее окно согласия на использование файлов cookie с помощью Elementor
Также не забудьте дать своей форме имя. Опять же, убедитесь, что вы используете то же имя (включая верхний и нижний регистр), которое мы используем в этом примере (в данном случае «Создать нового пользователя»).
Вот пример созданной нами формы.
Однажды определение заполненные поля формы, открыть блок Действие после отправки. Поскольку вы хотите создать форму регистрации пользователя, вы можете установить действие на переадресовывать.
В блоке Перенаправить, Вставьте URL-адрес, на который будут перенаправлены ваши пользователи после создания нового пользователя. Например, вы можете перенаправить их на страницу входа на свой сайт.
Откройте блок Дополнительные параметры и активировать опцию На заказ Сообщения. Вы можете заменить сообщение об успешном завершении на что-то вроде «Пользователь создан».
Ваша форма готова. Вы можете опубликовать страницу после того, как закончите ее редактировать.
Шаг 2. Добавьте новую функцию для добавления нового пользователя
Вот сценарий PHP, который позволяет вам добавить нового пользователя на ваш сайт WordPress.
add_action ('elementor_pro / forms / new_record', 'blogpascher_creer_un_nouvel_user', 10, 2); функция blogpascher_creer_un_new_user ($ record, $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name'); // Проверяем, что в форме указано «создать нового пользователя», в противном случае - остановимся и вернемся; if ('Создать нового пользователя'! == $ form_name) {return; } $ form_data = $ record-> get_formatted_data (); $ user = $ form_data ['Пользователь']; // Получаем значение, введенное как "Имя пользователя" $ password = $ form_data ['Пароль']; // Получаем значение, введенное как "Пароль" $ email = $ form_data ['Email']; // Получить значение, введенное как "Электронная почта" $ user = wp_create_user ($ username, $ password, $ email); // Создаем нового пользователя, в случае успеха возвращаем user_id if (is_wp_error ($ user)) {// если произошла ошибка при создании нового пользователя $ ajax_handler-> add_error_message ("Невозможно создать нового пользователя: ". $ user-> get_error_message ()); // добавляем сообщение $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" Имя "]; //Получите значение, введенное как "Имя"
$ last_name = $ form_data ["Имя"]; //Получите значение, введенное как "N"om"
wp_update_user (array ("ID" => $ user, "first_name" => $ first_name, "last_name" => $ last_name)); // Обновить пользователя, указав имя и фамилию}
Вы можете поместить приведенный выше код в файл functions.php вашей темы. Для этого перейдите в Внешний вид -> Редактор тем на панели управления WordPress. Нажмите на файл functions.php на правой панели, чтобы отредактировать его и вставить скрипт PHP в конец файла функции.php.
Вот превью.
Нажмите кнопку Обновить файл в редакторе, чтобы обновить файл functions.php.
Возможные ошибки
После того, как ваши пользователи успешно создали новую учетную запись, есть большая вероятность, что они не смогут получить доступ к панели управления WordPress, даже если они успешно вошли в систему. Если вы столкнулись с этой проблемой, попробуйте изменить роль пользователя на «Участник» или более высокую роль («Автор» или «Редактор»).
Читайте также: Как экспортировать и импортировать модели Elementor
Для этого перейдите в Учетные записи-> Все учетные записи. Наведите указатель мыши на пользователя, роль которого вы хотите изменить, и щелкните ссылку Изменить.
Прокрутите вниз до опции роль и выберите новую роль в раскрывающемся меню. Нажмите на кнопку Обновить пользователя внизу, чтобы применить новую модификацию.
Если вы хотите, чтобы каждый вновь зарегистрированный пользователь имел роль участника, вы можете установить ее (роль участника) в качестве роли по умолчанию.
Смотрите также: Как создать страницу входа в Elementor
Для этого перейдите в Настройки-> Общие. Прокрутите вниз до опции Роль по умолчанию для любой новой учетной записи и выберите роль по умолчанию в раскрывающемся меню. Не забудьте нажать на кнопку Сохранить изменения внизу, чтобы применить новую модификацию.
Если вы по-прежнему хотите, чтобы у новых пользователей была роль подписчика, и вы хотите разрешить им доступ к панели управления WordPress, вы можете попытаться решить проблему, временно отключив активные плагины и повторно включив их один за другим. Пока вы не увидите, какой плагин является вызывая проблему.
Получите Elementor Pro прямо сейчас!
Заключение
Вот! Вот и все, что касается этой статьи, в которой показано, как создать страницу регистрации в Elementor. Если у вас есть вопросы о том, как туда добраться fдайте нам знать в Комментарии.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...
