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

Обновлено: 19.05.2024

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

Из отрицательных моментов, связанных с необдуманным и не целевым использованием на сайте подобного способа воздействия на аудиторию, можно назвать естественный отток посетителей (если popup-окна идентифицируются ими как спам) и нелюбовь поисковых систем (в частности, при использовании полноэкранных баннеров с рекламой и ссылками), а значит, и понижение в поисковой выдаче.

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

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

Как правило, любой современный плагин всплывающего окна WordPress отличается возможностями тонкой настройки по времени (появляется через заданное количество проведенного на сайте времени) и по поведению (появляется после просмотра определенного объема текста, перехода на другие страницы, выхода с сайта).

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

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

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

В репозитории WordPress можно найти множество popup-плагинов, новых и развиваемых создателями в течение нескольких лет. Устанавливаются они на блог или сайт стандартным образом: меню консоли Плагины — Добавить новый, Поиск по названию, кнопки Установить и Активировать. Практически все представленные плагины имеют премиум-версию, значительно расширяющую функционал. Рассмотрим наиболее популярные из них.

Popup Maker — Popup Forms, Optins & More

Поддерживает популярные плагины для создания контактных форм: Contact Form 7, Gravity Forms, Ninja Forms. Есть страница загрузки полутора десятков платных расширений, в числе которых интеграция с различными сервисами почтовых рассылок, возможность добавления во всплывающее окно видео, аналитики и т.д.

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

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

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

Popup Builder — Responsive WordPress Pop up

Замечательный плагин Popup Builder для WordPress с продуманным конструктором всплывающих окон, мощный и одновременно простой в использовании. Один из лучших для создания модального окна, способного захватить внимание посетителей и представить им различные виды уведомлений, предложений и скидок.

Плагин предлагает создание 12-ти типов всплывающих окон в PRO-версии (скриншот выше) и 6 тем визуального оформления. В бесплатной модификации возможностей существенно меньше, но их достаточно для того, чтобы сконструировать привлекательный баннер с информацией для посетителя: можно добавлять изображения, кнопки подписки на Facebook-аккаунт, шорткоды, редактировать HTML-код.

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

Содержимое popup-окна компонуется в визуальном или HTML-редакторе, идентичном стандартному редактору WordPress.

Popup by Supsystic

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

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

Интерфейс панели настроек плагина русифицирован и интуитивно понятен. Можно адаптировать любое popup-окно для сайта под индивидуальные потребности, присутствует возможность редактирования CSS и HTML-кода.

Можно в реальном времени отслеживать статистику по добавленным всплывающим окнам. В PRO-версии плагина есть блок настроек A/B тестирования. Базовые навыки по созданию popup-окна поможет получить видео-руководство, интегрированное в настройки плагина.

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

Без упоминания этих альтернативных профессиональных решений обзор popup-плагинов для WordPress был бы неполным. В рассматриваемых ниже премиум-плагинах все, за что в большинстве случаев придется доплачивать пользователю плагина из репозитория (причем, доплачивать за каждую дополнительную опцию), уже включено в функционал. При этом стоимость таких инструментов весьма демократична и составляет 24-25 долларов.

Ninja Popups

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

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

Ninja Popups работает со всеми популярными сервисами e-mail маркетинга (их в списке несколько десятков). Присутствует собственная аналитика и функционал A/B тестирования всплывающих окон и слайдеров.

Для реализации уже имеющихся дизайн-макетов popup-окон в плагин включен продвинутый визуальный конструктор с предпросмотром вносимых изменений, позволяющий перетаскивать в макет будущего окна любые необходимые элементы (изображения, видео, блоки с текстом и HTML-кодом, списки, поля ввода данных и скрытые поля, карты, кнопки, чекбоксы, защиту от спама reCaptcha и др.). Интерфейс англоязычный, но достаточно простой и понятный.

Master Popups

