Попап: что это такое и как он поможет увеличить конверсию

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

Расскажем, как и где правильно использовать попап для роста продаж.

Что такое попап и зачем он нужен

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

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

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

Предложение продуктов по символической цене (трипваер). Трипваер включает в себя информационный фрагмент с ярко обозначенной ценой и кнопкой покупки. Часто такой товар выступает в роли дополнения к основному продукту или полезного бонусного предложения. Например, в онлайн-университете им может быть короткий курс за 90 рублей.

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

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

Большинство клиентов предпочитает звонить. С помощью Коллтрекинга Calltouch определите, какая реклама приносит целевые заявки, а какая — тратит бюджет. 

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

Это позволяет уменьшить bounce rate, или показатель отказов. Чем он выше, тем сложнее сайту попасть в топ выдачи — это негативно сказывается на продажах и доходе. Если попап мотивирует пользователя задержаться на сайте, посмотреть каталог или сделать заказ, метрики сайта улучшатся.

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

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

Преимущества попапов

Попапы можно:

• выводить на определенной странице или в конкретном месте при скролле;
• показывать сразу или с временной отсрочкой;
• демонстрировать после действия пользователя. 

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

Маркетинг

Читайте также:

Инструкция по добавлению комментариев «ВКонтакте» на свой сайт

Инструкция по добавлению комментариев «ВКонтакте» на свой сайт

Типы всплывающих окон по внешнему виду

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

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

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

В окне «Да/Нет» выбор варианта «Нет» ведет к закрытию попапа. У окна формата «Да/Да» обе кнопки приводят пользователя в одно место — на конкретную страницу сайта.

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

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

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

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

Типы всплывающих окон по цели

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

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

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

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

Опрос. С помощью попапа можно собирать данные и ближе знакомиться с клиентом. Это помогает персонализировать маркетинговые кампании и улучшить продукт.

Типы всплывающих окон по триггеру или таргету

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

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

Намерение уйти со страницы. Exit-popup — способ удержать аудиторию на сайте. Он демонстрирует выгодное предложение, которое может заинтересовать пользователей. 

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

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

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

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

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

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

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

Follow-up на сайте. Анализирует взаимодействие пользователя с сайтом и на основании этих данных предлагает показать другие всплывающие окна. С помощью такого формата можно увеличить число регистраций и продаж. 

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

Как оформить эффективный pop-up

Несколько рекомендаций для создания всплывающего окна:

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

Элементы всплывающего окна

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

Заголовок и текст

Первая фраза — заголовок, захватывающий внимание. Сделайте его кратким, информативным и полезным для читателя. Предложите: 

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

Изображение

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

Можно дополнить картинкой лид-магнит: добавить обложку книги или иллюстрацию к курсу.

Детали

В зависимости от назначения попапа, можно добавить:

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

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

Поле ввода почты

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

CTA кнопка

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

Согласие на обработку персональных данных клиентов

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

Почему лучше не делать несколько попапов на странице

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

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

Как сделать всплывающее окно

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

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

• Hello Bar; 
• Mailmunch;
• Getsitecontrol;
• AddThis.

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

Разница между программами заключается в количестве доступных инструментов.

Маркетинг

Читайте также:

Что такое директ маркетинг и как его использовать

Что такое директ маркетинг и как его использовать

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

У каждой CMS свои плагины. Например, владельцы сайтов на WordPress могут использовать в качестве конструкторов:

• Popup Builder;
• Hubspot;
• Ninja Popup;
• Cherry PopUps.

Tilda тоже дает возможность настроить попапы с помощью сторонних сервисов и добавить плагины — подробная информация об этом есть на Tilda Education.

Чтобы собрать заявки даже в нерабочее время и увеличить конверсию сайта на 30%, попробуйте окно Обратного звонка Calltouch. Это виджет, который можно установить в два клика и настроить под задачи сайта. Платить вы будете только за состоявшиеся телефонные переговоры с оператором или менеджером.

Заключение

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