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

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

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

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

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

Создание всплывающих окон в 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. Возможности применения у модальных окон очень разнообразные. Их используют как для обычного всплывающего сообщения на сайте, так и для множества других задач, к примеру для создания всплывающей формы регистрации, объявления, акции и т.п. В любом случае, главная задача модальных (всплывающих окон) — привлечь внимание пользователя. Также хочу сразу предупредить, что урок будет длинным. Не пугайтесь, все очень просто и делается достаточно быстро. Но для лучшего понимая я постараюсь хотя бы по пару слов написать по настройкам, которые вам смогут рано или поздно пригодиться. Создание всплывающих окон в WordPress И так,…

Обзор

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

Оценка

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

Плагины всплывающих окон WordPress: лучшие платные и бесплатные решения

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

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

Основные цели всплывающих окон

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

Среди примеров задач, выполняемых такими окнами, можно выделить несколько:

• Информирование клиентов. В данном случае всплывающее окно используется для привлечения внимания к услугам, товарам или промоакциям. Такие попапы выводят преимущественно тот контент, который посетитель может пропустить во время серфинга по сайту.
• Сбор контактов. Благодаря PopUp можно получить данные потенциальных клиентов. Впоследствии, на основе собранной базы контактов, можно провести их анализ или организовать рассылку.
• Средство связи. Всплывающее окно может служить формой обратной связи между пользователем и технической поддержкой без перехода на другую страницу. Также можно напомнить человеку о тех или иных функциях сайта и узнать его мнение. В список подобных окон входят опросы и уведомления (notification).

Типы и разновидности

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

По внешнему виду

1. Лайтбокс (Lightbox) — наиболее распространенный вид popup-окон. Как только выскакивает такое окно, фон страницы затемняется. Используется в основном для сбора email-адресов и предложения рассылок.
2. Да/Нет — окно, состоящее из 2 шагов, где первое содержит лёгкий вопрос, на который можно ответить только «Да» либо «Нет». Как показывает практика, человек куда охотнее завершит уже начатый им процесс, и данный попап может склонить пользователя к решению подписаться на рассылку. Также имеется подвид данного окна в формате «Да/Да», где один вариант предлагает отправиться к услуге с дополнительным бонусом, а второй позволяет просто перейти к услуге. Такие окна могут неплохо увеличить конверсию. Опытные маркетологи со мной согласятся.
3. Небольшое в углу — тип всплывашки, который является наименее навязчивым из всех перечисленных. Такие попапы не мешают просмотру страницы и не вызывают усталости от них.
4. Интерактивное — крайне эффективная разновидность popup, позволяющая через побуждение к интеракции (чаще всего в виде игры) заинтересовать клиента нужным предложением.
5. Полноэкранное — наиболее агрессивный тип. Гарантированно обращает внимание посетителя на предложение, но с такой же лёгкостью может отвратить от него. Попапами этого типа стоит пользоваться максимально аккуратно.

По триггерам

1. Приветственное (entry popup). Появляется при загрузке страницы и, как правило, перекрывает доступ к контенту до его выключения. Лучше всего его использовать для срочной связи с посетителями.
2. С отсрочкой по времени (timed popup). Возникает через некоторое заданное время после захода посетителя на страницу. Интервал рассчитан таким образом, чтобы вначале можно было оценить сайт и только потом увидеть попап.
3. По пролистыванию (scroll popup). Всплывает, если читатель пролистывает определённую часть страницы сайта. Благодаря этому попапу, можно предложить услугу, релевантную просмотренному материалу. Но стоит учитывать, что пользователь может пролистать статью слишком быстро, не вникая в материал. Также есть риск промахнуться с процентом страницы, при котором срабатывает всплывающее окно.
4. Выхода(exit popup window). Появляется при уходе человека со страницы. Используется, чтобы держать внимание клиента на странице как можно дольше и за счет этого повысить конверсию. Такие окна могут задержать потенциального клиента, предложив ему оставить отзыв о портале, поделиться ссылкой с друзьями или подарить акцию. Стоит учитывать, что посетитель может закрыть весь браузер целиком со всеми вкладками, и тогда активация попапа не случится.
5. Со всплыванием по клику (click popup). Примечательно тем, что демонстрируется в первую очередь заинтересованным пользователям (например, с выгодным предложением), а значит, способно значительно повысить конверсию сайта. В отличие от других типов окон, «всплывашки», активируемые при нажатии на определенный элемент, не перегружают интерфейс страницы, не раздражая тем самым новых посетителей.