Мощнейший инструмент для создания всего разнообразия видов всплывающих окон. Есть полсотни различных готовых шаблонов, которые можно редактировать. Присутствует возможность использования собственного CSS-кода, JavaScript и Cookie. В расширенных настройках можно выбрать, какие действия будут выполняться после открытия/закрытия окна и отправки формы, при бездействии пользователя, при решении покинуть страницу.

Этот плагин можно назвать достойным конкурентом не только упомянутому выше Ninja Popups, но и любому решению из официального репозитория WordPress.

Заключение

Достижение поставленной цели (информирование посетителя, предложение скидки, призыв подписаться на рассылку) — во многом, это результат экспериментов с текстом и дизайном блока, результат грамотного подхода к показу баннеров. А представленный в статье выбор инструментов для создания, настройки и вывода на сайте popup-окон поможет в реализации этой задачи. Желаю успеха!

Настройки

Однажды мой знакомый спросил:

А не мог бы ты написать что-нибудь на тему всплывающих окон в WordPress?
Мог бы, — ответил я. А смысл? Ведь об этом не писал, кажется только ленивый!
Ну так пора и тебе перестать лениться! — пошутил он.

«Ну пора, так пора» — подумал я, и начал собирать материал. Поскольку тема довольно интересная, а WordPress не предлагает каких-либо встроенных инструментов для решения подобной задачи, то информационного недостатка я не испытывал. В результате накопилось довольно много наблюдений, которые мне показались интересными, и чтобы никто впредь не решился назвать меня лентяем, вместо одной статьи, написал целых три. Первую из них и представляю вашему вниманию.

Хочу сразу сказать, что я сторонник того, чтобы решать проблему путем написания собственного кода, хотя бы потому, что он дает именно тот результат, который хотим. Даже если он далек от идеала, и может вызвать нервный тик у профессионального разработчика. В то же время приходится отдавать себе отчет в том, что далеко не все и не всегда могут или хотят разделить мое мнение на этот счет. Поэтому идею написать статью в стиле «как изобрести велосипед» с сожалением все же пришлось отбросить и обратиться к репозиторию плагинов.

Как и следовало ожидать, вариантов оказалось множество, но лучших не так много. Большинство экспертов в этой области отдают предпочтение плагину PopUp Maker. Ему и посвящена данная статья.

После установки плагина в административной панели появляется одноименный раздел, при помощи которого можно создавать и управлять всплывающими конами сайта.

Механизм работы погранично прост: нажав ссылку «Добавить всплывающее окно», открываем интерфейс, в котором можем создать это самое окно. Здесь не должно возникнуть особенных трудностей, поскольку для его конструирования применяется все тот же Gutenberg со всеми его блоками, возможностью использования сторонних расширений и шорт кодов. Непосредственно под редактором располагается метабокс с настройками всплывающего окна, где:

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

Теперь – к примерам.

Пример 1 Рекламное всплывающее окно, появляющееся само по себе

1. Заходим в раздел PopUp Maker. Нажимаем ссылку «Добавить всплывающее окно»
2. В открывшемся редакторе создаем само окно
  - Задаем название PopUp (нигде кроме административного раздела оно отображаться не будет, поэтому может быть любым)
  - Создаем контент (для примера разместил рекламу скидок к празднику).
3. Настраиваем условия отображения всплывающего окна:
  - В разделе «Триггеры» нажимаем «Добавить новый триггер». В появившемся окне выбираем «Задержка времени / Автооткрытие». В следующем шаге настройки устанавливаем время задержки появления окна.
  - В разделе «Нацеливание» устанавливаем условие отображения. (чтобы окно не надоедало пользователю, я установил его показ только при просмотре главной страницы). Также можно установить отключение показа окна на мобильный устройствах.
  - В пункте «Отображение» установим внешний вид на свое усмотрение (я выбрал Light box, как самый оптимальный для дальнейшей настройки). Размер – 40%. Тип анимации – движение. Начало анимации – справа. Позиция – Низ Право. Чтобы окно не прилипало к краям браузера, установим небольшие отступы от нижнего и от правого краев.
  - Кнопку закрытия настраивать не буем и оставим как есть.
