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


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

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

Плагин всплывающего окна на WordPress – обзор и настройка

Плагин всплывающего окна на WordPress WP Modal Popup with Cookie Integration

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

Плагин можно найти в официальном хранилище через консоль сайт по его названию. Скачайте, установите и активируйте дополнение. После этого перейдите в новый пункт консоли «WP Popup». Плагин позволяет создавать одно модальное окно на сайт и всячески его настраивать. Давайте рассмотрим, какие есть опции и возможности:


  • Enable Popup. Поставьте галочку на этой опции, чтобы плагин всплывающего окна на WordPress начал работать и демонстрировать его. Пока настройки ниже не произведены, нецелесообразно включать эту опцию.
  • Main Heading. Главный заволок всплывающего окна. Это самая большая надпись.
  • Sub Heading. Второй заголовок окна, поменьше, чем главный.
  • Popup Content. Это привычный редактор WordPress, в котором можно написать контент всплывающего окна. Есть все необходимые элементы для форматирования текста и публикации изображений.
  • Popup Design. Определите дизайн окна: оно будет отдельным или в виде верхнего бара.
  • Popup Delay. Укажите в секундах время после начала посещения сайта, через которой должно появиться окно.
  • Popup Disappear. Также плагин всплывающего окна на WordPress позволяет указать время, через которое окно автоматически закроется.
  • Popup Expiry Time. Укажите время жизни куки-файлов в днях. Если пользователь закрыл всплывающее окно, то он не увидит его повторно, пока действую куки-файлы.

  • Hide Close Button. Поставьте галочку, если хотите убрать кнопку для закрытия окна.
  • Close on Esc. Поставьте галочку, если хотите, чтобы окно закрывалось при нажатии клавиши «Esc» на клавиатуре.
  • Popup Height and Width. Здесь можно выбрать длину и ширину окна.
  • Popup Background Color. Задаёт цвет фона окна.
  • Popup Fonts Color. Задаёт цвет букв в окне.
  • Popup Border Width. Эта опция определяет толщину границ.
  • Popup Border Radius. Здесь можно закруглить углы окна.
  • Popup Border Color. А эта настройка определяет цвет границы.

Когда произведёте все настройки, не забудьте их сохранить, а также включить опцию «Enable Popup». После этого можно проверять, как работает плагин всплывающего окна на WordPress и как отображается само окно на вашем сайте.

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

wpuroki.ru

Практически всех владельцев сайтов интересует всплывающее окно связи. В WordPress такое окно можно создать с помощью 2-х плагинов и одного кода.
Первым делом необходимо добавить и активировать плагин Contact Form 7. С помощью этого плагина создают множество вариантов окна связи или даже заказа услуги (при хорошей фантазии). Здесь есть возможность добавить календарь с выбором даты, добавить таблицу списков и так далее.


Но сам плагин не создает всплывающего окна. Когда его активировать (вставить шоткод на нужную страницу) — появится поле для заполнения формы, которое занимает много места и смотрится некрасиво. Шоткод для вставки ( пример: [contact-form-7 404 «Not Found»]) создается автоматически после создания новой формы связи и его необходимо вставить на страницу или виджет.

Для всплывающего окна надо загрузить еще один плагин — Eacy FancyBox. После активации плагин находится в разделе: меню-настройки-медиафайлы. В настройках плагина необходимо выбрать нужные опции ( всплывание при нажатии на изображение или ссылку).

Плагин существует не только для создания всплывающих окон, но и для красивого оформления просмотра медиа-файлов на сайте. Если у вас включен Lightbox для просмотра изображений, плагин Eacy FancyBox создаст новое всплывающее окно поверх Lightbox и вам придется после просмотра закрывать сразу 2 окна. По этому, Lightbox лучше отключить. Далее можно оформить в фото-редакторе (например, photoshop) красивую надпись и даже изображение, потом загрузить его на свой сайт, скопировать url  и вставить этот url в следующий код:

