Главная / Плагины / Кастомизация / Layered Popups — всплывающие окна для WordPress
WPNICE рекомендует!
Layered Popups - всплывающие окна для WordPress

Layered Popups — всплывающие окна для WordPress

О различных всплывающих окнах (popups) для сайта я уже писал. По прежнему остаётся лучшим способом заставить ленивого читателя подписаться таки на вашу рассылку или присоединиться к вашей группе в фейсбуке. Сейчас я я вам расскажу о подобном плагине, но с одной очень интересной и эффектной особенностью. Речь пойдет о плагине — Layered Popups for WordPress.

Итак, Layered Popups for WordPress умеет выводить разнообразные всплывающие окна (попапы). И что тут такого особенного — спросите вы? А то, что окна эти состоят из слоев, которые ещё и великолепно анимированы. Наверняка многие видели на сайтах красивые слайдеры с динамическими слоями (Layer Slider). Вот тоже самое, только во всплывающем окне. И эффект от таких например, форм подписки, гораздо более впечатляющий чем от стандартных попапов. Давайте посмотрим, как устроен и работает этот плагин.

Установка и настройки Layered Popups for WordPress

Скачиваем, загружаем и активируем плагин. Переходим в новый раздел — Layered Popups в вашей админке.

Popups и Create Popup

Layered Popups - список ваших форм

Список всех ваших всплывающих окошек. Сразу после установки уже доступно более 30 авторских вариантов! Набор контактных форм, «Поделится в социальных сетях», форм для подписки и просто информационных блоков. Все попапы по умолчанию заблокированы. В общем списке видим ID (для шорткодов), количество слоёв, количество показов и подтверждений. Справа набор доступных действий для каждой формы:

  • Посмотреть. Быстро посмотреть, что это за форма. Открывается в новой странице.
  • Редактировать. Вход в редактирование формы.
  • Сделать копию. Можно создать дубликат и он появится в начале таблицы.
  • Сделать экспорт (только настройки).
  • Сделать полный экспорт с картинками.
  • Блокировка. По умолчанию, все формы заблокированы.
  • Обнулить счетчик.
  • Удалить.

Создание совершенно нового окна со слоями и анимацией, дело достаточно кропотливое. Именно поэтому автор и приготовил так много вариантов, сразу же доступных к использованию. Достаточно только изменить или добавить/удалить некоторые детали. Вместо того, что бы сразу кидаться в создание нового окна, гораздо разумнее и проще создать дубликат любого понравившегося и затем отредактировать его как вам нужно.

Layered Popups - редактирование формы

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

Layered Popups for WordPress 2

A/B Campaigns и Create A/B Campaign

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

Log

Общий лог с E-mail, датой создания и дополнительными полями.

Popups Library.

Библиотека всех доступных попапов. Если какого-то у вас еще нет, можно его быстро импортировать.

Settings

Настройки плагина. В основном, это набор критериев по выводу ваших кампаний. Что нужно делать при загрузке, при прокрутке страницы, для выхода со страницы, при бездействии. Укажите в зависимости от чего и как часто следует выводить окошки. Определите паузу перед показом и время через которое они сами закроются. Тут же настройки почты, социальных сетей и разные, дополнительные параметры.

FAQ

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

Или, как привязать вызов к обработчику onclick:

Набор готовых кнопок для вызова форм

Создавать вот так сразу, полностью с нуля новое окно, со сложной формой состоящей из нескольких слоёв и анимацией, я бы не в коем случае не советовал. А вот выбрать наиболее подходящее из большого набора уже готовых и заняться его редактированием, гораздо проще. Перейдя в раздел — Popups и кликая на — Preview Popup (просмотреть) вы можете быстро просмотреть все имеющиеся окошки. Впрочем, можно это сделать и на демо сайте продукта.

Layered Popups - библиотека готовых

Выводы