4. Сохраняем настройки. Любуемся результатом.
Пример 2 Появление окна при щелчке по соответствующей кнопке (ссылке в статье).

Создание самого окна и большинство настроек осуществляются по предыдущей схеме. Отличие состоит в следующем:
1. В странице или записи, при просмотре которой должен отображаться PopUp, создаем видимый и понятный читателю элемент (это может быть кнопка или картинка – не важно). Сохраняем внесённые изменения.
2. Переходим к просмотру статьи во фронтальной части сайта.
3. На панели администратора нажимаем кнопку PopUp Maker – Инструменты – Получить селектор.
4. Щелкаем левой кнопкой мыши по заготовленному заранее элементу и копируем CSS-селектор.
5. Возвращаемся в административную панель, открываем созданный ранее PopUp или создаем новый.
6. Настраиваем условия отображения:
  - На этапе установки триггера выбираем «Нажатие». В поле «Дополнительные CSS-селекторы» вставляем скопированные ранее.
  - Раздел «Нацеливание» не трогаем
  - Все остальное настраиваем на свой вкус.
В завершение следует отметить, что плагин PopUp Maker – довольно гибкая и мощная штука даже в бесплатной реализации. Если же дополнить его платным функционалом, то возможностей станет еще больше. О чем говорит его собственный репозиторий расширений.

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

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

Создание всплывающих окон в WordPress

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

1. Установите и активируйте плагин Popup Maker.

2. После активации плагина перейдите в Pupup Maker -> Add New.

3. В открывшейся странице мы будем создавать модальное окно. Давайте пройдемся по пунктам настроек:
- 1) Указываем название модального окна. Это название пользователю видно не будет.
- 2) Заглавие модального окна.
- 3) Отмечаем галочкой страницы, на которых будем использовать всплывающее окно. Если указываем «On Entrie Site» — модальное окно можно использовать на всех страницах и записях сайта.
- 4) Наполнение всплывающего окна. Сюда пишем текст, вставляем изображения и т.п. В общем, делаем наполнение по желанию. В нашем примере я вставил фрейм видеозаписи с youtube.
- 5) Указываем размер модального окна. Размер можно указать как в процентах, так и в пикселях. Значение «Auto» — автоматически подбирает размер модального окна. В случае добавления видеозаписи это лучший вариант.
- 6) Отмечаем галочкой в том случае, если мы ходим чтобы после открытия модального окна мы видели на фоне сайт. Рекомендую отмечать.
- 7) Настройка скорости и типа анимации. Если вы не любители экспериментировать с анимациями, то можно оставлять все по умолчанию.
- 8) Настройка позиционирования. По умолчанию модальное окно будет появляться вверху по центру.
- 9) Вот тут уже поинтересней. В этом поле можно указать классы или идентификаторы элементов вашего сайта, при клике на которые будет открываться создаваемое вами модальное окно. Возможность очень крутая и полезная, но требующая некоторых знаний в CSS.
- 10) Настройка CSS свойства z-index. Обычно не нуждается в изменениях.
- 11) Настройки закрытия модального окна. Click Overlay to Close — закрытие модального окна при нажатии мимо него. Press ESC to Close — закрытие модального окна клавишей Esc. Press F4 to Close — закрытие клавишей F4. Я отмечаю все пункты, дабы не злить пользователей сайта и упростить возможность закрытия всплывающего окна 😉
- 12) Настройки автоматического открытия модального окна. В нашем примере его использовать не будем.
4. После того как мы выполнили настройки, нажимаем кнопку «Опубликовать». Таким образом мы создали всплывающее (модальное) окно.

Настройки внешнего вида всплывающего окна

