Popup окно для сайта – это маркетинговый инструмент, который возникает при посещении страницы. Применяется в целях: рекламы, лидогенерации, расширения аудитории и прочих задач.

Что такое pop up окно

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

Для чего может потребоваться установка попап окна

Основная задача popup для сайта – привлечение внимания. Тем не менее, ключевую роль играет реализация поп ап баннера. При неумелом применении появление окна может вызвать скорее негативную реакцию. Согласно данным Statista за 2019 год, 25.8% пользовались блокировщиками рекламы, которые также скрывают всплывающие окна при входе на страницу. Потому как минимум четверть всех окон не доходит до итогового пользователя.

Основные цели, для которых следует сделать всплывающее окно:

  • Привлечение подписчиков в соц. сети или увеличение аудитории.
  • Уведомление о важных новостях, акцент внимания.
  • Демонстрация материалов рекламного характера.
  • Техподдержка или получение справочной информации.
  • Оформление заявок.

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

Варианты установки поп ап окна на сайт

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

Скрипт

Это базовый способ, который подразумевает «ручное» написание кода для попапа. Он имеет ряд преимуществ, но и несколько существенных недостатков.

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

<script>
    var PopUpW = window.open("", "PopUp Window", "resizable=no,scrollbars=no,width=350,height=150,copyhistory=1");
    PopUpW.document.write("Много-много текстового контента!");
</script>

Источник кода: http://romanchueshov.ru/sekretyi-javascript/vsplyivayushhee-okno-na-javascript-css-i-jquery.html

Плагин

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

Преимущества такого варианта:

  • Легкая и быстрая установка.
  • В большинстве плагинов включена рассылочная интеграция.
  • Готовые шаблоны.

Недостаток только один – плагины с большим выбором шаблонов и гибкими настройками почти всегда платные.

Вот несколько плагинов для сайтов на Вордпресс:

  • Popup Builder.
  • Popup Maker.
  • Popup by Supsystic.
  • Popup anything on click.
  • WP Popups.

Сервис

Наиболее удобный и эффективный способ добавления всплывающего окна. К основным плюсам стоит отнести:

  • Простой и понятый интерфейс.
  • Адаптивность.
  • Широкие настройки кастомизации и появления.
  • Интеграция с рассылочным сервисом.
  • Простота добавления готового кода с окном без необходимости привлекать веб-разработчика.

Условным минусом также может считаться платное использование сервисов (разовая или подписка).

Оптимальный вариант – сервис JumpOut

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

JumpOut-фото.

Плюсы и минусы сервиса

Основные преимущества JumpOut:

  • Удобная инструкция по установке кода для большинства популярных движков (WordPress, Joomla, Drupal, 1C-Битрикс и другие).
  • Интуитивно понятный интерфейс.
  • Кнопка превью, которая позволяет увидеть отображение окна с текущими настройками (возможность менять, корректировать и оценивать внешний вид в процессе создания).
  • Широкие возможности по выбору дизайна, текста и прочих настроек.
  • Возможность создавать любые popup формы для сайта, от обычных опросов до мини-игр и прочих.

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

Как установить окно на сайт, инструкция со скриншотами

Пошаговая инструкция по установке поп ап окна на сайт с помощью JumpOut:

  1. Нажмите кнопку «создать джампаут» для начала работы.

Джампаут: шаг первый.

  1. Выберите цель (сбор контактов, рекламу и прочие).

Джампаут: шаг второй

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

Джампаут: шаг третий

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

Джампаут: шаг четвертый

  1. Далее, выберите условия для показа.

Джампаут: шаг пятый

  1. Перейдите в раздел «дизайн и текст», создайте визуальный макет окна.

Джампаут: шаг шестой

Джампаут: дизайн.

  1. Выберите нужные поля и опции в разделе «форма», исходя из целей и контекста.

Джампаут: раздел форма.

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

Джампаут: шаг седьмой.

Полная видео-инструкция по работе с сервисом JumpOut:

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

Заключение

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