Советы по конструированию попапов

Эти рекомендации будут полезны для проектов не только на движке WordPress, но и на других CMS.

• Не используйте всплывающие окна в первые секунды, если только это не приветственные или уточняющие локацию элементы сайта. Даже для перечисленных исключений лучше создавать компактные по размеру попапы, чтобы не отпугнуть потенциальных клиентов.
• Держите временную и пространственную дистанцию между всплывающими окнами и не перегружайте ими страницу. Даже всего две всплывашки одновременно могут заставить пользователя нервничать и вызвать желание уйти с сайта.
• Не стоит прятать от аудитории кнопку закрытия попапа или делать окно невыключаемым.
• Не следует занимать больше времени у посетителя, чем это действительно требуется.
• Не надо включать звук в окне автоматически. Это признак хорошего тона, и вы не поставите посетителя в неудобное положение.
• Не создавайте всплывающие окна с бесполезной информацией. Уважайте время вашего клиента и делайте ему действительно выгодные предложения.
• Не показывайте одно и то же окно несколько раз. Не стоит быть слишком навязчивыми в продвижении своих задач.
• Не ставьте попап, который может всплыть прямо во время чтения материала. Так вы оборвёте процесс изучения контента вашего сайта. Лучше разделите текст на отдельные смысловые блоки и вставьте всплывашки между ними.
• Не требуйте от посетителя выключить его адблокер (плагин, блокирующий отображение рекламы). Лучше покажите, что уважаете его выбор, и, возможно, он сам решит отключить блокировщик при просмотре вашего сайта.
• Всплывающее окно не должно выбиваться из общей стилистики интернет-проекта, иначе оно будет смотреться инородным пятном для ваших клиентов.
• Добавьте мотивационную составляющую. Пользователь куда охотнее подпишется на вашу рассылку, если сможет получить за это особую скидку, электронную книгу, полезный кейс и т. д.
• Помните, что на мобильные устройства сегодня приходится подавляющее количество трафика. Поэтому обязательно адаптируйте ваш попап под них.
• Будьте лаконичным и уместным. В хорошем всплывающем окне человек сразу понимает, что именно ему предлагают и какие действия от него ждут.

Бесплатные плагины для всплывающих окон в WordPress

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

Popup Maker

Popup Maker — это самое популярное из решений для создания попапов среди бесплатных плагинов на WordPress. Благодаря встроенному редактору WYSIWYG, новичок может легко реализовать своё первое окно, включая настройку его внешнего отображения, частоты появления и темы.

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

Однако для раскрытия полного потенциала плагина потребуется докупать расширения, которых на данный момент доступно 17.

Среди платных возможностей — создание видео-попапа или вывод окна для подтверждения возраста.

Также нет форм подписки по электронной почте (e-mail), а перевод на русский язык выполнен лишь частично.

Popup Builder

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

Такие важные типы окон, как предложение подписки, ограничение по возрасту, контактная форма, форма обратного звонка или кнопка «Поделиться в социальных сетях», доступны только в платной премиум-версии. Это может стать проблемой, если плагин используется для привлечения внимания к независимому блогу, а не крупной сети.

Popup by Supsystic

Этот плагин от компании Supsystic является неплохим вариантом для вывода простеньких сообщений (massage) в попапах подтипа «Lightbox».

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

Русификация выполнена частично и отсутствует редактирование надписей на полях формы подписки.

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

Премиум-плагины для создания popup окон на ВордПресс