После создания всплывающего окна можно настроить его внешний вид. Для этого переходим в Popup Maker -> Theme.

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

Такие настройки индивидуальны, и говорить о них я не вижу смысла. Если будут вопросы — задавайте в комментариях.

Настройка открытия всплывающего окна

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

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

Для того чтобы узнать class-идентификатор вашего модального окна переходим в Popup Maker -> All Popups.

На открывшейся странице мы видим два класса, которые являются идентификаторами созданного нами модального окна, в нашем примере это popmake-106 и popmake-primer-vsplyivayushhego-okna. Использовать можно любой из них.

Для того чтобы модальное окно работало, нужно добавить class-идентификатор в элемент, при нажатии на который мы ходим чтобы модальное окно появлялось. Ниже примеры добавления в ссылку, кнопку и изображение.

В примере будем использовать класс popmake-106.

Открытие модального окна при клике по ссылке:

Открытие модального окна при нажатии кнопки:

Открытие модального окна при клике по изображении:

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

Вот такое всплывающее окно в результате у нас получится:

Готово! Если у вас будут возникать вопросы или какие-либо проблемы при создании всплывающего окна — смело пишите в комментариях, постараюсь всем ответить и помочь.

Обзор

Проголосуйте за урок

Оценка

Ведение блога становится профессиональной работой для многих молодых людей. Создать блог WordPress с коллекцией статей из интересующей вас области несложно. Однако успех зависит от превращения разовых посетителей в вернувшихся. Хотя есть много способов удержать посетителя, самый простой способ – попросить его подписаться на ваш блог. В этой статье давайте рассмотрим 10 лучших плагинов подписки на всплывающие окна для блога WordPress.

Хотя WordPress – отличная платформа для ведения блогов, вам также необходимо приложить значительные усилия для создания и продвижения контента. Многим индивидуальным блогерам не хватает бюджета на контент-маркетинг. Следовательно, им необходимо использовать различные доступные возможности без особых вложений.

10 лучших плагинов подписки на всплывающие окна для WordPress

Вот плагины, которые помогут вам добавить всплывающие окна на ваш сайт WordPress.

1 OptinMonster

OptinMonster – популярный плагин для всплывающих окон для WordPress, позволяющий эффективно ориентироваться на аудиторию.
- Он включает в себя множество готовых шаблонов, которые вы можете настроить с помощью встроенной функции перетаскивания. Более креативные владельцы веб-сайтов могут начать с чистого листа.
- Вы можете выбрать множество различных форматов всплывающих окон, например слайд в поле прокрутки, полноэкранный приветственный коврик и всплывающий лайтбокс.
- Триггеры для всплывающих окон включают намерение выхода, которое определяет, когда посетитель собирается покинуть веб-сайт. Хорошо спроектированное всплывающее окно может восстановить кого-то, кто планирует покинуть веб-сайт.
- Плагин также включает в себя другие функции, такие как датчик бездействия, отображение по времени и триггер прокрутки.
Цена на плагин OptinMonster начинается от 9 долларов за ежемесячную базовую подписку. Вы можете получить больше премиум-функций, перейдя на другие планы.

2 всплывающих окна – всплывающее окно WordPress

Всплывающие плагин не предлагает аналогичные возможности, как OptinMonster. Тем не менее, это здорово, если вы получите базовые функции бесплатно.
- Предлагает совместимость с популярными плагинами, такими как Jetpack, Contact Form 7 и MailChimp.
- Определив внешний вид всплывающего окна, вы можете использовать правила для оптимизации его поведения.
- Вы можете создавать всплывающие окна с рядом индикаторов, например, когда вы оставляете комментарий или получаете доступ к определенным категориям.
- Показывайте пользователям больше релевантных всплывающих окон на основе их предпочтительных тем.
В базовой версии доступны триггеры: ручной режим, глубина прокрутки и время. Для премиум-версии дополнительные триггеры включают намерение выхода и другие элементы.

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

