КастомизацияПрочие

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

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

<a href="#ulp-OBJECT_ID">Raise the popup</a>

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

onclick="return ulp_open('OBJECT_ID');

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

<a href="#" class="ulp-link-button ulp-link-button-red">Hi, I'm red button.</a>
<a href="#" class="ulp-link-button ulp-link-button-blue">Hi, I'm blue button.</a>
<a href="#" class="ulp-link-button ulp-link-button-green">Hi, I'm green button.</a>
<a href="#" class="ulp-link-button ulp-link-button-yellow">Hi, I'm yellow button.</a>
<a href="#" class="ulp-link-button ulp-link-button-orange">Hi, I'm orange button.</a>
<a href="#" class="ulp-link-button ulp-link-button-pink">Hi, I'm pink button.</a>
<a href="#" class="ulp-link-button ulp-link-button-black">Hi, I'm black button.</a>

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

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

Выводы

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

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

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

Похожие

17 Комментов

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

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

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

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

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

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

      3. Нашел решение проблемы методом проб и ошибок)
        с файла «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. Здравствуйте, Дмитрий. Подскажите пожалуйста, какой плагин отвечает у вас за всплывающие окно «Тоже интересно!» или это может быть сделано посредством кода?

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

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

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

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

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

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

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

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

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

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

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Back to top button