Pop Up: гайд по назначению и типам всплывающих окон
Чтобы заполучить клиента, нужно не только привлечь его на сайт, но и акцентировать внимание пользователя на выполнении целевого действия. Попап – это мощнейший инструмент в арсенале маркетологов, который помогает повысить конверсию веб–ресурса. Он представляет собой всплывающее окно, расположенное поверх основного содержимого страницы.
Игнорировать этот элемент дизайна попросту невозможно: pop up мешает изучать основной контент, оставляя посетителю портала выбор между тем, чтобы закрыть окно, либо выполнить определенное действие – заполнить форму обратного звонка, подписаться на рассылку, перейти в раздел с акциями и скидками. В статье обсудим, какие виды pop up бывают, и как создать элемент дизайна, который не будет вызывать раздражения у пользователей.
Зачем нужен всплывающий попап?
Временное окно, содержащее поля для заполнения, кнопки и другие интерактивные элементы, с которыми может взаимодействовать юзер, может быть использовано для самых разных целей:
- Привлечение внимания. Рассказывайте о специальных предложениях, ограниченных по времени, стимулируя переход в определенный раздел вашего сайта;
- Сбор контактных данных. Предлагайте пользователям зарегистрироваться или оставить адрес своей электронной почты, чтобы получать полезный контент и индивидуальные предложения. Эти контакты можно использовать для дальнейшей коммуникации с клиентом и его продвижения по воронке продаж;
- Повышение конверсии сайта. Для того чтобы посетитель веб–ресурса стал вашим клиентом, нужно побудить его выполнить определенное целевое действие – подписаться на рассылку, оформить покупку, заказать обратный звонок. Маркетологи знают, что popup – это отличный способ повысить конверсию.
Способы оформления всплывающего окна практически безграничны: настройки позволяют сделать так, чтобы попап появлялся через определенное время, проведенное пользователем на портале, при попытке закрыть страницу или после клика в определенном месте.
Типы попап–окон
Выбор конкретного типа pop up и настройка времени его появления напрямую зависят от целей использования данного элемента.
Приветственный поп-ап (Welcome Pop Up)
Такое окно встречает пользователя сразу после загрузки страницы. Как правило, его используют для того, чтобы проинформировать о важных событиях: например, текущей акции или возможности прямо сейчас поменять свой контакт на скидку.
Важно настроить этот элемент таким образом, чтобы он не мешал просмотру основного контента и появлялся только перед уникальными посетителями, ведь слишком навязчивая реклама способна утомить даже самых преданных клиентов.
Поп-ап со всплытием по клику (Click Pop Up)
Эта попап форма появится перед юзером только в том случае, если он тапнет по определенной кнопке на странице или нажмет на ссылку. Такой тип позволяет предоставить пользователю предложение именно тогда, когда оно особенно актуально. Например, реализованное в виде кнопки «Узнать больше» всплывающее при просмотре контента окно повышает количество переходов. Очень важно, чтобы такой элемент дизайна соответствовал общему контексту содержимого страницы и предлагал посетителю действительно полезные функции или информацию.
Поп-ап с временной отсрочкой (Timed Pop Up)
Пользователь увидит это окно, только когда проведет на вашей площадке определенное количество минут, причем отсрочку по времени можно настроить в любом интервале с точностью до нескольких секунд. Такой pop up – это то, что нужно, когда необходимо дать посетителю время для изучения информации, размещенной на странице. Например, вы можете настроить появление элемента с предложением персональной консультации, когда потенциальный клиент провел на странице с корзиной более 5 минут, но так и не оформил заказ.
Поп-ап по пролистыванию (Scroll Pop Up)
Это сообщение появляется, когда читатель пролистывает (скролит) страницу ресурса до определенного уровня. Он направлен на удержание внимания юзера, которому может быть предложен релевантный контент, консультация или бонус за то, что посетитель дочитал ваш материал до конца.
Прощальный поп-ап (Exit Pop Up)
Прощальный поп ап – это то, что поможет удержать посетителя, когда он уже собирается уходить. Кроме того, такой интерактивный элемент позволяет собирать контакты лидов, увеличивать глубину просмотра и, в целом, повышать конверсию ресурса. Он появляется мгновенно, когда человек готов закрыть страницу и уже кликает по крестику в правом верхнем углу. Стоит тщательно настраивать время появления окна, чтобы не вызвать раздражение пользователя несвоевременным действием.
Маркетинговые лайфхаки по созданию всплывающих окон
Как правило, конструкторы сайтов предлагают шаблонные формы оформления pop up, однако не всегда использование такого элемента приводит к росту выручки. Если окно будет появляться несвоевременно или мешать пользователю выполнять какие–то действия на вашей площадке, вы добьетесь прямо противоположного эффекта: вместо роста конверсии получите увеличение процента отказов. Как сделать попап, который работает?
- Определите цель создания элемента. Прежде, чем разрабатывать дизайн элемента, решите, зачем он вам нужен. Четкое понимание цели поможет создать попап, решающий бизнес–задачи: сбор клиентских данных, выполнение конверсионных действий, подключение менеджера к процессу закрытия сделки.
- Используйте разные типы всплывающих окон. Порой для выполнения маркетинговых задач единственного попапа недостаточно. Проанализируйте путь пользователя, чтобы понять, на каком этапе такой элемент поможет вам привлечь и удержать внимание потенциального клиента.
- Не перегружайте элемент информацией. Длинным текстам здесь не место! Пользователи не будут тратить время на то, чтобы вникнуть в сложный оффер. Четкие, лаконичные предложения и внятный призыв к действию – ключ к успеху.
- Тестируйте и оптимизируйте. Обязательно проверьте, как отображается элемент на экранах разных устройств и насколько посетителю устройства удобно с ним взаимодействовать.