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

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

Зачем нужен поп-ап

Поп-апы на сайте — это возможность улучшить взаимодействие с посетителями страницы, например:

1. Собрать данные

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

2. Собрать лиды

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

3. Улучшить поведенческие факторы 

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

Поп‑апы делятся на два вида: hello‑board и page‑stop. Первые перекрывают только часть экрана и не блокируют функционал страницы. Второй вид перекрывает большую часть экрана и требует целевого действия от пользователя. На скриншоте представлен page‑stop поп‑ап.

Когда и как использовать поп‑ап

Поп‑ап на сайте — полезный элемент, который повысит конверсию. Но важно соблюдать рекомендации по использованию всплывающих окон:

1. Используйте поп‑апы там, где это необходимо. Не нужно требовать от пользователя данные до того, как он ознакомился с контентом.

2. Обогащайте пользовательский опыт. Предлагайте скидки, акции, лид‑магниты.

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

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

Чтобы сделать эффективный поп‑ап, придерживайтесь нескольких правил:

1. Объясните ценность: пользователь должен понять, что он получит за имейл или номер телефона — скидку или подарок.

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

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

4. Используйте единый стиль: поп‑ап должен соответствовать дизайну основной страницы.

5. Адаптируйте поп‑ап для мобильной версии сайта.

6. Экспериментируйте: создавайте разные окна, добавляйте их в разные места страницы, тестируйте бонусы.

Как добавить поп‑ап на сайт

Поп‑апы можно создать с помощью специальных сервисов‑конструкторов вроде Tilda или Carrot quest или вручную — нанять человека, который соберёт поп‑ап и добавит код на сайт.

Собрать поп‑ап можно в конструкторе Tilda: для этого нужен тариф Personal или Business. Инструмент позволяет работать с множеством настроек: форматы всплывающих окон, способы появления блоков, таймер и так далее.

Что запомнить

1. Поп‑ап — всплывающее окно на сайте, которое привлекает пользователя, вовлекает в воронку продаж и собирает данные.
2. Поп‑ап поможет увеличить конверсию, собрать лиды, поделиться полезными файлами, улучшить поведенческие факторы.
3. Существует два вида всплывающих окон: hello‑board и page‑stop: первый занимает лишь часть экрана, второй перекрывает доступ к странице.
4. Чтобы поп‑ап был эффективным, нужно: объяснить ценность совершения действия, учесть контекст страницы, дать возможность отказаться, использовать единый стиль, адаптировать поп‑ап для мобильной версии и продолжать экспериментировать, чтобы найти наиболее эффективный вариант.
5. Добавить поп‑ап на сайт можно с помощью сервисов‑конструкторов или вручную — написать код и добавить его на сайт.