<a href=»#contact_form_pop» class=»fancybox-inline»><img title=»ваше название формы связи» alt=» контактная форма » src=»ссылка на ваше изображение«></a>

<div style=»display:none» class=»fancybox-hidden»>

<div id=»contact_form_pop»>

[вставить сюда ваш шоткод contact form 7]

</div>

</div>


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

www.reactiv.top

Плагин WordPress Popup

Wordpress всплывающее окно

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

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

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


Wordpress всплывающее окно

Там вы найдете и шорткоды для отображения кнопок социальных сетей для Facebook, Google и Twitter. Внизу указаны параметры для этих шорткодов, так что вы можете добавить URL и другие параметры в кнопку:

Wordpress всплывающее окно

Под параметрами шорткода находится бокс «Popup Display Rules» (Правила отображения всплывающих окон). В нем вы выбираете место на сайте, где должно появляться всплывающее окно — конкретная страница, тип поста, прочее.

Wordpress всплывающее окно

И, наконец, есть бокс «Display Options» (Параметры отображения), в котором настраиваются все параметры внешнего вида всплывающих окон — призывы к действию, триггеры, анимации, фоновый цвет, наложение непрозрачности, цвет границы, прочее:

Wordpress всплывающее окно

После настройки параметров нажмите на «Publish» (Публиковать), а затем на «View Post» (Просмотреть пост), и вы увидите, как работает всплывающее окно:

Wordpress всплывающее окно

Функции плагина


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

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

Доступные настройки

  • Выбор из пяти возможных местоположений всплывающего окна
  • Триггеры-окна, всплывающие после N–го количества секунд пребывания пользователя на сайте или % скроллинга страницы
  • Автоисчезновение всплывающего окна при возвращении пользователя вверх страницы
  • Изменение цвета шрифта, фона, границ, прочее
  • Настройка непрозрачности фона
  • Суточный интервал в появлениях всплывающего окна

Премиум версия плагина содержит намного больше функций, доступных за $15 для одного сайта. Среди них:

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

Заключение

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

hostenko.com

Создание всплывающих окон в WordPress

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

1. Установите и активируйте плагин Popup Maker.


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

2. После активации плагина перейдите в Pupup Maker -> Add New.

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

3.  В открывшейся странице мы будем создавать модальное окно. Давайте пройдемся по пунктам настроек:

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

  • 1) Указываем название модального окна. Это название пользователю видно не будет.
  • 2) Заглавие модального окна.
  • 3) Отмечаем галочкой страницы, на которых будем использовать всплывающее окно. Если указываем «On Entrie Site» — модальное окно можно использовать на всех страницах и записях сайта.

  • 4) Наполнение всплывающего окна. Сюда пишем текст, вставляем изображения и т.п. В общем, делаем наполнение по желанию. В нашем примере я вставил фрейм видеозаписи с youtube.
  • 5) Указываем размер модального окна. Размер можно указать как в процентах, так и в пикселях. Значение «Auto» — автоматически подбирает размер модального окна. В случае добавления видеозаписи это лучший вариант.

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

  • 6) Отмечаем галочкой в том случае, если мы ходим чтобы после открытия модального окна мы видели на фоне сайт. Рекомендую отмечать.
  • 7) Настройка скорости и типа анимации. Если вы не любители экспериментировать с анимациями, то можно оставлять все по умолчанию.
  • 8) Настройка позиционирования. По умолчанию модальное окно будет появляться вверху по центру.
  • 9) Вот тут уже поинтересней. В этом поле можно указать классы или идентификаторы элементов вашего сайта, при клике на которые будет открываться создаваемое вами модальное окно. Возможность очень крутая и полезная, но требующая некоторых знаний в CSS.
  • 10) Настройка CSS свойства z-index. Обычно не нуждается в изменениях.

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

  • 11) Настройки закрытия модального окна. Click Overlay to Close — закрытие модального окна при нажатии мимо него. Press ESC to Close — закрытие модального окна клавишей Esc. Press F4 to Close — закрытие клавишей F4. Я отмечаю все пункты, дабы не злить пользователей сайта и упростить возможность закрытия всплывающего окна ?
  • 12) Настройки автоматического открытия модального окна. В нашем примере его использовать не будем.

