Pop-up: что это, зачем бизнесу и какие бывают всплывающие окна

Здравствуйте. На связи Наталия — маркетолог компании Altcraft. Сегодня расскажем, как создавать всплывающие окна правильно, чтобы не раздражать юзеров. Разберём примеры попапов с сайтов брендов.

Можно бесконечно смотреть на огонь, воду и спорить об эффективности pop up на сайте. Поп апы существовали ещё на первых веб-сайтах и продолжают работать сегодня.

Pop-up: что это, зачем бизнесу и какие бывают всплывающие окна

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

Что такое попапы и их польза для бизнеса

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

<p>Пример Pop up window</p>

Пример Pop up window

Зачем нужны попапы:

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

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

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

Донесение информации. Pop up это способ рассказать об изменениях в работе компании, технических работах на сайте и так далее. С попапом информация точно дойдёт до клиентов, а компания не получит негатив от тех, кто «ничего не знал» про изменения.

Проведение опросов и тестов. Через поп ап окно делают A/B-тестирование вариантов офферов, дизайна рекламы и так далее. Также через всплывающие окна проводятся опросы.

Рассылка напоминаний. Полезна для интернет-магазинов, когда пользователь добавляет товар в корзину, но забывает завершить заказ. Страница попапа напомнит о незаконченном действии.

Как создать попап правильно

Попап окна могут раздражать пользователей или быть незаметными. В обоих случаях пользы они не принесут. Что нужно для создания эффективного попапа?

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

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

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

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

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

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

Умеренность. Не стоит «доставать» пользователя разными попапами каждые несколько секунд и на каждой странице.

Важно! Универсального решения для времени, оформления и размещения попапов нет. Тестируйте, тестируйте и ещё раз тестируйте.

Какие бывают pop-up

По расположению различают всплывающие окна, которые появляются:

  • в центре страницы (закрывают весь экран или только часть);
  • расположены сбоку и следуют за прокруткой;
  • сверху и снизу (часто в виде небольшой полоски)
<p>Попап на всю страницу</p>

Попап на всю страницу

<p>Попап сбоку страницы</p>

Попап сбоку страницы

Полоска попапа вверху страницы
Полоска попапа вверху страницы

По времени появления бывают приветственные попапы: пользователь заходит на страницу, а через несколько секунд появляется уведомление. Другие всплывающие окна «реагируют» на действие или бездействие: например, человек просматривал определённый контент, нажал на кнопку, забыл товар в корзине. Ещё один вид попапов — удерживающие, которые появляются при закрытии страницы.

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

Примеры pop-up

Промо

Окна со скидками и акциями. Бывают просто информационными, когда сообщают о скидке или предлагают промокод. Встречаются также интерактивные варианты с геймификацией.

<p>Простая попап-полоска с общей информацией о скидках</p>

Простая попап-полоска с общей информацией о скидках

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

<p>Промокод прямо во всплывающем окне</p>

Промокод прямо во всплывающем окне

В попапах рассказывают не только про скидки, но и другие выгоды. Например, быструю доставку.

<p>Информация о доставке в попап</p>

Информация о доставке в попап

Рекламные popup могут предлагать конкретный продукт. Так онлайн-кинотеатр рекомендует посмотреть фильм, а для этого нужна будет подписка.

<p>Рекомендация конкретного продукта в pop-up окне</p>

Рекомендация конкретного продукта в pop-up окне

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

Информирование о будущем мероприятии во всплывающем окне
Информирование о будущем мероприятии во всплывающем окне

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

Попапы с лид-магнитами

Дарят бесплатный материал за контакты пользователя. Такой приём повышает показатель подписки в среднем на 155%.

Бонус — это, например, подборка инфоповодов.

<p>Предложение бонуса в попап-окне</p>

Предложение бонуса в попап-окне

Или бесплатные шаблоны для письма, сайтов, чек-листы, книги и так далее.

<p>Бесплатный шаблон для письма при оставлении email-адреса</p>

Бесплатный шаблон для письма при оставлении email-адреса

Даже программа развития подойдёт для лид-магнита.

<p>Программа развития в pop-up окне</p>

Программа развития в pop-up окне

Или готовые комплекты игр. Небанальность — плюс для лид-магнита.

<p>Небанальный лид-магнит в попап окне</p>

Небанальный лид-магнит в попап окне