Разберем премиум-версии popup-плагинов, которые подойдут для сайтов разных типов, начиная от лендингов (landing page) и интернет-магазинов, заканчивая обычными блогами или агрегаторами.

My Popup

Демо-сайт с примерами

Плагин My Popup , созданный разработчиками из компании WPShop, является одним из наиболее привлекательных выборов на рынке инструментов для всплывающих окон. Его уже оценили по достоинству продвинутые пользователи, но новичкам он тоже подойдет.

Предлагаю вашему вниманию несколько примеров всплывашек, сделанных этим WordPress-модулем.

Плюсы и минусы
Легко интегрируется в любую тему WordPress.
Имеет самый продвинутый детальный таргетинг на аудиторию из имеющихся в среде всплывающих окон.

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

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

Стоит также отметить полностью русскоязычный интерфейс, окно предпросмотра для мгновенного отслеживания изменений, поддержку шорткодов (shortcodes) и html-вставок, а также адаптивность к разным платформам (Персональный компьютер, планшет, смартфон).

Есть возможность интеграции с другими программами и поддержка русскоязычных соцсетей и мессенджеров.

Также после покупки клиенту даётся год поддержки для связи с разработчиками и постоянные обновления плагина навсегда для актуализации продукта.

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

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

Дарю промокод на скидку. Активируется по клику на кнопке:

Забрать скидку на MyPopup -15%

Ninja Popups

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

В наличии большое количество симпатичных шаблонов, форм, макетов, разных цветовых схем с красивым стильным дизайном.

Также можно отметить адаптивность под разные устройства, параметры предпросмотра внешнего вида попапов и многое другое.

Но стоит учитывать, что плагин слабо поддерживает работу с русскоязычным контентом, что выражается в отсутствии: перевода, привязки к некоторым русскоязычным сервисам (Justclick, Smartresponder), взаимодействия с популярными в России социальными сетями (ВКонтакте) и мессенджерами (Telegram и Whatsapp).

Master Popups

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

В наличии имеются готовые шаблоны с возможностью редактирования и поддержка использования собственного CSS-кода, JavaScript и Cookie.

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

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

Popup Anything

Достаточно популярный premium-плагин всплывающих окон Popup Anything от компании Essential Plugin обладает большим числом различных настроек, поддержкой форм и активными обновлениями.

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

Итоги

Всплывающие окна являются одним из ведущих средств онлайн-маркетинга. Поэтому акулы интернет-бизнеса (например, М.Видео, Ситилинк, DNS и др.) активно их используют.

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

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

Как сделать всплывающие окна (popup) на сайт WordPress

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

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

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

В целом, это действительно простой, гибкий и универсальный плагин для WordPress. И да, он бесплатен, хотя имеет и платную версию.

WP Popups: Список возможностей

WP Popups поставляется как в бесплатной версии на WordPress.org (WP Popups Lite), так и в премиум-версии с большим количеством функций.

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

Что вы получаете в бесплатной версии?

• 5 разных мест для отображения всплывающих окон.
• Визуальный конструктор шаблонов для управления дизайном и содержанием ваших всплывающих окон.
• Подробные правила отображения для конкретного контента, пользователей, устройств и так далее.
• 3 различных правила запуска, включая время на сайте и глубину прокрутки
• Интеграция с другими плагинами форм, такими как WPForms, Gravity Forms, MailPoet и другими.

Работа с WP Popups.

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

Для создания нового всплывающего окна, вам нужное перейти к WP Popups → Add New.

В результате запустится интерфейс конструктора всплывающих окон.

1. Выберите шаблон

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

Бесплатная версия поставляется с двумя готовыми шаблонами — в то время как в премиум-версии шаблонов больше:

Для этого обзора я выбрал элегантный шаблон (Elegant Popup)

2.Добавьте контент.

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

Вы можете использовать вкладку «Content» чтобы добавить содержимое всплывающего окна с помощью классического редактора WordPress.

Кроме этого, здесь есть две примечательные особенности:

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

Когда вы вносите изменения в редакторе, вы сразу же видите эти изменения, показанные в предварительном просмотре вашего всплывающего окна:

