Архив метки: popup

Плагин для создания всплывающей формы авторизации 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

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

Автор : Плагины, , ,

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

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

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

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

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

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

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

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

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

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

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

Автор : Плагины,

Достаточно часто нужно сделать всплывающее окно, например для формы обратной связи или авторизации. Для простоты решения данной задачи удобно воспользоваться плагином Popup Maker. Плагин очень простой в применении. После установки плагина в админ-панели появляется группа Popup Makep, куда входят настройки всплывающих окон, настраиваемые темы всплывающих окон и сами окна. Всплывающие окна создаются, как обычные страницы или посты в ВордПресс .окно плагина popup maker

Разница только в том, что страницу, созданную в плагине нельзя вызвать простой ссылкой, так как адрес страницы только внутренний. Страницы открываются по триггеру (селектору) или автоматически, если такая функция была включена для данной страницы. Триггеры для страницы можно увидеть на странице всех всплывающих окон. Цифровое значение триггера присваивается автоматические, буквенным выступает заголовок страницы при создании.

все окна плагина popup maker

Если взять для примера скриншот, то вызвать страницу можно несколькими путями, например кнопкой, в которой указан в качестве класса триггер. <button class="popmake-500">Кнопка</button> или название окна <button class="popmake-test-popup">Кнопка</button> Так же всплывающее окно можно вызвать ссылкой <a href='#' class="popmake-500">Ссылка</a> , в ссылке также можно класс изменить на название страницы: class=»popmake-test-popup» , но иногда бывает, что нет возможности указания класса в ссылке, такое встречается в форумах и других местах. Выход есть, в таком случае надо изменить ссылку, но указывать можно только цифровой триггер иначе работать не будет <a href='#popmake-500'>Ссылка</a> .

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

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

Минусом этого плагина является отсутствие возможности вставить PHP-код на страницу, только «шорткод» и нет возможности привязать картинки к автоматическому добавлению к всплывающим окнам, но с этим поможет другой плагин всплывающих окон FancyBox.

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

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