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

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

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

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

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

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

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

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

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

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

1. WP-MK

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

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

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

Настройки-плагина-WP-MK

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

2. Ninja Popups.

Ninja-Popups-пример

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

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

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

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

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

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


 

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

Popup-Maker-плагин-на-WordPress

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

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

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

Поехали.

1. Скачиваем плагин;

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

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

Popup-Maker--в-настройках

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

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

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

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

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

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

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

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

код-вставки-видео-с-ютуба

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

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

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

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

Коды:

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

<a href="ссылка" class="popmake-xxx">Открыть окно</a>

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

<img src="ссылка на картинку" class="popmake-xxx" />

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

<button class="popmake-xxx">Открыть окно</button>

 

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


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

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

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

Понравилась статья? Поделиться с друзьями:
Комментариев: 43
  1. Руслан

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

    1. Надежда Введенская

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

      1. Руслан

        Можно и первый плагин использовать. Почему бы и нет =)

        1. Александр Макаров

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

          1. Руслан

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

      2. ууу

        зачем точка после слова кажется

  2. Юлия

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

  3. Надежда Введенская

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

    1. Руслан

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

      1. Надежда Введенская

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

        1. Руслан

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

          1. Надежда Введенская

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

  4. IvYur

    Окна это хорошо. Но если оно не к месту или их много, то блогу только негатив принесет.

  5. Александр

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

    1. Руслан

      Иногда они раздражают)))) Бывает закроешь один, появляется второй. Да и крестик бывает сложно найти ))))

      1. IvYur

        А еще мало закрываешь так оно куда еще перекидывает.

        1. Надежда Введенская

          Значит, нажимаете не там *CRAZY* Разработчики тоже хитрые — делают крестик почти невидимым

          1. Ярослав

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

    2. IvYur

      Когда вы переходите с 1 статьи на другую у Вас выскакивает на весь экран окно — сыграйте в казино например. Вас такое не раздражало бы?

      1. Надежда Введенская

        А что делать тому. кто в казино не играет? Или кому попросту жаль терять время?

        1. Ярослав

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

  6. Надежда Введенская

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

  7. Юрий Аленко

    Спасибо автору сайта за полезную и хорошо представленную информацию!
    Что касается мнений о модальных окнах, так если окно это использовать от балды, так сказать, не имея определенной цели и не заботясь об удобстве посетителей, оно, естественно, будет раздражать. Но можно всплывающее окно использовать, во-первых, не при открытии страницы, а при завершении сеанса, когда посетитель намерен покинуть сайт, и в этом случае сообщение будет одного характера, вроде: «не забудьте адрес страницы для связи с автором!» и подобном. Во-вторых, модальное окно всегда должно иметь доступной кнопку (крестик) своего закрытия — будет несложно убрать модальное окно, чтоб не мешало.

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

    Банальные вещи, конечно, уж простите, товарищи! =)

  8. Надежда Введенская

    Мне кажется, что при закрытии сайта лучше использовать окно для призыва подписаться (то ли на рассылку, то ли на группу, то ли на фан-страницу)

  9. Дмитрий

    Здравствуйте! У меня возникла проблема при встраивании Popup Maker’a в картинку либо в кнопку. Кнопка и картинка нормально отображается, при нажатии на кнопку ничего не происходит((( Встроить в ссылку получается, в кнопку — нет.

  10. Александр Макаров

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

  11. Галиулин Руслан

    Я еще использую классные плагины для своего блога и проектов клиентов:
    1) intarget.ru
    2) plus-plus.net

    Сервисы бесплатны к использованию, особенно второй. Пользуйтесь.

  12. Виталий

    Добрый день! За статью! Коротко и понятно.
    У меня возникла проблема с картами в модальном окне Popup Maker. Окно открывается, появляется окно карты но нет изображения, если немного растянуть или уменьшить окно браузера карта появляется, пробовал с разными плагинами карт. Похоже что то не так настроил в Popup Maker

    1. admin (автор)

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

  13. IvYur

    Спасибо за рекламу ))) Но посмотреть не мешает. Кстати хорошо, что бесплатные озвучиваете. Есть возможность оценить их работу. И если какой приглядится — прикупить.

  14. Владислав

    Можно ли сделать так, чтобы окно показывалось только если посетитель перешел по 3 страницам сайта? Или не показывалось в течении какого-то времени после того как пользователь закрыл окно.

    1. admin (автор)

      Такой функции в этих плагинах нету.

    2. IvYur

      Может вам Яндекс Метрика поможет? Там вроде есть то что вы хотите.

  15. Вадим

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

  16. lomaster

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

  17. эдуард

    Здравствуйте. Создал всплывающее окно. Получилось. Создал картинку — вставил в шапку. Все работает.С помощью плагина создал кнопку -шорт-код получился. Как связать, чтобы при нажатии на кнопку открылось всплывающее окно. Не во всех настройках разобрался. Или в макере есть кнопка? Если можете, то подскажите, как правильно сделать.Спасибо

  18. Николай

    Как сделать вызов всплывающего окна в Ninja Popups по нажатию на кнопку?

  19. Елена

    На любом блоге есть картинки, причем их довольно много и они разной ширины. При этом на странице большие картинки выглядят в виде миниатюр, а при клике на них загружается вся картинка целиком. Есть специальные плагины под Вордпресс, которые позволяют открываться картинкам во всплывающем окне с красивым эффектом. А можно не скриншот а полностью что добавлять нужно? А то скриншот обрезает сверху, не видно всю строку! Когда вы переходите с 1 статьи на другую у Вас выскакивает на весь экран окно сыграйте в казино например. Вас такое не раздражало бы?

  20. Woot

    Возможно ли данным плагином сделать всплувающее окно по условия ?
    Например заполнили форму, нажали отправить , всплывает окно «спасибо»

  21. Анна

    установила WP-MK и не могу понять, Заголовок типа » Присоединяйся в группу в Вк» , а дальше как мне вставить кнопочку «подписаться» или что-то подобное. А что касается других плагинов мне точно там не разобраться :|

  22. Алексей

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

  23. Drumstream

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

  24. Екатерина

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

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: