Плагин My Popup всплывающих окон — обзор настроек и отзывы

В этом обзоре мы подробно рассмотрим плагин My Popup для создания всплывающих окон на сайте WordPress.

Я покажу весь функционал и возможности этого расширения.

Обязательно раскроем все достоинства и недостатки.

И под конец протестируем влияние этого плагина на скорость загрузки сайта.

Покажу, насколько сильно он нагружает проект и стоит ли вообще, использовать такое расширение.

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

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

Конечно же, все это можно сразу отображать непосредственно на сайте.

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

Поэтому даже сегодня попапы до сих пор остаются популярны у маркетологов и веб-мастеров.

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

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

Я к примеру, использую попап для подписки на e-mail рассылку в виде камбэкера.

Это, когда всплывающее окно появляется только тогда, когда посетитель пытается покинуть сайт.

И знаете, это не раздражает людей.

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

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

Сейчас многие предпочитают перегонять трафик на социальные сети.

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

Однако, это не так!

5 000 по e-mail и Telegram, это не одно и то же. В электронной почте эти подписчики сработают куда эффективнее, чем в социальной сети.

Поэтому рекомендую не сбрасывать со счетов e-mail маркетинг.

Для рассылки я использую сервис:

• SMTPbz — хорошие smtp-сервера как для предложений, так и транзакционных писем. Удобная и точная статистика по каждому письму.

Имеет оптимальные тарифы. К тому же от него не будет никаких санкций.

Умный таргетинг

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

Это очень важный момент!

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

А вам это не нужно!

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

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

Кроме таргетинга есть много гибких настроек вывода всплывающих окон:

1. Через определенное количество секунд;
2. Показывать при уходе со страницы;
3. Если человек не активен;
4. После просмотра определенного % страницы;
5. По клику на элемент;
6. Показывать при прокрутке определенного элемента сайта.

Кастомизация

В плагине полно настроек (около 20) отображения внешнего вида всплывающего окна.

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

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

Все подгоняется визуально без вставки кода.

Без анимации тут тоже не обошлось. На борту установлено 26 эффектов появления попапа.

Быстрота и легкость

И заключительная особенность плагина — это простота и легкость.

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

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

После установки в меню будут доступны три раздела:

1. Все My Popup — здесь будут все созданные всплывающие окна.
2. Добавить новый — добавляем новый попап.
3. Настройки — тут сразу после активации плагина вводим лицензионный ключ. Также на этой странице есть ссылки на документацию и инструкцию.

Итак, чтобы добавить попап, в меню нажимаем на «Добавить новый». В самом верху вводим название окна.

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

Это очень удобно! Не нужно каждый раз заходить на сайт и чистить кэш, чтобы посмотреть изменения.

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

Вот тут разработчики молодцы!

Я считаю, что предварительный просмотр очень необходим для правильной настройки.

Основные настройки

Чуть ниже идут разделы с настройками. Давайте начнем с основных.

Расположение и размеры на странице

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

Для подписки на e-mail рассылку рекомендую в этом месте и оставлять.

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

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

Идем дальше.

Чуть правее идут настройки высоты и ширины окна.

Можно указывать не только в пикселях, но и в процентном соотношении относительно размеров экрана viewport.

Таким образом, формы будут адаптивно смотреться на разных разрешениях экрана.

Вывод окна

Еще ниже есть некоторые опции по выводу окна.

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

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

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

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

По мне, лучше показывать через 3 и более месяцев.

Далее можно «Запретить закрытие попап по клику на подложку».

Подложка — это фон на котором показывается всплывающее окно.

Как правило, он затемненный чтобы основной контент сайта отвести на второй план, а попап вывести на первый.

Эту опцию если включать, то только при показе выезжающих боковых блоков.

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

Тоже самое правило относится и к функции «Запретить закрытие попав по клавише ESC».

Еще ниже в опциях можно отключить прокрутку страницы.

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

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

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

Вы ставите форму подписки с картинкой. Сюда же к форме вставляете отдельный таймер-счетчик.

Задаете время на установленном счетчике. Например, 5 минут. И такое же время в секундах задаете в этой опции плагина My Popup.

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

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

Отображение на устройствах

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

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

1. Для компьютеров и планшетов
2. Только для мобильных устройств.

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

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

1. Десктопы
2. Планшеты
3. Мобильники

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

