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

Часто ли Вы замечали на сайтах всплывающие окна? Так, большинство интернет-ресурсов, особенно новостные и блоговые сайты, показывают посетителям всплывающие или попап-окна с той или иной информацией. Зачем они нужны вообще? Обычно их наличие помогает конвертировать посетителей в подписчиков (т.е. в постоянных пользователей). По данным интернет-маркетологов, наибольший процент конверсии приходится именно на всплывающие окна, если, конечно, они настроены правильно. Конечно, если такие окна будут “вылетать” час за часом перед глазами посетителя, то понятно, что он уйдет из такого сайта и не захочет больше возвращаться.

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

“Движок”, по умолчанию, не предоставляет возможности создания и настройки всплывающих окон. Поэтому воспользуемся сторонним решением — бесплатным плагином Popup Maker.

Плагин Popup Maker

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

Окно приветствия в плагине Popup Maker

В итоге Вы попадаете в основное окно создания всплывающих окон.

Страница создания всплывающих окон в плагине Popup Maker

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

Создание попап-окна в плагине Popup Maker

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

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

Блок Условия на странице создания попап-окна в плагине Popup Maker

Дальше, в самом большом текстовом блоке нужно ввести контент, который будет отображаться в окне. Тут может быть как простой текст и изображения, так и медиаданные (например, ролик с YouTube).

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

Блок Показать настройки позволяет задать размеры попап-окна.

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

Блок Анимация позволяет задать Вашему окну скорость, а также эффекты анимации (затухание, увеличение и др.)

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

Итак, после того, как все настройки были внесены, следует нажать кнопку Опубликовать.

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

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

Курс WordPress-разработчик
Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров