Всплывающие окна на WordPress. Обзор лучших плагинов

Здравствуйте, уважаемые читатели блога web-zarabotok.info. Замечаете на некоторых сайтах всплывающие окна? Возникали вопросы, как они делаются и для чего они вообще нужны? У меня да. 🙂

Так вот друзья, сегодня я расскажу вам именно о них. Но! Давайте сначала узнаем, зачем они нам вообще? Что с них можно получить и какой будет результат? Отвечаю.

Через такие всплывающие окна, эффект отдачи очень велик. Говорят, иногда бывает такое, что число подписчиков увеличивается в 4 раза. Круто! Не правда ли? Использование всплывающих окон (попандеров) — очень эффективный способ привлечь огромное число посетителей. Обычно их используют для:

• новостной рассылки;
• пиара платных обучающих курсов;
• раскрутки групп в соц. сетях;

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

Но! Все эти проблемы, можно обойти, если всплывающее окно настроить правильно.

Итак, давайте лучше вернемся к нашему главному вопросу.

Всплывающие окна на WordPress

1. WP-MK

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

• Рекламы (например, Google Adsense);
• Пиара своих групп в соц. сетях;
• Простой формы подписки.

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

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

2. Ninja Popups.

Если вы хотите, чтобы пользователи, заходя на ваш сайт, увидев всплывающее окно, кричали «Ухты», установите себе этот мега крутой плагин. Ninja Popups — монстр всплывающих окон на WordPress. Если сравнивать с WP-MK, то он сильно обходит его по функционалу. Я заметил, что Ninja Popups пользуются мастера своего дела. Почему? Плагин платный и не все могут позволить его себе. От себя могу сказать, что цены у них приемлемы, много не просят. Подробно о стоимости, можно узнать [urlspan]здесь[/urlspan].

Ну, давайте узнаем, что именно мы получим от этого плагина:

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

Если хотите узнать обо всех преимуществах плагина, перейдите по [urlspan]этой[/urlspan] ссылке.

Как настроить плагин под себя? Я предлагаю следующее… Вместо настырного текста, лучше посмотреть обучающее видео:

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

---

 

3. Popup Maker (модальное окно)

[adsense1]

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

• ссылку;
• кнопку;
• картинку.

Итак, как его настроить?

Поехали.

1. [urlspan]Скачиваем[/urlspan] плагин;

2. Устанавливаем и активируем;

3. Слева в меню ищем: Pupup Maker -> Добавить новое.

4. Перед нами покажется страница, такого вида:

Ничего не напоминает? Страница вплоть аналогична форме публикаций статей на WordPress. Как видите, здесь добавились некие дополнительные функции (настройки).

Давайте разберем их более подробно.

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

Укажите здесь заголовок окна — пишем название (например: подписка на новости).

Условия таргетинга — отмечаем галочкой, где будет отображаться наше окно.

Настройки темы — пока здесь нет вариантов. Выбираем по умолчанию. Друзья, в дальнейшем вы можете создать свой шаблон для оформления модального окна. Кстати, функция очень крутая. Найти ее можно: Pupup Maker -> Все темы.

Код — что будет отображаться в окне. В нашем случае видео с YouTube:

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

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

Но это друзья еще не все. Переходим в раздел Pupup Maker -> Все всплывающие окна. Ищем CSS Classes. Нас интересует код, такого вида: popmake-xxx.


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

Коды:

Открытие окна по ссылке:

Открытие окна при нажатии на картинку:

Открытие при нажатии на кнопку:

 

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

---

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

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

С уважением, Могиш Иван