Всплывающие окна на 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. Обзор лучших плагинов

Ничего не напоминает? Страница вплоть аналогична форме публикаций статей на 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: :???: :?: :!:

Adblock detector