Вы хотите добавить форму входа в боковую панель 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 » Аддоны страница.
Отсюда вам нужно прокрутить вниз до ‘User Registration Addon’ и нажать на кнопку ‘Install Addon’.
Теперь аддон будет автоматически установлен и активирован на вашем сайте.
Теперь вы готовы к созданию пользовательской формы входа в WordPress. Просто зайдите на WPForms » Добавить новый страницу для запуска конструктора WPForms.
Сначала вам нужно ввести название формы в верхней части, а затем выбрать встроенный шаблон ‘User Login Form’. Просто наведите на него курсор и нажмите кнопку «Использовать шаблон».
Он будет отображать поля для входа, предварительно загруженные в вашу форму. Вы можете нажать на поле, чтобы отредактировать его или добавить новые поля из левой колонки.
WPForms предлагает несколько полей формы, которые вы можете добавить с помощью перетаскиваемого конструктора. Например, вы можете добавить в форму входа имя или поля формы CAPTCHA.
После этого перейдите на вкладку «Настройки» и нажмите на раздел «Подтверждение».
Здесь вам нужно определить, что делать после того, как пользователь успешно войдет на ваш сайт.
В качестве опций можно выбрать сообщение, пользовательскую страницу или URL перенаправления на любую страницу вашего сайта.
В идеале, вы хотите перенаправлять пользователей на страницу после того, как они войдут в систему. Это может быть ваша домашняя страница, панель администратора WordPress или любая другая страница на вашем сайте, например, приборная панель участника или портал клиента.
Затем вы можете нажать кнопку ‘Сохранить’ в верхней части и выйти из конструктора форм.
Теперь ваша форма входа в систему готова. Отсюда вы можете добавить его в боковую панель WordPress.
Просто перейдите на Внешний вид » Виджеты страницу в области администрирования WordPress. Добавьте блок виджетов ‘WPForms’ в область виджетов боковой панели вашего сайта.
Далее, вы можете выбрать форму входа пользователя из выпадающего меню.
Вы можете просмотреть дополнительные опции в панели настроек справа от вас. Например, есть опции, чтобы показать заголовок и описание формы.
Не забудьте нажать кнопку «Обновить», когда закончите.
Теперь вы можете посетить свой сайт, чтобы увидеть пользовательскую форму входа в систему.
Вы также можете использовать WPForms для создания пользовательской формы регистрации пользователей с функциями защиты от спама.
Надеемся, эта статья помогла вам узнать, как добавить форму входа в боковую панель WordPress. Вы также можете ознакомиться с нашим пошаговым руководством по созданию блога на WordPress и лучшими услугами email-маркетинга для малого бизнеса.
Источник: www.wpbeginner.com