4. После того как мы выполнили настройки, нажимаем кнопку «Опубликовать». Таким образом мы создали всплывающее (модальное) окно.

Настройки внешнего вида всплывающего окна

После создания всплывающего окна можно настроить его внешний вид. Для этого переходим в Popup Maker -> Theme.

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

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

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

wp-lessons.com

Мучает вопрос как создать всплывающее окно в WordPress? Решение есть — это плагин всплывающего окна WordPress Popup Builder.
Всем привет! С Вами Александр Соловьёв и в этом видео мы продолжим рассмотрение плагинов для создания всплывающих окон в WordPress (Вордпресс), создание попапов. Итак, мы находимся на нашем тестовом сайте, на локальном хостинге, на локальном сервере. По адресу localhost (локалхост) и дальше идёт наш сайт Мастер. Сейчас мы видим его главную страницу. Для того что бы нам работать со всплывающими окнами мы переходим в консоль и нам нужно будет установить этот плагин. Плагин называется Popup Builder (Попап Билдер). Как устанавливаются плагины мы с Вами уже знаем, мы переходим с левой стороны в пункт меню «Плагины», далее мы нажимаем «Добавить новый» и здесь в поиске плагинов мы пишем Popup Builder (Попап Билдер). Нажимаем Enter, вот будет наш плагин. Как видим у него высокий рейтинг, у меня он установлен, поэтому кнопочка «Установить» не активна. Мы можем посмотреть на него, что он из себя представляет нажав на его название. Здесь описание на английском, можно почитать. Как установить, посмотреть скриншоты панели управления, панели настроек этого плагина, почитать как пользоваться. И для того, чтобы установить мы нажимаем кнопку «Установить». Можно так же посмотреть на странице сайта wordpress.org про этот плагин почитать. Но мы уже установили его из консоли. Итак, для того чтобы пользоваться этим плагином, мы переходим к его активации, нам нужно его активировать. Переходим «Плагины», вот он наш плагин Popup Builder (Попап Билдер), нажимаем кнопку «Активировать». С левой стороны у нас появляется пункт меню Popup Builder (Попап Билдер). Что позволяет нам этот плагин, давайте посмотрим вот здесь в описании. Плагин позволяет вставить нам всплывающие окна с HTML кодом, с картинками, вставить iframe (всплывающие окна), вставить шорткоды, видео, и ещё разные попапы с эффектами и темами. Можно посмотреть будет это более подробно уже в самом плагине. Давайте перейдём в сам Popup Builder (Попап Билдер), нажимаем, вот так выглядит панель наших всплывающих окон. Здесь будут расположены все наши окна. При первой установке, при первом запуске у нас сверху будет такая зелёненькая панель, в которой автор пишет что его можно поддержать. Сам плагин платный, можно будет обновить его до версии PRO, нажав во на эту красную кнопочку. Но и в бесплатном варианте функций у него достаточно. В этом видео я показываю как сделать всплывающее окно при входе на сайт WordPress с помощью плагина Popup Builder.

Как создать всплывающее окно WordPress: https://youtu.be/oa0W5g1PkNg
Весь плейлист: https://www.youtube.com/playlist?list…
Мой канал: https://www.youtube.com/user/alexporsch
Мы в Твиттере: https://twitter.com/WebTechnopolis
Наш web-сайт: http://webtechnopolis.ru

www.youtube.com

Всплывающее окно wordpress – плагин на русском языке.

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

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

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

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

В принципе статью на этом можно было бы закончить, но тем не менее, я решил пройтись по нему от А до Я.

После того, как мы посмотрели раздел “Обзор”, рекомендую перейти в пункт “Настройки”:

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

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

Естественно, после того, как Вы внесли какие-то изменения обязательно нужно нажать кнопку “Сохранить”, которая находится над меню.

