Что такое попапы: подробное руководство с примерами

Всплывающие окна (попапы) - это специальные сообщения, которые отображаются пользователю во время посещения сайта. Этот тип сообщений обычно появляется поверх содержимого веб-сайта и предназначен для привлечения внимания посетителей.

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

Какие попапы делают конверсию? Существуют ли хорошие примеры попап окон, которые применимы к вашей маркетинговой стратегии? Как измерить их эффективность? В этом руководстве мы ответим на данные вопросы.  

Что такое pop-up: типы и примеры

Отвечая на вопрос “что такое pop-up?”, большинство из нас по-прежнему подразумевает классическую технологию exit-intent (при попытке покинуть сайт). На самом деле, всплывающие окна давно ушли от этого. Определение попапов несколько лет назад и сейчас совершенно разные. В зависимости от формата, желаемого действия и правил отображения они могут иметь разные виды, цели и форматы.

Типы попапов отличаются по:

• виду;
• цели;
• триггеру. 

Давайте рассмотрим наиболее популярные примеры из каждой категории. 

Попап окна по виду

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

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

Пример Lightbox

Попап “Да/Нет”, как правило, представляет собой форму лайтбокса, который имеет скорее информационную, чем рекламную цель, и часто является частью пользовательского интерфейса в целом. Такие попапы выглядят как окошки с простыми вопросами, которые информируют посетителей об их действиях и последствиях.

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

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

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

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

Попап окна по цели

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

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

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

Пример попапа с брошенной корзиной

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

Пример попап окна с социальным доказательством

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

Пример попап окна на основе кампании 

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

Пример попапа для получения обратной связи

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

Пример попапа с файлами cookie

Попап окна по триггеру

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

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

Пример попапа, срабатывающего после определенного времени

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

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

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

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

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

Пример попапа при прокрутке

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

Пример попапа по клику

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

Пример попап окна при попытке покинуть сайт

Попапы при попытке покинуть сайт (exit-intent pop-ups) — классический способ удержать пользователя от выхода с сайта. Действие, которое активирует триггер, — попытка пользователя покинуть веб-страницу, не выполнив желаемого действия, т. е. не завершив заказ, не добавив адрес доставки или не отправив регистрационную форму.

Пример попапа при попытке покинуть сайт

Как создать хороший попап?

Для начала давайте ответим на вопрос — “Что такое хороший попап?” В большинстве случаев под этим понятием маркетологи подразумевают всплывающие окна на сайте, которые конвертируют. Под конверсией могут пониматься разные действия, совершенные посетителем сайта. Прежде всего,  вам нужно понимать, какую основную цель вы преследуете, используя pop-up. Это поможет понять, что означает “хороший попап” в вашем случае, а уже потом оценить его эффективность. 

Зачем использовать попапы? 

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

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

• неподходящее время показа. Попапы работают, когда вовремя «ловят» посетителя сайта. Поэтому прежде чем запускать всплывающую рекламную кампанию, постарайтесь проанализировать, как пользователи взаимодействуют с определенными типами контента на вашем сайте, и действуйте соответственно.
• Неподходящее расположение попапа на сайте. Хорошее всплывающее окно не мешает пользователю взаимодействовать с ключевыми элементами веб-сайта, такими как меню, языковые настройки и т. д. Убедитесь, что ваш pop-up не перекрывает важные части страницы и его легко свернуть или закрыть.
• Непонятный призыв к действию. Что вы хотите, чтобы ваши посетители делали? В большинстве случаев всплывающие окна должны доносить определенный призыв к действию. Это может быть поле, предназначенное для сбора email или несколько вариантов товаров для добавления в корзину, или кнопка перенаправления — что бы это ни было, все ваши усилия будут напрасны, если призыв к действию выглядит двусмысленно или не соответствует желаемому действию пользователя.
• Навязчивое содержимое всплывающего окна. Если ваши попапы преследуют коммерческие цели, вряд ли кто-либо из посетителей сайта воспримет их положительно. Хорошее всплывающее окно — это элемент, который балансирует между упрощением пользовательского опыта и достижением вашей бизнес-цели.

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

Рекомендации по использованию попапов

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

Цели — простые, призывы к действию — понятные

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

Приносите реальную ценность

В среднем посетитель сайта получает около 3-4 попапов при первом его посещении: уведомление о файлах cookie, предупреждение о политике конфиденциальности, окно “Подписаться” и окно “Разрешить использовать ваше местоположение”. Подумайте дважды перед тем, как заставить пользователей увидеть и нажимать на еще большее количество попапов. Возможно, они просто зашли посмотреть на ваш сайт! И то, как вы относитесь к посетителям через свои попапы, может повлиять на то, останутся ли они на сайте или забудут навсегда ваше доменное имя. Убедитесь, что вы показываете попапы только тогда, когда они уместны, и постарайтесь, чтобы они были удобными для пользователя. 

Сегментация и таргетинг

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

• геотаргетинг (показ разных сообщений для пользователей из разных регионов);

Пример попапов на основе геотаргетинга

• таргетинг на основе источника трафика (Google, Facebook ads, email кампании и т.д.);
• таргетинг на основе кампании (содержимое каждого попапа соответствует кампании, которую пользователь уже видел);
• таргетинг по вовлеченности (отслеживание количества страниц, просмотренных посетителями, время на странице, вернувшиеся клиенты и т.д.);
• таргетинг на основе корзины (отображение рекомендаций товаров на основе содержимого корзины);
• исключение ранее подписанных посетителей. 

Персонализация

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

Оцените эффективность работы попапа и внесите коррективы

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

1. в первую очередь, проанализируйте, как попапы влияют на конверсию вашего сайта в целом и на конверсию каждой страницы отдельно;
2. если у вас есть многоэтапная pop-up кампания или вы используете кнопку звонка, измерьте каждый из шагов по отдельности: посчитайте количество кликов и звонков и количество целевых действий;
3. проведите A/B, A/A/B тестирование, чтобы понять, как определенные фразы, формы, изображения и призывы к действию воспринимаются посетителями сайта;
4. создавайте разные всплывающие кампании для настольных и мобильных пользователей и измеряйте их отдельно, чтобы получить достоверные результаты. 

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

Как измерить эффективность попапов?

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

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

Существует намного больше метрик и вариантов настройки, мы перечислили только основные. 

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