3. Настройка внешнего вида

Теперь, на вкладке Appearance (Внешний вид) можно настроить место появление и дизайн всплывающего окна.

В бесплатной версии вы получаете семь различных вариантов позиции:

• Внизу страницы
• Внизу слева
• Внизу справа
• По центру
• Вверху
• Сверху слева
• Сверху справа.

Выбрав новую позицию, вы сразу увидите свою форму в предварительном просмотре:

Теперь вы можете указать оставшиеся настройки:

• Входная анимация
• Размер — вы можете изменить ширину, высоту и отступы
• Цвета
• Указать размытие сайта
• Границы
• Тени
• Размер и положение кнопки закрыть

4. Настройка правил отображения

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

Правила отображения — это то, где плагин WP Popups действительно превосходен.

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

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

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

Например, если вас поведенческие от поисковиков, то вы можете создать правило, которое гласит:

Если кто-то зашел с поисковика и использует мобильный телефон, то всплывающее окно не отображается.

В общей сложности, в бесплатной версии WP Popups вам предоставляется 26 различных правил отображения. Вы можете настроить таргетинг на:

• Определенный контент — типы сообщений, типы страниц, категории, теги, пользовательские таксономии, определенные сообщения и так далее.
• Устройства — мобильные, планшеты или ПК
• Пришедшие с — например из определенного веб-сайта или из поисковой системы.
• Браузеры — например Chrome или Firefox
• Новые посетители или постоянные посетители
• И ряд других правил.

Вы можете смешивать и сочетать все эти условия, используя правила И и ИЛИ:

И — все условия в группе правил должны быть выполнены, чтобы всплывающее окно отображалось.

ИЛИ — если выполнено хотя бы одно из условий из группы правил, то всплывающее окно появится.

5. Настройка параметров.

Теперь вам нужно настроить еще две важные детали:

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

Для этого вам нужно перейти в раздел Settings (настройки)

Что вы получаете с полной версии плагина WP Popups.

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

Премиум-версия дает вам доступ к:

• Встроенной аналитики и интеграции отслеживания событий в Google Analytics для отслеживания ваших всплывающих окон в Google Analytics
• Встроенное A / B-тестирование для сравнения нескольких всплывающих окон
• Прямая интеграция с 10+ почтовыми маркетинговыми услугами, включая Mailchimp
• Еще больше правил отображения
• Больше триггеров, включая намерение выхода со страницы сайта.
• Планирование всплывающих окон
• Правила геотаргетинга
• Больше всплывающих позиций, например, всплывающие окна на весь экран.
• Больше анимаций

Вы также получаете доступ к дополнительным готовым шаблонам.

Стоимость платной подписки составляет от 35 долларов в год, до 299 долларов в год.

Заключение.

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

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

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

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

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

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

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

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

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

Создавайте неограниченное количество форм и мгновенно отправляйте данные о потенциальных клиентах в 19 самых популярных почтовых сервисов, включая MailChimp, Aweber, Get Response, Constant Contact, iContact, Vertical Response, FreshMail, Vision6, Customer.io, SendinBlue, SendGrid, DotMailer, Campaign Monitor, Active Кампания, Infusion Soft, Sugar CRM, HubSpot и Mad Mimi. Данные подписчика также хранятся в вашей локальной базе данных WordPress. Таким образом, вы можете экспортировать в CSV прямо из панели инструментов Opt-in Samurai. Подробная статистика показывает наиболее конверсионные формы, а также количество показов / просмотров.

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

8 Optin Ninja

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

Каждый блок содержимого может иметь свой стиль. Страницы сжатия можно детально настроить; используйте отдельные страницы или открывайте их во всплывающих окнах, настраивайте фон, цвета, шрифты и т. д. Если вы хотите попробовать различные варианты, Optin Ninja позволяет создавать простые A / B-тесты, которые могут помочь вам решить, какой подход использовать.

Плагин прост в установке и хорошо работает с большинством тем и плагинов 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-канал
• Включает многоязычный перевод

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

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

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

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