Следующий раздел всплывающего окна для wordpress – это “Показать все PopUP”:

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

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

И, наконец, самое интересное окно – “Добавить новый PopUp”:

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

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

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

В этом разделе располагаются главные настройки вашего плагина. Все они переведены на русский и около каждого располагается подсказка, для чего нужна та или иная настройка. Некоторые из них помечены значком “Pro” – это означает, что настойка будет доступна только после того, как вы приобретете платную версию всплывающего окна wordpress.

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

Следующий раздел:

Дизайн всплывающего окна wordpress.

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

Про этот раздел стоит поговорить отдельно, так как он содержит дополнительные очень полезные подразделы. Не забывайте и о том, что после того, как вы вносите какие-то изменения, нужно в обязательном порядке нажимать кнопку – “Сохранить” – иначе изменения не сохраняться и вам придется все настраивать заново.

Здесь находятся специальные подразделы: 

    • Внешний вид – здесь вы можете выбрать например что будет фоном у вашего всплывающего окна wordpress – это может быть определенный цвет или изображение – какая-то картинка, к примеру.
    • Расположение PopUp – здесь вам предлагается выбрать, где будет располагаться всплывающее окно wordpress – к сожалению, данная функция доступна только в платной версии плагина.

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

    • Тексты – в данной надстройке вы, собственно, пишите текст, который увидит человек, когда посетит ваш сайт.

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

    • Соц.сети – социальные сети в количестве 3-х штук – Facebook, Twiter и Google+.всплывающее окно wordpress, popup, плагины wordpress на русском языке,Кстати, если вы, например, хотите, чтобы в форме были другие социальные сети, вам понадобиться отдельный плагин, созданный теми же разработчиками. В ближайшее время, я надеюсь написать обзор и на него.

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

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

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

Подписчики всплывающего окна wordpress.

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

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

Логин/Регистрация всплывающего окна wordpress.

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

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

А/Б тестирования всплывающего окна wordpress.

И в этом случае данный раздел является платным:

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

Статистика всплывающего окна wordpress.

На момент того, как я тестировал плагин и у меня не отображались показатели статистики, но на момент того, как я пишу эту статью плагин зафиксировал 3 показа окна.

всплывающее окно wordpress, popup, плагины wordpress на русском языке,

seo911.su

Здравствуйте, уважаемые друзья и гости блога Pribylwm.ru! В этой статье я постараюсь ответить на вопросы, которые мне часто задают мои читатели. А именно: Как создать всплывающее окно для сайта на движке WordPress? Какой лучше использовать для создания wordpress popup (всплывающее окно) плагин? Ну, и для чего вообще нужны всплывающие окна на сайте? Вам это интересно? Тогда, поехали …

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

Нужно ли Вам на сайте всплывающее окно?

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

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

Давайте же и мы с Вами будем в их числе и не отстанем от новых веяний времени! А для этого нам нужно узнать …

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

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

Здесь нужно подумать хорошенько и не попасть впросак! Так как сейчас очень много существует плагинов в интернете именно для создания WordPress Popup. Но нам с Вами нужен как всегда – лучший! Где и как его найти? Ответ уже есть!

Я Вам хочу предложить один из самых совершенных и функциональных продуктов, который я сам использую на своих ресурсах — Popup Builder

WordPress Popup
WordPress Popup

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

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

