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

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

Что такое всплывающее окно (pop-up)

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

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

Данный инструмент позволяет:

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

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

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

4. Возможность самостоятельного создания инструмента, используя при этом специальные плагины и сервисы.

1
Онлайн чат JivoSite

Онлайн чат JivoSite

5.0
11 отзывов
Перейти на сайт

Преимущества

Многие клиенты давно оценили сервис JivoSite за ряд преимуществ, среди которых:

  • Есть мобильная версия операторов для iOS/Android и десктопное приложение для Mac OS/Windows/Linux;
  • Есть виртуальная АТС для быстрого решения всех вопросов через звонки;
  • 48 интеграций с разными сервисами: CRM и интернет-сервисы, CMS, аналитические сервисы, платежные системы;
  • Информация о посетителе платформы;
  • Яркое уведомление, мотивирующее клиента к действию и общению;
  • Способность наблюдения за печатью;
  • Отслеживание посетителей сайта;
  • Возможность передачи файлов;
  • Автоматизированные быстрые ответы;
  • Наличие переводчика;
  • Региональное распределение посетителей;
  • Возможность заказать обратный звонок;
  • Прием обращений из всех социальных сетей 
  • Оплата покупок непосредственно в чате JivoSite
  • Наличие мобильного приложения для iOS и Android.
  • Работа на всех платформах и устройствах
  • Настраиваемый список посетителей
  • Индивидуальный дизайн
  • Шаблоны быстрых ответов
  • Хранение истории за 1 год
  • Любое количество операторов
  • Подробная аналитика
  • Отсутствие необходимости скачивать ПО
  • Оперативная техническая поддержка
  • Бесплатный тестовый период

Недостатки

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

  • Слабая система поддержки с задержкой на ответы пользователей;
  • Функции в бесплатной версии сильно урезаны: нет информации о посетителях, интеграции с чат-ботами, доступны только базовые возможности CRM-систем, нельзя передавать чаты между операторами;

Отзыв пользователя

screenshot 2
5.0
Комментарий:

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

2
Talk Me

Talk Me

5.0
6 отзывов
Перейти на сайт

Стоимость онлайн чата

Преимущества

  • Работа на всех платформах и устройствах
  • Настраиваемый список посетителей
  • Индивидуальный дизайн
  • Шаблоны быстрых ответов
  • Автодействия
  • Прием платежей
  • Хранение истории за 1 год
  • Любое количество операторов
  • Имитация общения
  • Подробная аналитика
  • Отсутствие необходимости скачивать ПО
  • Оперативная техническая поддержка
  • Бесплатный тестовый период

Недостатки

  • Технические сбои

Отзыв пользователя

logo 8
5.0
Комментарий:

Крайне рекомендую talk me всем друзьям, кто работает в сети. Считаю лучшим чатом среди всех, а перепробовал с 5-6 сервисов точно за 7 лет работы в сети. Оперативная поддержка, интеграция со всеми мессенджерами и соц.сетями и все в базовом тарифе, а не как у некоторых каждый канал доп.плата. Ребята молодцы, постоянно развивают сервис. Рекомендую

3
Envybox

Envybox

5.0
1 отзыв
Перейти на сайт

Стоимость сервиса

  • Обратный звонок – тестовая версия (4р за минуту), год (740р месяц), полный тариф (20р минута).
  • Онлайн-чат, генератор клиентов, квиз, онлайн-консультант – тест (0р), 3 месяца (833р месяц), год (745р месяц).
  • CRM-система – тест (0р), год (450р месяц), 2 года (350р месяц).
  • Стадный инстинкт, персонализатор форм — тест (0р), месяц (990р), год (745р месяц).
  • Захватчик клиентов, мультикнопка — тест (0р), месяц (290р), год (169р месяц).

Преимущества

Сервис Envybox обладает большим количеством инструментов. Любой пользователь может протестировать функционал бесплатно (пробные версии 7 дней). Специалисты работают с пользователями достаточно оперативно. Более того, менеджеры готовы помочь в установке виджетовCRM.

  • Большое количество инструментов
  • Много дополнительных возможностей
  • Оперативная техподдержка
  • Доступные цены

Недостатки

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

Отзыв пользователя

logo
5.0
Комментарий:

Перепробовали много сервисов обратных звонков. Везде проблемы с интеграцией с СРМ. Инвибокс показал себя с хорошей стороны. Было пару косяков при передаче заявки в АмоЦРМ. Тех поддержка оперативно помогла решить. Советуем!

4
VidWidget

VidWidget

Нет рейтинга
Перейти на сайт

Преимущества

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

Недостатки

  • нет чата поддержки;
  • нельзя удалить загруженное видео.

Плюсы и минусы всплывающих окон на сайте

У данного инструмента имеются как плюсы, так и минусы.

К основным преимуществам относятся:

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

К минусам можно отнести:

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

PopMechanic

Нет рейтинга
Перейти на сайт

Преимущества

  • позволяет увеличить конверсию на сайте;
  • может адаптировать дизайн под любое устройство;
  • можно настроить А/В-тестирование офферов;
  • наличие таргетинга;
  • имеется аналитика о работе форм;
  • выгрузка данных в формате CSV-формате;
  • наличие бесплатного тарифа.

Недостатки

  • отсутствует пробный период;
  • нет поддержки мобильных устройств.

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

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

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

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

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