В первую очередь это может пагубно отразиться на SEO продвижении!

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

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

Поэтому будьте внимательны!

Я лично у себя отключаю вывод формы подписки для мобильников.

Внешний вид

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

Вид попап

Тут можно задать внутренний отступ в пикселях.

Есть опции по созданию рамки:

• Толщина (px);
• 4 вида оформления (сплошная, точки, пунктир и двойная);
• Цвет;
• Скругление (px).

Такая рамка поможет еще сильнее привлечь внимание к всплывающему окну. К тому же с ней попап красиво смотрится.

Также имеются параметры для тени.

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

Тень рекомендую указывать на белом фоне при отсутствии подложки.

Дальше идет настройка контента по вертикали. Можно отображать сверху, по центру или снизу.

Имеется также возможность указать цвет текста.

И в конце плагин предлагает нам 26 видов анимации.

Фон

Можно выбрать цвет фона контента во сплывающем окне.

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

Есть много способов вывода изображения.

Также можно повторять фото по x, y или вообще, сделать без повтора.

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

Здесь 3 опции:

1. Auto — исходный размер без растяжений;
2. Cover — увеличивает изображение до тех пор, пока оно не заполнит весь попап. Лишние выступающие части будут обрезаны.
3. Contain — картинка не обрезается, а подгоняется под максимальную ширину и высоту окна.

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

А в параметры затемнения можно оставить по умолчанию. Либо же при желании можете поменять цвет и подрегулировать прозрачность.

Иконка

Здесь можно загрузить иконку из библиотеки медиафайлов или указать адрес картинки.

В качестве иконки можно использовать обычную картинку.

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

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

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

Подложка

Тут можно включить или отключить фон общего окна браузера. Также можно задать цвет и прозрачность.

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

Кнопка закрытия

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

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

Чуть ниже доступны 7 вариантов иконки.

Далее можно задать расположение, отступ, размер и цвет.

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

Настройки контента

Здесь находятся настройки по выводу основного контента всплывающего окна.

Визуальный редактор

Для вставки основного контента в попап нам доступен старый классический редактор WordPress под названием TinyMCE.

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

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

Поэтому добавление простого классического редактора тут вполне оправданно.

Исходный код

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

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

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

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

Еще один большой плюс расширения My Popup — это поддержка блоков Гутенберг.

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

Встроенные стили

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

Это очень полезная штука, которая улучшит скорость загрузки сайта! Она сокращает запросы и вес самой страницы.

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

Достаточно просто прописать встроенные стили.

Они потом будут выводиться внутри страницы в виде inline css. А также будут подгружаться только там, где выводится определенный попап.

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

К примеру, для вывода формы подписки, код вставили в специальное поле для html-кода. Потом сформированный шорткод поля вставили в визуальный редактор.

А затем уже подгоняем стили для этой формы в поле под встроенные стили.

Это особенно полезно на случай если на странице уже находятся другие элементы сайта с такими же селекторами.

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

#{{id}}

Тут не нужно прописывать конкретный номер. Он потом сам будет выводится на странице.

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

Социальные сети

Здесь можно задать параметры для вывода кнопок на свои профили в социальных сетях.

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

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

И в самом конце доступен большой список социальных сетей (18 штук). Туда вписываем ссылки на профили.

Доступные ресурсы:

Все ссылки указывайте полностью с протоколом https.

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

Социальные виджеты

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

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

На данный момент доступно 5 социальных сетей.

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

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

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

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

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

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

Вывод записей

Вы, наверное, не раз слышали, что похожие записи в конце статей хорошо влияют на SEO продвижение. Они не только распределяют вес по сайту, но и вовлекают пользователей.

А представьте, что будет, если эти посты выводить во всплывающем окне. Вовлеченность еще больше усилится.

К примеру, можно выводить ссылки на похожие товары или коммерческие статьи.

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

Чтобы подключить такой вывод записей, в визуальный редактор контента тоже нужно добавить отдельный шорткод.

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

При желании можно задать автоматическую сортировку по:

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

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

• ID записей для вывода;
• ID записей для исключения;
• ID категорий для вывода;
• ID категорий для исключения.

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

Также имеется возможность открывать ссылки в новой вкладке.

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

Итак, это все настройки именно по контенту. Однако впереди есть еще несколько вкладок.

Шорткоды в плагине Май Попап — все виды с описанием

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

