AffTimes.com
AffTimes.com

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

Как сделать всплывающее окно в WordPress
автор
Chief
На чтение
9 мин
просмотров
50
опубликовано
28 июня, 2021

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

Всплывающее окно

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

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

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

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

Ламода
Эти попапы на Lamoda показываются в первую же секунду открытия страницы, но не нервируют пользователей, так как несут полезную информацию

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

Автоград

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

Lulus

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

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

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

Popup Maker — Popup Forms, Options & More

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

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

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

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

Опубликовать

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

Popup Builder — Responsive WordPress Pop up

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

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

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

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

Add New

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

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

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

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

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

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

ПРО-версия

Popup by Supsystic

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

Popup by Supsystic

Что умеет 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

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

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

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

цена обычной лицензии

Master Popups

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

Master Popups

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

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

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

Master Popups цена лицензии

Заключение

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

Какой лучше использовать плагин для всплывающей окна обратной связи?

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

Стоит ли покупать плагин, или лучше использовать бесплатные версии?

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

Какими бывают попап окна?

Самыми популярными форматами являются: timed pop-up (с временной отсрочкой), entry pop-up (с приветствием), page-stop (блокирующий), exit pop-up (прощальный), click pop-up (отображаемый после клика пользователя), pop-out (выезжающий).

автор
Chief

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

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