Всплывающие окна ниндзя включают в себя широкий спектр встроенных шаблонов, соответствующих различным требованиям.
- Плагин поставляется с различными функциями, такими как эффекты анимации, настраиваемый визуальный конструктор перетаскивания всплывающих окон, технология защиты от блокировки рекламы и статистика панели инструментов.
- Вы также можете использовать A / B-тестирование и интеграцию с различными службами электронного маркетинга.
- Варианты таргетинга включают время, намерение выхода, уровни страниц и другие.
Ninja Popups – это плагин премиум-класса, и вы можете приобрести его за 26 долларов в codecanyon.

4 Конструктор всплывающих окон

Popup Maker полезен для создания различных всплывающих окон, таких как лайтбокс для видео, слайд-аут, уведомления о файлах cookie и формы согласия. Инструмент редактора для создания всплывающих окон основан на знакомом интерфейсе WordPress, хотя он не включает функцию перетаскивания. Существуют различные условия, которые можно использовать для таргетинга на аудиторию, а в премиум-версии доступны более расширенные параметры таргетинга. Базовая версия бесплатна, а дополнительные функции доступны в виде платных надстроек.

5 Доминирование всплывающих окон

Popup Domination – один из самых ранних плагинов для всплывающих окон для WordPress. Разработчик продолжает обновлять плагин, чтобы поддерживать его конкурентоспособность. Добавлен ряд функций, таких как A / B-тестирование для оптимизации всплывающих окон. Пользователи могут использовать триггеры, такие как просмотры страниц, глубина прокрутки и таймер. Он интегрируется с отслеживанием событий Google Analytics для получения информации непосредственно из Google Analytics. Вместо того, чтобы платить за дополнительные функции, Popup Domination доступен в нескольких тарифных планах. Каждый план имеет свой набор функций. В зависимости от ваших требований, он может оказаться более доступным по сравнению с другими плагинами. Базовая версия доступна за 9 долларов в месяц и обслуживает до 10 000 всплывающих окон в месяц.

6 Сумо

Sumo – это больше, чем просто всплывающий плагин, это также полный набор инструментов для вашего сайта WordPress.
- Одна из функций Sumo – построитель списков, который позволяет правильно отображать всплывающие окна с подпиской на электронную почту. Sumo List Builder также включает аналитику и A / B-тестирование.
- Sumo List Builder известен своей функциональностью, и вы можете творчески подходить к тому, какие всплывающие окна вы хотите создать.
- Триггеры для всплывающих окон включают время, намерение выхода и глубину прокрутки.
- Sumo Pro предлагает тесную интеграцию со многими сервисами электронного маркетинга, а брендинг Sumo удален из всплывающих окон.
Sumo можно использовать бесплатно, а версия Sumo Pro доступна за 39 долларов в месяц.

7 Что-нибудь всплывающее

Anything Popup – это высоконадежный плагин, который известен как не блокируемый программным обеспечением для блокировки рекламы. Это может показаться навязчивым для некоторых людей, но может быть приемлемым, если вы добавите что-то значимое во всплывающем окне. В целом, плагин предоставляет базовую функциональность всплывающих окон с хорошей совместимостью с различными плагинами и темами.

8 Конструктор всплывающих окон

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

9 PopupAlly

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

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

Alligator Popup полезен для людей, которые хотят использовать шорткод для управления своим всплывающим окном. Это означает, что вы можете назначить разные всплывающие окна для каждой страницы. Вы можете настроить всплывающее окно, указав определенную высоту или ширину. Вы также можете решить использовать полосу прокрутки в своем плагине или нет.

Заворачивать

Оптимизация коэффициента конверсии – приоритет номер один для большинства маркетологов. Привлечение и «зацепление» будущего верного последователя может быть формой искусства, которая сбивает с толку лучших из нас. К счастью, существует огромное количество инструментов, которые помогут вам достичь ваших целей; особенно в сообществе WordPress. В этой статье мы собираемся изучить лучшие из лучших.

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