Для вывода социальных кнопок:

[mypopup_social_buttons]

Вывод социальных виджетов:

[mypopup_social_widget type="vk"]

В значение type указываем нужную социальную сеть. Примеры значений:

• fb = Facebook;
• vk = VKontakte;
• ok = Odnoklassniki;
• tw = Twitter;
• pn = Pinterest.

Похожие посты:

[mypopup_related_posts]

Для вставки html-кода:

[mypopup_html id=1]

В id указываем порядковый номер блока, куда вы вставляли исходный код.

Вывод кнопки:

[mypopup_button href="alzari.ru"]

С помощью дополнительных параметров можно изменить кнопку под себя:

• «tag» – по умолчанию стоит <button>, но можно поменять на <a> или другой;
• «href» – добавление ссылки в окно;
• «class» – превращает вставленную кнопку в кнопку закрытия;
• «background» – изменение цвета фона;
• «color» – цвета текста;
• «border» – добавление рамки, например, с помощью кода 2px solid blue;
• «padding» – наличие и размеры внутренних отступов от краев попапа;
• «border-radius» – создание скруглений по краям.

Вывод данных записи:

[mypopup_post_data post_ key="post_content"]

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

Значение «key» и определяет, какие данные будут выводиться. Например, в кавычках можно указать:

• «ID»;
• «post_content»;
• «post_title»;
• «post_excerpt»;
• «post_status»;
• «post_name»;
• «post_date»;
• «post_modified»;
• «post_date_gmt»;
• «post_modified_gmt»;
• «post_author».

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

Правила вывода

Здесь доступны все необходимые правила вывода всплывающего окна.

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

События, при которых показывать попап

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

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

К примеру, можно показать после прокрутки n % страницы. Например, показывать при 50 % скролла.

Еще можно показать по скроллу до определенного элемента.

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

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

Обычно, он выгладит так:

<div id="comments" class="comments-area">

Если указываем id, то прописываем с решеткой:

#comments

Если указываем класс, то пишем через точку:

.comments-area

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

#li-comment-749

Также попап можно выводить если пользователь не активен определенное количество секунд.

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

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

Есть еще возможность показать по клику на элементе. Тоже очень полезная функция.

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

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

Для организации такого вывода тоже нужно указать селектор конкретного элемента.

В Гутенберге к примеру, можно указать html-якорь и дополнительный класс кнопки или ссылки.

А потом в плагине уже указываете прописанный селектор.

Также можно вызывать окно с помощью встроенной функции myPopupShow.

К каждому созданному окну автоматический присваивается уникальный ID. В моем примере он такой:

d68229f521316a03b517e42128c87060

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

<button class="button" onclick="myPopupShow('mypopup_d68229f521316a03b517e42128c87060')">Кнопка</button>

На каких страницах выводить попап

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

Количество неограниченно.

Стандартные стили и основной скрипт подключается плагином на всех страницах. Контент попапа запрашивается скриптом асинхронно. Сервер отдает данные попапов согласно настроенным правилам в разделе “На каких страницах выводить попап”.

Затем скрипт показывает попап в зависимости от настроенных событий в разделе “События, при которых показывать попап”.

Все события вывода и скрытия окна:

• на каждой странице
• на главной
• в записях (во всех):
  • в записях определенной категории
  • записи, которые прикреплены к определенной метке
  • записи определенных пользовательских таксономий
• на страницах
• выводить в произвольных типах записей
• на самой странице рубрики
• в тегах
• в произвольных таксономиях
• на странице поиска
• на 404
• выводить, где есть определенные регулярные выражения в url (например, utm метки).

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

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

Обратите внимание, что не нужно прописывать id страниц, записей и таксономий.

В плагине работает умный поиск по ключевым словам.

Для этого в поле просто вводите запрос, и вам выпадет релевантный список названий страниц. Остается только кликать на подходящие.

Выходить из настроек и искать id для определенных страниц не нужно.

Пресеты

Это последняя настройка плагина. Здесь отображается коллекция шаблонов всплывающих окон.

Пока доступно 14 штук. Но по мере обновления плагина будут добавляться и новые пресеты.

Здесь доступны различные направления:

• e-mail подписка;
• акция;
• подписка на социальные сети;
• уведомление о куки;
• опрос;
• распродажа;
• предварительная запись и так далее.

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