Что умеет Popup Builder и каковы его особенности в создании WordPress Popup?

  • Можно создавать и управлять большим количеством всплывающих окон
  • Настроить внешний вид всплывающего окна
  • Настроить эффект всплывающей анимации
  • Выбирать несколько всплывающих тем
  • Установить местоположение всплывающего окна на экране
  • Показывать всплывающее окно после прокрутки страницы/всплывающего окна (иногда Вы не хотите сразу отображать всплывающее окно, рекомендуется установить этот параметр, чтобы всплывающее окно отображалось посетителю только при прокрутке).
  • Всплывающее окно OnClick/OnHover
  • Всплывающее окно для подтверждения перенаправления/всплывающее уведомление
  • Повторяющиеся всплывающие окна — показывают всплывающие окна каждые X периодов времени
  • Всплывающее открытие звука
  • Отзывчивое всплывающее окно
  • Совместимость с сетью/ мультисайтом
  • Совместимость с WPML
  • Совместимость с Visual Composer
  • Совместимость DIVI
  • Перенаправление пользователя на другую страницу, когда он нажимает на всплывающее содержимое
  • Показать/скрыть всплывающее окно для выбранных ролей пользователей (панель администратора)
  • Открыть всплывающее окно из URL.
  • Повторное всплывающее окно после отправки формы
  • Всплывающее окно Html
  • Всплывающее изображение
  • Всплывающее окно Facebook
  • Всплывающее окно короткого кода
  • Всплывающее окно подписки — этот тип обеспечивает самый простой способ создать эффективное соединение между пользователями и вашим сайтом через всплывающее окно подписки. Благодаря этому простому всплывающему меню Вы можете быстро собрать подписчиков очень приятным и элегантным способом. С данным плагином Вы можете легко отправлять массовые рассылки.
  • Информационный бюллетень — отправьте маркетинговые кампании прямо из всплывающего окна

Popup Builder — сторонние поддерживаемые плагины

  • Contact Form 7
  • Ninja Forms
  • Gravity Forms
  • TablePress — Just add cache_table_output=false to shortcode Ex. [table id=213 cache_table_output=false /]
  • Formidable Forms
  • WP Google Maps
  • HTML5 Maps
  • Review Builder

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

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

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

Popup Builder — функции PRO

  • Всплывающее окно iframe — Вы можете установить URL-адрес, который хотите загрузить в iframe, и всплывающее окно будет загружать этот iframe
  • Всплывающее видео — встроенные видеоролики YouTube и Vimeo внутри вашего всплывающего окна.
  • Социальное всплывающее окно — это отличный тип всплывающего окна, если Вам нужно поделиться какой-либо информацией на своем сайте. В всплывающем окне для соц сетей добавлены все популярные социальные сети, такие как Facebook, LinkedIn, Twitter, Google Plus и т. д.
  • Открытие всплывающих окон по возрасту — иногда содержимое сайта может быть неприемлемым для всех аудиторий. В этих случаях пользователи могут не просматривать контент до тех пор, пока они не получат всплывающее окно с подтверждением возраста.
  • Создайте всплывающее окно обратного отсчета — Ваш сайт находится в стадии разработки, и Вы планируете его открыть за какое-то время, в этом случае всплывающее окно обратного отсчета точно для Вас.
  • Выйти из всплывающих окон — привлечь внимание ваших пользователей, когда они решат покинуть ваш сайт, не делая того, что Вы хотите, чтобы они делали. Всплывающие окна выхода могут ненадолго прервать их всплывающим сообщением, направляя их к единственному призыву к действию.
  • Контактная форма popup — этот тип позволит вашим клиентам написать Вам сообщение прямо из всплывающего окна.
  • MailChimp popup (отдельное расширение) — создайте привлекательные, красивые всплывающие окна MailChimp, чтобы пользователи могли зарегистрироваться в списке писем прямо из всплывающего окна. Вы можете настроить всю настройку дизайна в соответствии с вашими потребностями и предпочтениями!
  • Всплывающее окно Adblock (отдельное расширение) — обнаруживает расширения Adblock, которые блокируют рекламу вашего сайта и отображают сообщение посетителям через всплывающее окно!
  • Всплывающее окно (отдельное расширение). Позвольте своим посетителям подписаться на вашу подписку AWeber прямо из всплывающего окна.
  • Всплывающая аналитика (отдельное расширение) — получите статистику об эффективности вашего всплывающего окна.
  • Случайная опция popups — эта опция полезна, если Вам нужно показывать случайные всплывающие окна для ваших посетителей. Допустим, Вы используете веб-сайт электронной коммерции и хотите показывать коды скидок. При случайных всплывающих опциях ON Вы сможете показывать разные предложения своим клиентам.
  • Показывать всплывающее окно за посетителя — полезно, когда Вы не хотите показывать всплывающее окно одному и тому же посетителю более одного раза.
  • Не показывать всплывающее окно на мобильных устройствах — после активации этой опции всплывающее окно не будет отображаться на мобильных устройствах.
  • Показывать всплывающие окна только на мобильных устройствах — после активации этой опции всплывающее окно будет отображаться только на мобильных устройствах.
  • Отключить всплывающее закрытие — после активации этой опции пользователь не сможет закрыть всплывающее окно любым возможным способом.
  • Автоматическое закрытие всплывающего окна через X секунд — полезно при активации вместе с предыдущей опцией, Вы можете отключить ручное закрытие всплывающего окна, а закрыть его через определенное время.
  • Таргетирование всплывающего окна — эта опция позволяет Вам отображать всплывающее окно в зависимости от местоположения пользователя. Такое всплывающее окно полезно, если ваш продукт или служба созданы для определенного региона.
  • Показывать всплывающее окно для зарегистрированных пользователей или наоборот — Вы можете сделать всплывающее окно только для пользователей, которые вошли в систему. Также Вы можете сделать его видимым только для пользователей, которые не вошли в систему.
  • Всплывающее окно расписания — Вы можете запланировать период (в днях), когда Вы хотите, чтобы всплывающее окно отображалось. Пользователи будут видеть всплывающее окно в течение установленного вами времени. (Пример 23 февраля – 17 августа)
  • Частота всплывающих окон — Вы можете выбрать, сколько раз хотите, чтобы всплывающее окно отображалось одному и тому же пользователю. Это означает, что Вы можете сделать всплывающее окно, например, 3 раза одному и тому же пользователю.

