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

Вы хотите добавить форму входа в боковую панель WordPress? Форма входа в боковую панель WordPress позволяет пользователям быстро войти в систему из любой...

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

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

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

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

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

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

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

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

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

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

Метод 1: Добавление стандартной формы входа WordPress в сайдбар

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

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

Чтобы начать, вам нужно перейти по адресу Внешний вид » Виджеты из вашей приборной панели WordPress.

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

Добавьте блок виджета для вывода формы входа

Далее вы увидите блок ‘Login/out’ в области виджетов. Затем вы можете включить опции для отображения входа в систему в виде формы.

Когда вы внесете изменения, нажмите кнопку «Обновить» вверху.

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

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

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

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

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

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

Пользователи WPBeginner могут воспользоваться купоном WPForms: SAVE50 чтобы получить 50% скидку на свои покупки.

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

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

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

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

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

Аддон для регистрации пользователей WPForms

Теперь аддон будет автоматически установлен и активирован на вашем сайте.

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

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

Выберите шаблон формы входа пользователя

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

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

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

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

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

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

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

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

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

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

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

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

Далее, вы можете выбрать форму входа пользователя из выпадающего меню.

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

Редактирование настроек формы и обновление

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

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

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

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

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий