Архив метки: всплывающие окна

Плагин для создания всплывающей формы авторизации Login/Signup Popup ( Inline Form + Woocommerce )

Простым и удобным в применении оказался плагин Login/Signup Popup ( Inline Form + Woocommerce ). Все формы плагина поддерживают AJAX. В плагине встроенные скрипты для работы всплывающих окон с формами авторизации. Гибкая настройка форм в админке. В платном версии плагина есть возможность добавлять свои мета-поля в форму регистрации. Есть поддержка авторизации через СМС при подключении дополнительного модуля. Приятный внешний вид. В шаблон формы можно вставить логотип, баннер или картинку (настройки в админке).

Оригинальная форма входа для плагина
Дефолтная форма входа в всплывающем окне
Оригинальная форма входа не всплывающая
Дефолтная форма входа при размещении на странице

Путем не сложных изменений дефолтные шаблоны форм легко адаптируются под нужный дизайн. Пример на стандартной теме WordPress TwentyTwenty.

Всплывающая форма входа тема TwentyTwenty
Всплывающая форма входа
Всплывающая форма регистрации темы TwentyTwenty
Всплывающая форма регистрации
Всплывающая форма восстановления пароля для темы TwentyTwenty
Всплывающая форма сброса пароля

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

Форма входа на странице тема TwentyTwenty
Форма входа на странице
Форма регистрации на странице темы TwentyTwenty
Форма регистрации на странице
Форма входа на странице для темы TwentyTwenty
Форма сброса пароля на странице

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

Вывод ошибки в всплывающей форме темы TwentyTwenty

Вызов всплывающих форм авторизации можно добавить в главное меню сайта. После активации плагина в админке => внешний вид => меню => добавьте элементы меню, появляются элементы Login/Signup Popup, которые можно добавить в меню.
В плагине есть возможность размещения шорткода, чтобы форма авторизации открывалась на странице или вызывалась всплывающая форма.

Через шорткод можно настроить, чтобы ссылка или название кнопки после авторизации изменялась на «Выход».
Гибкая система настроек дает широкую возможность адаптации.
Установить или скачать плагин Login/Signup Popup ( Inline Form + Woocommerce ) можно из репозитория WordPress.

(Всего просмотров 174 , сегодня 1 )
0

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

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

форма авторизации sexylogin  форма регистрации sexylogin  форма сброса пароля sexylogin

Корректно обрабатываются ошибки, все действия происходят внутри формы без перезагрузки страницы.

кастомизация формы авторизации  кастомизация формы регистрации  кастомизация формы сброса пароля

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

В двух словах: симпатичная плагин кастомизации формы авторизации.

Плагин можно скачать из репозитория WordPress. Совместим с WordPress 4.8.2

P.S. Первоначальный вид немного отличается от приведенных скриншотов, так как я переделал плагин под всплывающее окно.

(Всего просмотров 93 , сегодня 1 )
0

Плагин для создания всплывающих окон FancyBox

У каждого плагина есть свои удобства и недостатки. Основным преимуществом FancyBox, по сравнению с ранее описанным PopUp Maker, является возможность «подхватывать на лету» файлы картинок, с указанными расширениями в настройках (по умолчанию: *.jpg,  *.jpeg, *.png, *.webp) и открывать эти картинки в всплывающих окнах. Но не только картинки может подхватывать плагин, а так же одиночный контент (посты, станицы, формы обратной связи и т.п.), файлы *PDF, *.SWF, *.SWG, ролики YOU TUBE и другие IFrame. Надо только включить соответствующую настройку в плагине.

настройки плагина fancybox

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

перечень настроек fancybox

Неудобством в использования плагина является необходимость создания отдельных блоков с классом «fancybox-inline» .

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

Если всплывающих окон несколько, то надо добавить Id формы в ссылку или кнопку:

Id в блоке и ссылке должны быть одинаковыми. В примере это хорошо видно.

Плагин можно скачать в репозитории WordPress.

(Всего просмотров 227 , сегодня 1 )
0