Pop-up: виды всплывающих окон

Здравствуйте!

Pop-up - так называется окно, всплывающее поверх основного контента на сайте.

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

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

Программы для поп ап

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

В этой таблице мы собрали 5 топовых информеров для создания pop up на веб-ресурсе. Они все одинаково функциональны, выбирайте, какой больше понравится.

Помимо специальных плагинов и сервисов для pop-up функцию его настройки можно поискать у конструкторов типа PlatformaLP, Ukit, Flexbe.

Виды всплывающих окон

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

Поп-ап по центру экрана

Поп-ап на весь экран

Поп-ап внизу экрана

Поп-ап вверху экрана

Поп-ап с таймером

Поп-ап, блокирующий контент

Цели поп-ап

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

1. Приветствие

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

Форма открывается только при первичном входе на ресурс или после прохождения регистрации в личном кабинете.

В окне пропишите скидку на заказ или бонус за подписку на рассылку.

Приветствие

2. Подписка на email-рассылку

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

Подписка на email-рассылку

3. Подписка на push-уведомления

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

Подписка на пуш

4. Регистрация на сайте

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

Регистрация

5. Подтверждение локации

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

Подтверждение локации

6. Подписка на соцсети

Такие баннеры обеспечат Вам стабильный поток целевых пользователей в различные социальные аккаунты.

Это очень положительно повлияет на рост аудитории в сообществах Вашей компании.

Подписка на соцсети

7. Информирование о скидках и акциях

Информация такого рода в поп-ап повышает эффективность рекламных кампаний и привлекает внимание к маркетинговым мероприятиям.

Форма может показываться как при первичном входе на сайт, так и при повторном.

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

Информирование о скидках и акциях

8. Реклама мероприятия/события

Окно обеспечит Вам стабильный поток участников мероприятия.

Помимо этого, повысится его узнаваемость среди аудитории и запустится сарафанное радио.

Реклама мероприятия/события

9. Помощь при взаимодействии

Здесь поп-ап выступит в роли путеводителя Ваших клиентов по ресурсу и сделает обзор по разделам и их функциям.

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

Помощь при взаимодействии с сайтом

10. Получение обратной связи

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

Взамен на фитбек пользователям можно предложить бонус.

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

11. Заказ обратного звонка

Pop up окно обеспечит коммуникацию между клиентами и Вашими менеджерами по продажам.

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

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

Заказ обратного звонка

12. Сбор вопросов

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

Сбор вопросов

13. Проведение опроса

Ответы конкретного пользователя на такую форму позволят Вам адаптировать контент под него.

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

Проведение опроса

14. Заполнение заявки

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

Сбор заявок

15. Удержание клиента

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

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

Удержание клиента

16. Формы с кнопкой

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

Форма с кнопкой

17. Встроенная форма (сбор данных)

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

Встроенная форма

18. Брошенная корзина/напоминание о покупке

Такой поп-ап напоминает пользователю, посетившему интернет-магазин, о просмотренных им товарах и отложенных в корзину. Подталкивает клиента к покупке.

Напоминание о покупке

19. Геймификация

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

Игра

Советы для всплывающих окон на сайте

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

Внедряйте их на своем ресурсе и собирайте урожай лояльных и готовых купить клиентов:

1. Время показа. Не показывайте поп-ап в первые секунды. Дайте пользователю освоиться. Окно с горящим предложением может отпугнуть своей напористостью;
2. Значок закрытия. Не скрывайте крестик, отвечающий за сворачивание окна. Если пользователь не увидит кнопку закрытия в первую секунду, он, скорее всего, покинет сайт;
3. Звук. Исключите звуковое сопровождение при появлении pop-up. Это может быть короткий сигнал, точно не рекламная голосовая запись или фоновая мелодия - они отвлекают;
4. Текст. Посетитель не станет тратить время на чтение в поп-ап простыни текста. К тому же, выглядеть оно будет так себе: мелкий нечитаемый шрифт, множество абзацев;
5. Маркетинговые фишки. Используйте в всплывающих окнах такие фразы, как, “бесплатно”, “специально для Вас”. Они станут неплохими триггерами для привлечения клиентов;
6. Дизайн. В оформлении pop up придерживайтесь фирменного стиля, корпоративных цветов. Если форма сочетается с сайтом, она внушает доверие;
7. Количество окон. Не используйте большое количество поп-апов на одном ресурсе, даже если они выполняют разные функции. Такая активность вызовет ощущение назойливости;
8. Пояснение. Рассказывайте пользователю, зачем Вы просите его заполнить поля. Например, “Укажите город, и Вы увидите, есть ли товар в наличии";
9. Повторы. Если пользователь заходит на Ваш ресурс не первый раз, учитывайте его прошлые действия. Например, если он уже подписался на рассылку, не предлагайте ее снова;
10. Настройка показов. Дайте гостям сайта возможность сообщить о своем отношении к popup. Разместите кнопку отключения всплывающих окон.

Коротко о главном

Утверждение, что всплывающие окна не приносят пользу бизнесу, а лишь раздражают посетителей сайта - это миф. На самом деле, поп-апы - мощный маркетинговый инструмент, который положительно влияет на уровень продаж, информирование клиентов и качество обслуживания. И, конечно, если Вы хотите самостоятельно разработать поп-ап окно, то рекомендуем воспользоваться сервисами GetSiteControl, JumpOut, Plerdy и Leadgenic.

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

В заключение, обобщу все вышесказанное плюсами и минусами всплывающих окон для веб-страниц:

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

• Возможность заблокировать/скрыть поп-апы в браузере;
• Риск снижения скорости работы сайта;
• Расценивание всплывающих окон как спама.

При правильной разработке pop-up окон можно добиться вполне высокой конверсии. Главное, помните, что стоит учитывать не только хорошо проработанную форму, но и поведение пользователей. Важно анализировать ЦА: что она делает, на что тапает и тд. И только тогда можно говорить о правильно спроектированном поп-ап окне :)

До новых встреч!