Блог компании
22.01.2024

Поп-ап: что это и как он работает

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

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

Какие бывают всплывающие окна?

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

Наиболее распространены следующие поп-апы:

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

Также выделяют другие типы поп-апов по месту расположения на странице:

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

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

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

Вне зависимости от расположения поп-апа, он будет привлекать внимание посетителей сайта.

Задачи, которые решает поп-ап


Поп-апы используют в тех случаях, когда необходимо: 

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

▶ Снять барьер первой покупки. В этом случае в поп-апах размещают трипваеры — спецпродукты по символической цене — например, чек-лист за 99 рублей или мини-курс за 399 рублей. Так компания устанавливает контакт с потенциальным покупателем: он получает продукт за небольшую стоимость, а взамен оставляет контактные данные. Таким образом, если клиент совершил небольшую покупку, вероятность того, что он согласится и на другие предложения компании, увеличивается. 

▶ Снизить показатель отказов. Отказ — это желание пользователя закрыть вкладку почти сразу после того, как он ее открыл. Чтобы привлечь внимание пользователя и уменьшить показатель отказов, можно настроить поп-ап так, чтобы он появлялся при попытке закрыть страницу. 

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

Как правильно оформить поп-ап?

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

Заголовок и текст. Краткость — сестра таланта. Особенно это важно для поп-апа. Сформулируйте полезное действие для пользователя и кратко опишите его в тексте, например: узнать подробнее о новом продукте, подписаться и узнать о новинках. В поп-апе необходимо раскрыть суть и пользу предложения, но очень важно сделать это емко. 
Изображение. Чтобы привлечь внимание, дополните ваше предложение ярким  визуалом, на котором будут основная идея и СТА. 
Уточняющие детали. Они актуальны в том случае, когда есть необходимость в сегментации аудитории. Вы можете добавить поле для ввода имени, чек-бокс для выбора нужных рассылок и кнопки, с помощью которых можно выбрать пол.
Если форму легче закрыть, чем заполнить, значит, в ней много лишних уточнений. Простую форму с небольшим количеством понятных полей заполнит большее количество людей — такой поп-ап будет эффективнее.

Поле для ввода почты. Некоторые поп-апы с полем ввода почты сразу предлагают варианты доменов для того, что пользователь не совершил опечатку в доменной части адреса. Лучше всего вынести пользу в заголовок, например, не «подписаться на рассылку», а «пришлем статьи на почту». А уже в теле текста — кратко и понятно описать суть предложения.
Call to action (призыв к действию). Кнопка СТА должна быть логичным продолжением текста: «Подпишитесь на рассылку — Подписаться», «Забирайте товары с выгодой до 80% — За покупками» и т.д. 

Как сделать эффективный поп-ап, который увеличит конверсию?

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

Используйте сильный призыв к действию: «Получите бесплатную консультацию прямо сейчас», «Подпишитесь сейчас и получите скидку 20%», «Закажите сейчас и получите подарок» и т.д.
Не забывайте о важности дизайна: эффективный поп-ап яркий, но не навязчивый. Постарайтесь соблюсти баланс: всплывающее окно должно выделяться на фоне страницы, но при этом выглядеть на ней гармонично.

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

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

Иногда работают нестандартные способы — например, с точки зрения юзабилити, можно менять местами кнопки «да» и «нет», так как в большинстве случаев людям интуитивно удобнее нажимать на кнопки, расположенные с правой стороны.

Всегда давайте возможность пользователю отказаться от предложения, добавив кнопку «Не показывать больше», «Не интересно» или «Я уже подписался» и не прячьте крестик, закрывающий окно — так поп-ап будет более экологичным, удобным и менее раздражающим. Вам ведь не нужна негативная реакция пользователей?
Самый простой и надежный способ получить эффективный поп-ап, который приносит результат — то или иное количество заявок в месяц, нужное количество контактов и т.д., — это доверить работу интернет-маркетологам из агентства Bs Lab. Эксперты Bs Lab с успехом решают задачи самого разного масштаба и помогают владельцам бизнеса заставить интернет работать на себя.

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