Еще Вы можете посмотреть информацию про всплывающее окно для сайта вот в этом материале: Всплывающие окна на сайте

На этом разрешите попрощаться. До свидания и до новых встреч! Всем удачи и благополучия!

pribylwm.ru

Назначение и основные функции всплывающих окон

Popup-формы и окна — замечательный маркетинговый инструмент, способный работать на повышение конверсии как отдельной страницы личного блога, так и специализированного коммерческого сайта. Страницы с хорошо продуманными и качественно реализованными всплывающими окнами, согласно исследованиям, конвертируются в 13 раз эффективнее обычных. И это повод не только добавить окна popup на сайт, но и разобраться с инструментами для их создания.

Из отрицательных моментов, связанных с необдуманным и не целевым использованием на сайте подобного способа воздействия на аудиторию, можно назвать естественный отток посетителей (если popup-окна идентифицируются ими как спам) и нелюбовь поисковых систем (в частности, при использовании полноэкранных баннеров с рекламой и ссылками), а значит, и понижение в поисковой выдаче.

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

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

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

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

Сегодня мы не будем вникать в тонкости настройки плагинов, ограничившись перечислением их функциональных возможностей. Для того, чтобы сделать отвечающий поставленной задаче всплывающий баннер WordPress, потребуется детальное изучение каждой опции, а в некоторых из popup-плагинов — таких опций десятки.

Бесплатные popup-окна WordPress

В репозитории WordPress можно найти множество popup-плагинов, новых и развиваемых создателями в течение нескольких лет. Устанавливаются они на блог или сайт стандартным образом: меню консоли Плагины — Добавить новый, Поиск по названию, кнопки Установить и Активировать. Практически все представленные плагины имеют премиум-версию, значительно расширяющую функционал. Рассмотрим наиболее популярные из них.

Popup Maker — Popup Forms, Optins & More

Popup Maker WordPress

Popup Maker — WordPress-плагин с огромным количеством настроек и безграничным потенциалом для создания любых типов окон popup на сайт. Русифицирован частично, но в достаточной мере для того, чтобы в нем можно было работать русскоязычным пользователям: основные пункты меню переведены, есть возможность вручную заменить служебные сообщения, показываемые посетителю, их переводом.

