Сервисы для создания всплывающих окон на сайте

Типы всплывающих окон

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

Рассмотрим основные из них.

1. Лайтбокс. Один из самых популярных видов popup-окон, при возникновении которого фон вокруг него становится немного темнее, привлекая внимание к информации на самом окне.

2. Окна да/нет или да/да. Отвечая на вопрос, пользователь перенаправляется на страницу товара или услуги.

3. Геймифицированные. Такой тип всплывающих окон очень эффективен, поскольку он превращает обычное поп-ап окно в игру. Самым распространенным вариантом является окно с колесом фортуны.

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

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

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

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

Всплывающие окна бывают также двух видов:

1. Hello-board .
2. Page-stop.

Рассмотрим каждое из них поподробнее.

Hello-board

Это окна, являющиеся легкими для восприятия и не ненадоедливыми, перекрывающими при этом незначительную часть страницы. Иногда такие виды поп апов могут остаться просто незамеченными.

Page-stop

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

Когда показывать всплывающее окно

Настройку показа окна можно осуществить по множеству сценариев. Существует четыре варианта такой настройки:

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

Приветственное окно

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

Скроллинговое

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

Окно по таймеру

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

Завершающий поп-ап

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

Правила создания pop-up окна

Основными правилами создания pop-up окна являются:

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

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

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

4. Дайте посетителю время. Если он решит покинуть страницу, воспользуйтесь приемом exit-intent. Такое окно появится, после принятия пользователем решения покинуть сайт.

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

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

7. Мобильная оптимизация – это важно. Учитывая стремительный рост мобильного трафика, важно адаптировать ваш сайт и попапы, расположенные на нем под экраны смартфонов.

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