Как добавить форму входа на боковую панель WordPress

Как добавить форму входа на боковую панель WordPress


Хотите добавить форму входа на боковую панель WordPress?

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

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

Когда и зачем вам нужна пользовательская форма входа в WordPress?

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

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

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

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

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

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

Для этого урока мы будем использовать тему Astra. Обратите внимание, что параметры могут различаться в зависимости от используемой вами темы WordPress.

Для начала нужно перейти Внешний вид » Виджеты с панели управления WordPress.

Отсюда вы можете нажать кнопку «+», прокрутить под заголовком «Тема» и щелкнуть блок виджета «Вход/выход», чтобы добавить его на боковую панель.

READ  5 отличных биографий брендов в Instagram, которые вдохновят вас
Добавить блок виджета входа в систему

Далее вы увидите блок «Вход/выход» в области виджетов. Затем вы можете включить параметры для отображения входа в виде формы.

После внесения изменений нажмите кнопку «Обновить» вверху.

Посмотреть вариант выхода из системы и обновить область виджетов

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

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

Предварительный просмотр формы входа по умолчанию

Способ 2: добавление пользовательской формы входа с помощью плагина WPForms

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

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

Пользователи WPBeginner могут использовать купон WPForms: СОХРАНИТЬ50 чтобы получить скидку 50% на их покупки.

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

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

Ввод лицензионного ключа WPForms

После проверки необходимо перейти на WPForms » Аддоны страница.

Отсюда вам нужно прокрутить вниз до «User Registration Addon» и нажать кнопку «Install Addon».

Модуль регистрации пользователей WPForms

Аддон автоматически установится и активируется на вашем сайте.

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

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

READ  Прямая трансляция Мичиган против Пердью: как смотреть чемпионат Большой десятки 2022 года | Цифровые тренды
Выберите шаблон формы входа пользователя

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

WPForms предлагает несколько полей формы, которые вы можете добавить с помощью конструктора перетаскивания. Например, вы можете добавить имя или поля формы CAPTCHA в форму входа.

Настройте форму входа пользователя

После этого перейдите на вкладку «Настройки» и нажмите на раздел «Подтверждение».

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

Перейти к настройкам подтверждения

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

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

Затем вы можете нажать кнопку «Сохранить» вверху и выйти из конструктора форм.

Ваша форма входа готова. Отсюда вы можете добавить его на боковую панель WordPress.

Просто посетите Внешний вид » Виджеты страницу в админке WordPress. На этой странице добавьте блок виджетов «WPForms» в область виджетов боковой панели вашего сайта.

Добавить блок виджетов WPForms

Затем вы можете выбрать форму входа пользователя в раскрывающемся меню.

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

Изменить настройки формы и обновить

Не забудьте нажать кнопку «Обновить», когда закончите.

Теперь вы можете посетить свой веб-сайт, чтобы увидеть пользовательскую форму входа.

Предварительный просмотр пользовательской формы входа

Вы также можете использовать WPForms для создания пользовательской формы регистрации пользователя с функциями защиты от спама.

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

READ  Как добавить роль SEO-редактора в WordPress

Если вам понравилась эта статья, то, пожалуйста, подпишитесь на нашу Канал YouTube для видеоуроков WordPress. Вы также можете найти нас на Твиттер а также Фейсбук.





Source link