Вам только останется вставить контент, заменить форму подписки на свою (вставить в html-поле) и задать правила отображения окна.

Запросы, время и оперативная память

Без плагина

Количество запросов	Время до первого байта	Время полной отрисовки	Использование памяти (М)
145	0.16	0.28	18.6

С плагином

Количество запросов	Время до первого байта	Время полной отрисовки	Использование памяти (М)
145	0.17	0.29	18.6

Как видите, данные практически не изменились.

Google PageSpeed Insights

Теперь давайте посмотрим, что нам скажет Гугл. Сама страница прогонялась 3 раза.

Без попап

Параметры	1 прогон	2 прогон	3 прогон
First Contentful Paint (сек.)	1,6	1,6	1,6
Speed Index (сек.)	2,3	2,4	2,2
Largest Contentful Paint (сек.)	2,1	2,1	2,1
Time to Interactive (сек.)	3,1	3,1	3,0
Total Blocking Time (мс)	490	510	320
Cumulative Layout Shift	0,096	0,096	0,097
Оценка производительности	84	83	89

С включенным попап

Параметры	1 прогон	2 прогон	3 прогон
First Contentful Paint (сек.)	1,6	1,6	1,6
Speed Index (сек.)	3,2	3,2	3,6
Largest Contentful Paint (сек.)	2,1	2,1	2,1
Time to Interactive (сек.)	3,4	3,8	3,2
Total Blocking Time (мс)	470	600	410
Cumulative Layout Shift	0,096	0,096	0,096
Оценка производительности	84	80	85

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

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

Кстати, в качестве вывода я использовал простенький пресет.

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

Что касается общей производительности, то по итогу, она не сильно просела. В среднем на 3 — 4 балла. По мне, это не существенная потеря.

Tools Pingdom

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

Без попап

Параметры	1 прогон	2 прогон	3 прогон
Performance grade	78	78	78
Page size (Kb)	944,4	944,3	944,3
Requests	52	52	52
Load time (сек.)	1,26	1,32	1,32

С попап

Параметры	1 прогон	2 прогон	3 прогон
Performance grade	78	78	78
Page size (Kb)	951,3	951,3	951,4
Requests	53	53	53
Load time (сек.)	1,29	1,29	1,30

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

Преимущества

Основные плюсы:

• Небольшая цена;
• Пожизненные обновления;
• Мизерная нагрузка на сайт;
• Удобные настройки;
• Сильный таргетинг;
• Пресеты;
• Анимации;
• Гибкие настройки вывода окон;
• Поддержка скриптов и Гутенберга;
• Визуальный предпросмотр.

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

Если посмотреть исходный код страницы, то можно увидеть подключение 1 файла CSS и 1 скрипта javascript.

Причем в js добавлен атрибут defer.

<script defer="defer" src='https://alzari.ru/wp-content/plugins/my-popup/assets/public/js/scripts.min.js' id='my-popup-scripts-js'></script>

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

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

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

Это действительно, удобно!

Недостатки плагина My Popup

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

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

Минусы:

• Нельзя отключить окна в редакторе статьи;
• Нет удобной поддержки svg;
• Проблемы с выводом миниатюр в похожих записях.

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

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

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

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

Еще, что мне не хватает — это поддержка svg иконки.

Когда вставляю svg код в поле «Изображение иконки» и сохраняю изменения, контент попап слетает. А сам код иконки обрезается в поле.

Это не критичная проблема!

Ведь можно снять запрет скриптом или плагином Safe SVG и загрузить иконку через медиа библиотеку.

Но тогда в исходном коде это будет уже картинка, а не иконка.

Можно еще выводить svg через шорткод. Это работает.

Но тогда в исходном коде придется вручную задавать размеры и цвет иконки. А это не всегда удобно.

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

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

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

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

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

Выводы

Итак, это был мой подробный обзор плагина My Popup для создания всплывающих окон на сайте WordPress.

Как видите, настроек у него достаточно много.

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

Плагин не создает существенную нагрузку на сайт.

Это очень важно!

Также очень понравился параметр вывода окон. Можно отображать попапы при любых возможных сценариях.

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

Даже если вы не увлекаетесь e-mail маркетингом, плагин без труда дает возможность интегрироваться с социальными сетями, создавать акции, опросы и другие уведомления.

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

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

Купить со скидкой