Подборки

Какими должны быть всплывающие окна: 10 трендов

Как сделать всплывашку полезной для бизнеса? Превращаем попапы в бустер конверсии
Какими должны быть всплывающие окна: 10 трендов

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

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

Полоски и маленькие окна

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

Так могут выглядеть варианты с полоской:

Поп-ап полоска на сайте Unisender

А в следующем примере — маленькое всплывающее окно в левом нижнем углу.

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

Меньше слов, больше сути

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

Поп-ап магазина РИВ ГОШ
Попап на сайте РИВ ГОШ говорит с пользователем в инфостиле — минимум текста, максимум пользы
Pop-up магазина LEGO
Попап на сайте LEGO предлагает два четких направления: магазин или игры

При подготовке текстов для «всплывашек» пригодятся советы по созданию сильного call-to-action, а доработать текст помогут ресурсы по редактуре.

Искусственный интеллект

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

Как это работает: если клиент листает в каталоге платья — ИИ поймет, что он их выбирает, и подберет попап с подходящей скидкой. Такой подход подталкивает к покупке.

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

Искусственный интеллект постоянно учится. Каждое взаимодействие с пользователем улучшает его алгоритмы и точность попапов, что влияет на конверсию. В McKinsey подсчитали — 78% клиентов охотнее совершают повторную покупку, если платформа показывает им персонализированный контент.

Геймификация

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

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

В таких попапах могут быть не только простые сценарии, по типу «введи почту, нажми кнопку», но и полноценные мини-игры. Например, Кинопоиск в качестве рекламной компании фильма «Мой дикий друг» предлагает поискать лисенка, прежде чем посмотреть трейлер. 

Это win-win ситуация: клиент получает позитивные эмоции, а бренд — внимание покупателя.

Попапы для смартфонов

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

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

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

Таймер во всплывающем окне

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

Дело в психологии — люди боятся упустить выгоду. Этот страх называется FOMO — fear of missing out.

Компания Obvi провела A/B-тест двух вариантов попапа: с таймером и без. В результате вариант с таймером показал конверсию на 7,97% выше.

На этом Obvi не остановились. Они пошли дальше и применили таймер для брошенных корзин. Клиентам, которые не завершили покупку, предложили скидку 10% и ограниченное время подумать. Конверсия выросла до 25,17%.

Диалоговые окна

Это окна, которые подразумевают ответ пользователя: обычно в них есть несколько кнопок. Новые посетители могут теряться среди обилия незнакомой информации на сайте и уходить без покупок. Это явление называется «парадокс выбора». Диалоговые окна помогут клиенту не уйти с пустыми руками.

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

Ниже пример попапа с приветственной скидкой от бренда Christopher Cloos. Пользователю предлагают сразу выбрать категорию товаров, которая его интересует.

Попапы, которые не просят личные данные

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

Такие попапы могут направить не только в определенную категорию товаров, но и на другие ресурсы компании. 

Поп-ап проводник в Telegram TexTerra
Попап в TexTerra ведет в их Telegram-канал
Поп-ап онлайн-школы
Попап «Синхронизации» отправляет на лендинг события

Видеопопапы

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

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

Мемные попапы

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

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

А в этом примере взяли знакомое многим схематичное лицо, дорисовали единорога и смартфон.

Поп-ап на сайте Мегафон
На сайте Мегафона есть милый единорог