Как сделать поп-ап, который не бесит

Что такое поп-ап

Поп-ап (от английского pop-up) — это всплывающее окно с предложением скидки, бесплатного товара или услуги, которое появляется поверх страницы сайта.

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

Какие бывают поп-апы

Приветственные окна (Entry pop-ups). Наиболее раздражающий поп-ап, который мгновенно появляется при открытии страницы. Такой сайт закрывают раньше, чем успевают прочитать заголовок. Из-за этого падают продажи и страдает посещаемость. После удаления такого поп-апа коэффициент конверсии продаж возвращается к нормальному уровню, что видно из статистики.

Окна по таймеру (Time-based pop-ups). Запрограммированы появиться на сайте через заданный промежуток времени. Например, через 10 секунд.

Контент-окна (Content-based pop-ups). Один из наиболее эффективных поп-апов, который появляется на конкретных местах и страницах сайта. Пользователь получает узконаправленные предложения в зависимости от того, с каким контентом взаимодействует.

Поп-ап прокрутки (Scroll-based pop-ups). Появляется в определенной части страницы в момент прокрутки сайта. Ориентирован на клиента и также показывает высокую эффективность.

Боковой поп-ап (Side-based pop-ups). Наименее раздражающий и агрессивный тип всплывающего окна. Он появляется на боковой стороне экрана и даёт посетителю возможность выбора: обратить на поп-ап внимание или продолжить работу с сайтом.

Возвращающие окна (Exit pop-ups). Когда посетитель хочет уйти с сайта, возникает поп-ап, задача которого — убедить пользователя остаться. Чаще всего открывается окно со скидкой или формой обратной связи.

Почему маркетологи до сих пор используют поп-апы

Причина № 1. Возрастает конверсия

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

В исследовании Sumo было проанализировано 1 754 957 675 поп-апов, и вот, что получилось:

Средняя конверсия всех поп-апов — 3,09%.

175 495 767 поп-апов (10%) оказались крайне эффективными: коэффициент их конверсии составил 9,28%.

Причина № 2: Поп-ап привлекает внимание

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

Причина № 3: Быстрота и легкость создания

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

Причина № 4: Удержание потенциального клиента

Если пользователь собирается покинуть сайт, можно предложить ему бонус в виде скидки или подарка. Это побудит его остаться на сайте и совершить импульсивную покупку.

Главное в создании поп-апа — соблюдение правил поисковиков

Поп-ап должен отвечать требованиям не только пользователей, но и поисковых систем. Ознакомиться с ними можно в справке: Яндекс, Google.

Общие требования:

Заполняемость экрана. Ваша реклама не должна превышать 30% от экрана.

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

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

Адаптация под мобильные устройства. Не забудьте оптимизировать ваш поп-ап под мобильную версию сайта, чтобы он не занимал весь экран смартфона или планшета.

Как не бесить пользователя

Соблюдайте тайминг. Не создавайте поп-ап, который открывается вместе с сайтом. Оптимальное время для появления — 15–20 секунд. Пользователь успеет ознакомиться с сайтом, а всплывающее окно послужит толчком для принятия решения.

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

Один поп-ап посмотрят, два — нет. Не перегружайте сайт несколькими всплывающими окнами.

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

Музыка или видео. Только не с автоматической загрузкой. Сделайте воспроизведение по щелчку мыши.

Тестирование. Нет единой формулы поп-апа: если одним компаниям подходят всплывающие окна определённого типа, они могут не подойти другим. Протестируйте разные варианты, чтобы найти свой.

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

Если вы все еще не уверены, что поп-ап отвечает нужным требованиям, запросите проверку на качество рекламы у Google.

Если поп-ап не справляется с задачами, используйте альтернативы

Поп-ап не позволяет отобразить все акции

Решение: используйте слайдер с предложениями. Его можно разместить в верхней части сайта. Актуально для компаний, у которых огромное количество предложений.

Вам нужно одновременно пополнить базу контактов и сообщить о спецпредложении

Решение: сделайте форму для сбора контактов частью страницы. Разместите в любой части сайта: в середине, конце или сбоку. Так она не будет мешать посетителю просматривать ваш сайт.

Вы боитесь, что поп-ап отпугнёт потенциального клиента

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

Вам нужно наладить коммуникацию с клиентом и получить обратную связь

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

Итак, залог хорошего поп-апа — это…

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