Плагин My Popup — как сделать всплывающие окна на WordPress

Для сайта на WordPrees сложно найти недорогой и рабочий модуль всплывающих окон (синонимы: попап, popup). А сама CMS WP таких встроенных возможностей не имеет.

С появлением плагина My Popup от WPShop все изменилось. Сегодня сделаю обзор всех функций этого программного решения. Поговорим о возможностях плагина и вариантах оформления всплывашек для ваших сайтов.

Зачем попапы на сайтах

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

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

Почему My Popup лучше других WordPress-плагинов

ДЕМО Выбрать лицензию на MyPopup

Вот ключевые достоинства плагина My Popup, над созданием которого трудилась хорошо известная в IT-кругах команда WPShop:

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

Чем этот popup-плагин может быть полезен

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

Примеры попапов, выведенных плагином

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

Вот несколько примеров:

• информация о скидках и бонусах;
• формы контактных данных;
• заказ обратного звонка;
• форма подписки на e-mail рассылку; 
• виджеты групп и сообществ соцсетей;
• социальные кнопки «Поделиться» для статей, изображений и т. д.; 
• cookie-уведомления; 
• призыв заказать услугу у специалиста; 
• опросы; 
• тексты и викторины;
• всплывающие блоки рекламы;

  

• похожие записи или дополнительные товары. 

И это далеко не предел. Возможности плагина поистине безграничны. Есть идеи? Делитесь в комментариях.

My Popup: подробный обзор функционала

Установка

После оплаты лицензии на официальном сайте WPShop вам на e-mail придет лицензионный ключ и zip-архив с плагином My Popup.

Установка:

1. По FTP: нужно распаковать присланный архив в папку своего сайта /wp-content/plugins;
2. В админке ВордПресс: перейти в раздел «Плагины» — «Добавить новый» — «Загрузить». После этого загрузить архив, установить, активировать.

После установки и активации останется лишь ввести персональный ключ на странице настроек «My Popup» — «Настройки».

Обзор вкладок с настройками

Раздел, расположенный в подменю «My Popup» — «Добавить новый», — пожалуй, самый важный, так как большую часть времени вебмастер будет взаимодействовать именно с ним.

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

1. В верхней части страницы настроек предусмотрено поле для заполнения заголовка.
2. Далее следует окно предпросмотра (можно скрыть по кнопке).
3. Чуть ниже расположены ключевые настройки popup, разнесенные по 5 вкладкам.

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

Пробегусь по вкладкам настроек:

1. Основные настройки. Здесь задаются общие параметры попапа: расположение на странице, ширина и высота, на каких устройствах отображать (ПК, планшеты или мобилки), условия для закрытия и повторного отображения. 
2. Внешний вид. На этой вкладке собраны все визуальные настройки popup: отступы, иконки, кнопка закрытия (крестик), цвета текста и фона, рамки, тени, выравнивание, опции подложки, вид анимации. 
3. Контент. Тут можно не только воспользоваться встроенным в WordPress редактором. Предусмотрено добавление пользовательских стилей css, блоков с HTML-кодом для вставки любого шорткода или стороннего скрипта, ссылок на соцсети (в попапе они сразу примут вид кнопок), социальных виджетов по похожему принципу (через систему шорткодов) и похожих записей. 
4. Правила вывода. Здесь редактируемое окно включают/отключают и задают для него правила появления на сайте (по таймингу, по скроллингу, клику на объекте или при попытке покинуть сайт). В этой же вкладке можно указать, на каких страницах (главная, записи, служебные страницы, 404, пользовательские таксономии и регулярные выражения URL) выводить всплывающее окно.
5. Пресеты. Предлагается выбрать один из готовых дизайнов, доступных «из коробки» при покупке My Popup. Для этого достаточно просто нажать кнопку «Активировать». При желании любой пресет можно доработать под свои нужды. 

Смотрите видео-обзор всех возможностей плагина от Сергея Алейникова:

Как приобрести My Popup

Плагин My Popup является недорогим, но все-таки платным решением. И он стоит каждого потраченного на него рубля:

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

Сравните цены на аналоги, и вы убедитесь в максимально выгодном решении:

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

А лучше кликайте по этой кнопке, чтобы активировать промокод на скидку в 15 %:

Активировать скидку -15%

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

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

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