Поддерживает популярные плагины для создания контактных форм: Contact Form 7, Gravity Forms, Ninja Forms. Есть страница загрузки полутора десятков платных расширений, в числе которых интеграция с различными сервисами почтовых рассылок, возможность добавления во всплывающее окно видео, аналитики и т.д.

Плагин WordPress Popup: настройка

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

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

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

Popup Builder — Responsive WordPress Pop up

Popup Builder WordPress

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

Popup окна WordPress с помощью плагина

Плагин предлагает создание 12-ти типов всплывающих окон в PRO-версии (скриншот выше) и 6 тем визуального оформления. В бесплатной модификации возможностей существенно меньше, но их достаточно для того, чтобы сконструировать привлекательный баннер с информацией для посетителя: можно добавлять изображения, кнопки подписки на Facebook-аккаунт, шорткоды, редактировать HTML-код.

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

Содержимое popup-окна компонуется в визуальном или HTML-редакторе, идентичном стандартному редактору WordPress.

Popup by Supsystic

Плагин Popup by Supsystic

Popup-плагин от Supsystic поможет делать специальные предложения, продвигать услуги и продукты, получать подписчиков на рассылку. С одним из более чем 60-ти предоставляемых бесплатно шаблонов 18-ти типов легко создать лайтбокс для показа посетителям сайта с любой необходимой информацией. Во всплывающем окне можно разместить уведомления для посетителей, видео, Google-карты, подписку на аккаунт в Facebook, форму подписки на рассылку, форму контактов или проверки возраста.

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

Popup by Supsystic: всплывающие баннеры для сайта

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

Интерфейс панели настроек плагина русифицирован и интуитивно понятен. Можно адаптировать любое popup-окно для сайта под индивидуальные потребности, присутствует возможность редактирования CSS и HTML-кода.

Можно в реальном времени отслеживать статистику по добавленным всплывающим окнам. В PRO-версии плагина есть блок настроек A/B тестирования. Базовые навыки по созданию popup-окна поможет получить видео-руководство, интегрированное в настройки плагина.

Плагины независимых разработчиков

Без упоминания этих альтернативных профессиональных решений обзор popup-плагинов для WordPress был бы неполным. В рассматриваемых ниже премиум-плагинах все, за что в большинстве случаев придется доплачивать пользователю плагина из репозитория (причем, доплачивать за каждую дополнительную опцию), уже включено в функционал. При этом стоимость таких инструментов весьма демократична и составляет 24-25 долларов.

Ninja Popups

Плагин Ninja Popups for WordPress

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

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

Ninja Popups работает со всеми популярными сервисами e-mail маркетинга (их в списке несколько десятков). Присутствует собственная аналитика и функционал A/B тестирования всплывающих окон и слайдеров.

Ninja Popups for WordPress: всплывающие окна

Для реализации уже имеющихся дизайн-макетов popup-окон в плагин включен продвинутый визуальный конструктор с предпросмотром вносимых изменений, позволяющий перетаскивать в макет будущего окна любые необходимые элементы (изображения, видео, блоки с текстом и HTML-кодом, списки, поля ввода данных и скрытые поля, карты, кнопки, чекбоксы, защиту от спама reCaptcha и др.). Интерфейс англоязычный, но достаточно простой и понятный.

Master Popups

Всплывающее окно Вордпресс: плагин Master Popups

Мощнейший инструмент для создания всего разнообразия видов всплывающих окон. Есть полсотни различных готовых шаблонов, которые можно редактировать. Присутствует возможность использования собственного CSS-кода, JavaScript и Cookie. В расширенных настройках можно выбрать, какие действия будут выполняться после открытия/закрытия окна и отправки формы, при бездействии пользователя, при решении покинуть страницу.

Всплывающие баннеры для сайта: плагин Master Popups

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

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

pro-wordpress.ru


You May Also Like

About the Author: admind

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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