Как сделать всплывающее окно в WordPress

Всплывающее окно или Pop-up — это одна из фишек, направленная на привлечение внимания посетителей сайта. С его помощью можно подтолкнуть посетителя к совершению целевого действия (покупки, подписки, звонка и т. д). На движке WP внедрить данный функционал удастся через один из выбранных плагинов.

Назначение и основные функции всплывающих окон

Таким образом, если вы решили привлечь больше лидов и расширить клиентскую базу, присмотритесь к Pop-up. Эта функция принесет немало пользы для сайта:

• улучшит юзабилити — посетитель через всплывашку может быстро задать вопрос и получить ответ;
• мотивирует посетителей совершать целевые действия — подписаться на соцсети/рассылку, связаться с отделом продаж, заполнить заявку и т. д;
• устранит баннерную слепоту — часто пользователи не замечают неподвижные блоки рекламы, но всплывающие окна сразу обращают на себя внимание.

Однако использовать Pop-up надо правильно и в меру, иначе вы добьетесь обратного эффекта — вызовете у ЦА отторжение. Хорошие всплывающие окна должны быть не агрессивными, беззвучными, легко закрываться и нести пользу для посетителя.

А это всплывающее окно с сайта Renault хорошо адаптировано под конкретную страницу — раз пользователь перешел сюда, значит, ему это интересно, поэтому его легче вовлечь в диалог

Теперь про меру. Не нужно показывать попапы поверх друг друга — каким бы хорошим не был ваш сайт, он станет выглядеть в глазах пользователей неорганизованным. Людей напрягает, когда нужно тратить время на закрытие всплывающего окна, а когда их много, это реально бесит. Вот, например, как это выглядело на сайте Lulus — на данный момент косяк устранен.

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

Бесплатные popup-окна WordPress

Внедрить Pop-up на сайтах Вордпресс удастся с помощью бесплатных плагинов. Рассмотрим возможности самых популярных модулей. 

Popup Maker — Popup Forms, Options & More

Универсальный и гибкий плагин, совместимый со многими темами WP. С его помощью можно создать любой тип всплывающего окна — для обновления контента, лидогенерации, электронной торговли и т. д. Есть платные премиум-функции, которые позволяют использовать всплывашки допродаж и перекрестных продаж WooCommerce. 

Прежде, чем запустить попап, нужно покопаться в настройках:

• указать триггер — по клику или автоматически (в последнем случае рекомендуется создавать куки, чтобы при переходе по страницам перед пользователем не открывалась ошибка);

• добавить дополнительный CSS-селектор;

• настроить тему оформления — в этом плагине имеется несколько дизайнов (режущий край, рамка границы, плавающая панель и т. д), поэтому будет несложно выбрать наиболее подходящий под общий стиль сайта;
• откорректировать раздел «Разное» — например, можно включить обход блокировщиков рекламы или отключить кэш ресурсов.

Далее остается ввести название всплывающего окна, добавить текст для отображения и нажать «Опубликовать».

Этот плагин скачало более 600 тыс. пользователей. Он совместим с Вордпресс 4.9 и выше, с недавнего времени русифицирован.

Popup Builder — Responsive WordPress Pop up

Второй по популярности бесплатный попап, который скачали более 200 тыс. пользователей. Автор — Sygnoos. К сожалению, не переведен на русский язык. Имеет две версии — бесплатную FREE и платную PRO.

Основные настройки плагина включают активацию/остановку:

• режима отладки;
• аналитики;
• роли пользователя для доступа к плагину.

Что касается создания нового всплывающего окна, то делается это нажатием на Add New. Открывается несколько вариантов на выбор.

Кликаете на один из вариантов попана и настраиваете опции.

Бесплатный Popup Builder умеет генерировать шорт-коды и выводить несколько видов всплывашек:

• текст и изображение;
• текст с меню и другими дополнениями, поддерживающими html-код;
• Facebook;
• Сабскрайб.

Премиум-версия плагина включает более интересные опции:

• видео (Youtube/Vimeo);
• форма подписки;
• окно со счетчиком обратного отсчета времени (отличная фишка при составлении акций или скидок);
• любая популярная соцсеть;
• контактная форма;
• запрет на чтение или просмотр (+18, к примеру);
• рассылка;
• призывы и т. д.

В PRO есть AdBlock, система аналитики и другие полезные функции.

Popup by Supsystic

Менее популярный плагин — скачали всего 30 000 человек. Однако это вовсе не умаляет его возможностей — он мощный и наверняка понравится многим. Доступен в бесплатной и платной версиях.

Что умеет Popup by Supsystic:

• внедрять Overlay (наложение нескольких слоев), включая e-mail-формы, опросы, видео, приветствия;
• показывать несколько уведомлений подряд через заданное время;
• использовать триггеры — одним из крутых можно назвать on exit триггер, отслеживающий движение мышки посетителей и отображающий всплывашку , когда курсор покидает окно браузера;
• отображать попап после совершения пользователем какого-нибудь действия.

Кроме того, этот плагин имеет настройку выбора места отображения всплывающего окна. Например, сбоку, сверху, внизу сайта. Также вы сможете прикрепить лид магнит с советами по конкретной теме, что увеличит показатели перехода.

Естественно, Popup by Supsystic работает на всех устройствах. В настройках даже имеется опция, позволяющая отключать/включать отображение попапа на смартфонах.

Настройки мало чем отличаются от других аналогичных плагинов:

• в начале создания нового попапа ему присваивается имя;
• затем выбирается тип окна;

• выставляется определенный фильтр (инструмент);

• добавляется собственный контент;

• настраивается цветовая палитра, загружаются изображения;

• выбирается место отображения всплывающего окна

• изменения сохраняются.

Цена использования Popup by Supsystic PRO составляет 29 долларов для одного сайта. Бесплатная версия порядком ограничена, и не подойдет для полноценной работы. Она лишь может дать общее представление о возможностях данного плагина.

Плагины независимых разработчиков для WordPress

Это платные премиальные модули, цена которых составляет меньше 10 долларов. Но при этом возможностей у них не меньше, чем в платных версиях Maker, Builder и Supsystic.

Ninja Popups

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

Еще одно преимущество этого плагина — визуальный конструктор с предпросмотром вносимых изменений. В макет будущего окна вы сможете перетаскивать любые элементы — картинки, видео, текстовые блоки, списки, чекбоксы.

Ninja Popups совместим с десятками сервисов e-mail маркетинга. Сюда можно подключать собственную систему аналитики и даже А/В тестирование. Недостаток всего один — плагин не русифицирован, но зато интерфейс простой и понятный.

Цена обычной лицензии составляет 4 доллара.

Master Popups

Мощный плагин с собственным CSS/Java/Cookie. Предлагает на выбор с полсотни готовых шаблонов, которые можно редактировать на свой вкус.

Особенности Master Popups:

• отличный визуальный редактор с интуитивно понятным интерфейсом;
• настройка цвета, прозрачности, размеров, эффекты анимации, наложение фона;
• добавление собственного контента — текст прописывается вручную;
• экспорт созданных баннеров для использования на других сайтах.

Цена обычной лицензии с 6-ю месяцами поддержки составляет 9 долларов.

Заключение

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