Виджет формы входа для Elementor
Настройте формы входа в WordPress и сделайте их красивыми. Улучшите процесс адаптации пользователей ,благодаря поддержке входа через социальные сети и множеству других расширенных функций.
Посмотрите подробное видео о виджете «Форма входа»
Давайте посмотрим, как вы можете добавить форму входа, не выходя из Elementor. Начните с перетаскивания формы входа.
Прежде чем перейти ко всем настройкам виджета, давайте кратко рассмотрим ключевые функции:
- Пользовательская форма – Имя пользователя/пароль
- Поддержка входа через социальные сети – Facebook/Google
- Возможность скрыть пользовательскую форму – вход только с помощью кнопок социальных сетей
- Пользовательские перенаправления для входа и выхода из системы
- Пользовательский URL-адрес для регистрации и потери пароля
- Разделитель между формой входа и входом через социальную сеть
- Показать/скрыть/настроить метки
- Простые и 100% возможности настройки
- Варианты стиля кнопки входа в систему
- Параметры стиля проверки полей
Поля формы
На вкладке «Содержимое» первый раздел, который вы увидите, — «Поля формы» . У вас есть возможность отображать метки входа в WordPress по умолчанию, пользовательские или без меток.
Здесь вы также сможете показать/скрыть поле «Запомнить меня» и установить размер полей ввода.
Социальный вход и регистрация
Это следующий раздел, где вы сможете включить вход через социальные сети для Facebook и Google .
Вам нужно будет добавить эти идентификаторы из панели управления WordPress в разделе «Настройки» > «Ultimate Addons for Elementor» > «Форма входа» — «Идентификатор клиента Google» / «Форма входа» — «Идентификатор приложения Facebook» .
Мы также предоставили скины по умолчанию для входа в социальную сеть, например «Темный » (по умолчанию), а другой — «Светлый» .
Иногда вы можете предоставить своим пользователям как форму входа, так и вход через социальную сеть. Таким образом, вам может понадобиться разделитель, предлагающий им войти в систему, используя форму входа или вход через социальную сеть.
Вы также будете иметь полный контроль над текстом-разделителем и его стилем.
Скрыть пользовательские поля формы – вход только с помощью социальных кнопок
Вы можете скрыть поля формы, используя настройку «Скрыть пользовательскую форму», и отображать только вход в систему через социальную сеть. С ее помощью пользователи смогут войти на ваш веб-сайт.
Пользовательские перенаправления
В разделе «Дополнительные параметры» на вкладке «Содержимое» вы увидите возможность перенаправить пользователя после входа или выхода на собственный URL-адрес на вашем собственном веб-сайте.
Просто нужно добавить URL-адреса на соответствующую страницу текущего веб-сайта, на которую вы хотите, чтобы пользователь перенаправлялся после успешного входа или выхода из системы.
Пользовательский URL-адрес для регистрации и потери пароля
У вас есть пользовательская форма регистрации пользователя, и вам нужно связать её с помощью ссылки «Регистрация» под формой входа.
Мы обеспечим вас, вам просто нужно показать кнопку «Зарегистрироваться» в разделе «Дополнительные параметры». И выберите собственный URL-адрес в поле «Ссылка на».
Обратитесь к снимку экрана ниже, чтобы найти снимок экрана, на котором вы найдете этот параметр:
Оформление формы входа
Мы предоставили все параметры стиля на вкладке «Стиль». В первом разделе «Интервал» вы сможете управлять интервалом между метками полей формы, верхним интервалом разделителя и интервалом для входа в социальную сеть.
А в следующем разделе «Поля формы» вы можете обновить настройки «Типографика меток», «Поле ввода», «Запомнить меня».
Вход через социальную сеть: отсюда вы можете управлять выравниванием входа в социальную сеть, радиусом границы и тенью блока.
Кнопка: раздел кнопок позволяет нам управлять стилем кнопки.
Сообщения о проверке полей: у вас также есть возможность управлять сообщениями о проверке полей и ошибках.
Комментарии
Найдите свой шаблон для сайта среди 300+ вариантов
Все шаблонные сайты
Один ответ на “Виджет формы входа для Elementor”
Спасибо за просмотр! Оставляйте свои комментарии и вопросы!