На момент написания статьи Layered Popups один из самых продаваемых плагинов codecanyon.net с великолепным, пользовательским рейтингов. Плагин очень активно обновляется и поддерживается автором. Кроме технических улучшений, автор неизменно добавляет и новые формы.

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

Страница плагина

Тоже интересно!

Лучшие WordPress плагины бронирования и записи на прием

Лучшие WordPress плагины бронирования и записи на прием

Приветствую. Плагины бронирования – тема интересная. Из-за того, что WordPress стала невероятно популярной  CMS, многие …

17 комментариев

  1. Андрей

    Плюсов много у данного плагина, но я так и не нашел как вставить форму, например с джастклика.

  2. Хорошая штука не только для подписок, но и для рекламы. CTR вырастает на 0,5%.

  3. Сепгей

    Классный плагин, но чет не отправляет заявки на почту. вроде все настроил как нужно, но…
    Может кто знает в чем может быть дело?
    Спасибо!

    • Dmitry

      Если действительно всё настроили правильно, но письма на приходят, обратитесь к своему хостеру. У них часто бывают свои заморочки с почтой.

      • Сергей

        Спасибо за совет, но как оказалось дело не в хостинге. Дело в том что мне нужна форма с именем и телефоном (без email поля), но без email форма не работает!
        Может знаете как решить эту задачу?
        Спасибо!

      • Dmitry

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

      • Сергей

        Нашел решение проблемы методом проб и ошибок)
        с файла «layered-popups.php» нужно вырезать небольшой кусок кода, строки с 4715 по 4724 включительно. И вуаля, форма работает без e-mail поля!
        ========код который нужно вырезать========

        $return_data = array();
        if ($email == » || !preg_match(«/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,9})$/i», $email)) $return_data[’email’] = ‘ERROR’;
        else {
        if ($this->options[’email_validation’] == ‘on’) {
        $email_parts = explode(‘@’,$email);
        if(checkdnsrr($email_parts[1], ‘MX’)) {
        //if(!fsockopen($email_parts[1], 25, $errno, $errstr, 30)) $return_data[’email’] = ‘ERROR’;
        } else $return_data[’email’] = ‘ERROR’;
        }

        ==============================

  4. Виталий

    Здравствуйте, Дмитрий. Подскажите пожалуйста, какой плагин отвечает у вас за всплывающие окно «Тоже интересно!» или это может быть сделано посредством кода?

    • Dmitry

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

      • Михаил

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

  5. Подскажите, как настроить всплывающие окна в этом плагине, чтобы они выводились и на мобильных устройствах? У нас работает хорошо и красиво, но только, если заходить с обычного компа.

  6. Вениамин

    Дмитрий, хочу в попапе вместо карты, которая стоит для примера, вставить свою карту, но не выходит. Зашел в google карты, указал адрес, копирую в соответствующее поле попапа — пусто. Не работает. Не подскажите, где брать ссылку для вставки карты?

  7. Вениамин

    Дмитрий, хочу зайти на этот сайт под своим логином и паролем — выкидывает следующее: «ОШИБКА: Авторизация не удалась, так как Ваш IP-адрес заблокирован. Пожалуйста, свяжитесь с администратором.»
    Сделал, на всякий случай сброс пароля, то же самое. Вот и связываюсь с администратором )) В чем причина?

    И еще, подскажите, как в Layered Popups сделать заполнение полей обязательным?

  8. Здравствуйте. Подскажите каким плагином реализовано на вашем сайте всплывающее popup окно в в правом нижнем углу. Спасибо.

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

  10. Анатолий

    Здравствуйте! Подскажите что нужно сделать чтобы отправлялись письма. Посоздавал разные шаблоны, а когда кинулся проверять и оказалось не работает отправка писем. В настройках все перепробывал, на хостинг обращался (там все проверили скриптами у них все ок) результатов ноль.
    Никак не хочу расставаться с этим плагином. И запустить никак не могу.
    Посоветуйте что надо сделать?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *