Поп-ап окно — что такое поп-ап окно на сайте с конкретными примерами

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

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

Попап окно используют в ситуациях:

• Отобразить важное предупреждение или ошибку;
• Показать важную рекламу — баннер или видео;
• Предложить человеку выбор;
• Захватить контакты.

Когда появляется попап окно?

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

Как должно закрываться попап окно?

• по клику на крестик на этом попап окне сверху справо обычно;
• по клику на пустое место (затемненное) с любой стороны от всплывшего окна.

Примеры попап окон

Попап окно с информацией об ошибке:

Попап окно с выбором способа платежа:

Простое попап окно с захватом контакта:

Попап окно с рекламой, обычно появляется при попытке пользователя покинуть страницу:

Попап окно с забором телефона, обычно появляется если пользователь на странице провел Х секунд:

Попап окно с захватом нескольких контактов:

Попап окно с забором контакта и иллюстрацией:

Попап окно с пошаговым заполнением формы заказа:

Почему мы применяем попап окно?

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

Почему?

Так показывает статистика. А почему так действуют пользователи можно только предположить:

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