Что такое всплывающее окно Optin?

Всплывающие окна Optin – проверенный способ превратить посетителей в лояльных последователей. Optins позволяет посетителям вводить контактную информацию для подписки на информационный бюллетень или запроса дополнительных сведений по определенной теме.

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

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

Отказ от ответственности: TechBlogSD является партнером одного или нескольких продуктов, перечисленных ниже. Если вы перейдете по ссылке и совершите покупку, мы сможем получить комиссию.

1 Всплывающие окна ниндзя

Ninja Popups – это настраиваемый создатель всплывающих окон для WordPress. С помощью этого плагина вы можете легко создавать всплывающие окна на своем веб-сайте для подписок на информационные бюллетени, подписчиков в социальных сетях, рекомендуемых или связанных элементов и многого другого.

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

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

2 Конструктор всплывающих окон

Popup Maker – это плагин, который позволяет вам размещать практически любой контент, который вы можете себе представить, во всплывающие окна. Кроме того, он обладает множеством функций, таких как:
- Анимация открытия всплывающих окон
- Полный контроль позиционирования и размера
- Конструктор тем
- Прокручиваемый контент и многое другое
3 Блум

Bloom – очень интересный плагин от рок-звезд Elegant Themes. Это тоже премиум-класса, так что вы получаете то, за что платите – качественный продукт. Независимо от того, как вы планируете добавлять формы подписки на свой сайт, в Bloom есть множество замечательных функций, которые упрощают процесс создания:
- Шесть простых стилей подписки; как всплывающее окно, прилет и виджет
- Более 100 стартовых шаблонов
- Легкий импорт и экспорт для совместного использования с другими сайтами
- Отслеживание статистики для отслеживания конверсий
- И еще – ознакомьтесь с нашим обзором Bloom, чтобы узнать больше
4 Всплывающие окна – всплывающее окно WordPress

Всплывающие окна – WordPress Popup – это мощный плагин для всплывающих окон, который был загружен более 60000 раз и может похвастаться 40% -ным увеличением числа ваших подписчиков. Возможности включают:
- Несколько фильтров отображения, чтобы различать привычки пользователей
- Параметры, когда показывать или не показывать всплывающие окна
- Настройки местоположения, времени и скрытия
- Шорткоды для социальных сетей
5 PopupAlly

PopupAlly отлично подходит для увеличения количества подписчиков. Этот плагин WordPress позволяет быстро настраивать расширенные профессиональные формы регистрации, даже если вы не знакомы с кодом.
- Совместимость с большинством систем электронного маркетинга
- Имеет профессиональный вариант с доступной премиальной поддержкой
- Предлагает пошаговые инструкции по началу работы
- Бесплатный 30-дневный курс, который поможет вам составить свой список
6 PopUp By Supsystic

PopUp By Supsystic обеспечивает простой, неограниченный творческий дизайн для привлечения большего количества подписчиков и последователей в социальных сетях.
- Адаптивные всплывающие окна с удобными опциями
- Настраиваемые темы
- Всплывающие окна выхода для захвата потерянных посетителей
7 Самурай по выбору

Создавайте красивые всплывающие формы подписки в WordPress с помощью подписки Samurai. Opt-in Samurai – еще один плагин премиум-класса, разработанный Intense WP, который позволяет создавать красивые всплывающие формы подписки для вашего веб-сайта WordPress.

Он поставляется с более чем 100 готовыми формами подписки с настраиваемыми изображениями и текстовыми деталями. Все формы подписки полностью протестированы на отзывчивость и идеально отображаются на всех устройствах. Наряду со всеми функциями, которые может предложить Opt-in Samurai, он также включает 20 специальных форм подписки на боковой панели.