Подарить пробный период — тоже вариант получить контакты пользователя.

Предложение попробовать бесплатный период
Предложение попробовать бесплатный период

Вместо контента используют бесплатное мероприятие. Ограничение по времени получения бонуса замотивирует зарегистрироваться быстрее.

<p>Информация о бесплатном мероприятии в pop-up окне</p>

Информация о бесплатном мероприятии в pop-up окне

Опросы

Используют для изучения аудитории или как приём для вовлечения.

Так ненавязчиво «Почта России» предлагает пройти опрос в попапе сверху страницы. Такое окно появляется в первые секунды посещения сайта.

<p>Предложение пройти опрос в попап окне</p>

Предложение пройти опрос в попап окне

А это пример опроса для вовлечения. Сначала в попапе появляется вопрос.

<p>Пример опроса для вовлечения в pop-up</p>

Пример опроса для вовлечения в pop-up

Дальше предложение подписаться.

<p>Предложение подписаться в pop-up</p>

Предложение подписаться в pop-up

Информационные

Рассказывают об изменениях в работе компании, доставки, технических работах и прочем. Сюда можно отнести отзывы — редкий и оригинальный приём. Например, попап с видеоотзывом.

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

<p>Ограничения по возрасту в попап-окне</p>

Ограничения по возрасту в попап-окне

Подписка на рассылку

Самые популярные попапы, которые предлагают оставить контакты, чтобы компания смогла дальше присылать контент или другую информацию.

Подборка статей из блога в обмен на email-адрес
Подборка статей из блога в обмен на email-адрес
<p>Предложение рассылки со скидками в pop-up окне</p>

Предложение рассылки со скидками в pop-up окне

Из-за популярности такого вида всплывающих окон, брендам приходится креативить. Даже интриговать, как делает «Афиша Daily»

<p>Создание интриги в попап окне</p>

Создание интриги в попап окне

Подписка необязательно должна быть на email-рассылку. Иногда попап ведёт на другие ресурсы. Например, в Telegram-канал бренда.

<p>Pop-up предлагает подписаться на telegram-канал бренда</p>

Pop-up предлагает подписаться на telegram-канал бренда

Запрос звонка

Такие попапы «хватают» клиентов сразу. С одной стороны, собирают контакты, а с другой — облегчают путь клиента: не всем комфортно звонить первыми.

<p>Запрос на звонок в попап окне</p>

Запрос на звонок в попап окне

Удобно, когда указано время, через которое поступит звонок.

<p>В попапе указали время поступления звонка</p>

В попапе указали время поступления звонка

Pop-up окна в Altcraft Platform

В платформе Altcraft есть собственный редактор для создания поп-апов. Через этот инструмент вы можете привлекать внимание пользователей и побуждать их совершить целевое действие.

Редактор pop-up в Altcraft Platform
Редактор pop-up в Altcraft Platform

Pop-up окно создаётся в визуальном редакторе. Перейдите в раздел «Веб-слой», выберите «Попапы» и создайте новый. Вам будет доступно несколько типов попапа:

Модальное окно. Появляется в центре экрана и привлекает внимание пользователя. Как правило, нужно для сбора email адресов.

<p>Создание модального окна в Altcraft Platform</p>

Создание модального окна в Altcraft Platform

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

<p>Создание плавающей панели в Altcraft Platform</p>

Создание плавающей панели в Altcraft Platform

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

<p>Создание выпадающего окна в Altcraft Platform</p>

Создание выпадающего окна в Altcraft Platform

Полноэкранный тип. Занимает весь экран. Пользователи сайта точно не пропустят данное окно.

<p>Создание полноэкранного типа попапа в Altcraft Platform</p>

Создание полноэкранного типа попапа в Altcraft Platform

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

В разделе «Действия» настраивается импорт пользователей, заполнивших форму попапа, в базу профилей.

Код готового поп-апа вы можете разместить на страницах сайта самостоятельно либо более простой вариант — использовать Tag Manager.

<p>В Altcraft Platform доступен раздел аналитики попапов</p>

В Altcraft Platform доступен раздел аналитики попапов

Резюме

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

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

Подписывайтесь на наш телеграм-канал. Там вы найдёте актуальные новости в области digital-маркетинга, полезные статьи и интересные исследования. Будьте в теме вместе с нами :)

33
Начать дискуссию