Самурай с подпиской также может отправлять ваших потенциальных клиентов напрямую в Sugar CRM. Помимо всплывающей формы, формы также могут быть размещены на странице напрямую (без всплывающего окна) на случай, если вы хотите отобразить форму подписки в середине содержимого с помощью короткого кода. Панель управления плагина предоставляет вам подробную аналитику форм, которые получают просмотры, и те, которые конвертируются больше всего. Opt-in Samurai – один из удобных плагинов для настройки всплывающих форм подписки. Помимо этого, плагин поддерживает всплывающие окна с приветствием и выходом. И вы также можете определить срок действия cookie для каждого всплывающего окна.

8 Optin Ninja

Optin Ninja – это плагин премиум-класса для WordPress, разработанный таким образом, чтобы помочь вам привлечь новых подписчиков электронной почты. Собирайте адреса электронной почты и храните их в локальной базе данных, используйте автоответчики с помощью ключа API или любую настраиваемую форму. Плагин позволяет использовать одно- или двухэтапный процесс преобразования посетителей в подписчиков.

Плагин прост в установке и хорошо работает с большинством тем и плагинов WordPress. Ознакомьтесь с демо-версией плагина, чтобы просмотреть все потрясающие демонстрации страниц подписки и увидеть реальные скриншоты аналитического графика, автоответчика, вариантов дизайна и более 300 включенных графиков.

Гипотеза?

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

Статистическая проверка гипотез не имеет абсолютно ничего общего с определенным крупным, в основном травоядным млекопитающим, которое обычно встречается в районах Африки к югу от Сахары. Тем не менее, он делает совсем немного общего с научными исследованиями в области статистики.

A / B-тестирование относится к рандомизированному эксперименту, состоящему из двух вариантов – A и B – тогда как первый представляет «контрольный» субъект, а «лечение» – второй.

Смущенный? Что ж, к счастью, вам не нужно быть ученым-ракетчиком, чтобы иметь успешный веб-сайт. Вот для чего нужны плагины! Хотя многие плагины всплывающих окон имеют встроенные функции отслеживания, есть плагин, специально разработанный, чтобы помочь вам определять, управлять и отслеживать эксперименты A / B-тестирования:

Nelio A / B Testing – это мощный и универсальный сервис оптимизации конверсии для WordPress. Сам плагин бесплатный, но требуемый сервис платный. Вот что Nelio A / B Testing может для вас сделать:

И самое лучшее, все это можно сделать прямо из панели управления WordPress! Еще одна замечательная функция, которая согреет вас – тепловые карты.

Эта функция буквально позволяет вам анализировать самые горячие области любой страницы, чтобы вы могли лучше понять своих клиентов. А поскольку Nelio A / B Testing спроектирован как услуга (хотя и премиум-класса), вся обработка удаляется с вашего веб-сайта и позволяет их облаку справляться с нагрузкой. Это значительно сокращает время загрузки сайта.

Обледенение торта конверсии

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

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

Еще один отличный способ поблагодарить за время, проведенное вместе, – это, как вы уже догадались, плагин WordPress. На самом деле «Спасибо» отправляет письма с благодарностью всем, кто оставляет комментарий.

Есть множество удивительных функций:
- Пригласите читателей вернуться в свой блог
- Ссылка на свой Twitter или Facebook для большего количества подписчиков
- Настройте электронные письма по категориям
- Ссылка на ваш RSS-канал
- Включает многоязычный перевод
Как и в реальном мире, благодарность имеет большое значение для того, чтобы читатель, подписчик или клиент почувствовали себя желанными гостями, и они полюбят вас за это.

Крючок, леска и грузило для посетителей

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

Теперь вы можете продолжить завоевание мира. Или, если вы все еще жаждете большего, ознакомьтесь с нашим обзором плагинов электронной почты. Есть вопросы, предложения или критические замечания? Стреляйте в комментариях ниже!

Читайте также: