Что такое попап, примеры всплывающих окон и сервисы для их создания

Попап (Pop Up) — это элемент интерфейса, который может вызываться по клику или всплывать без запроса пользователя поверх основной страницы сайта в браузере, простыми словами — это всплывающие окна на сайте. 

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

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

1. Нередко их используют слишком активно, размещая на странице 3-5, а то и больше. Это может оттолкнуть посетителей, снизить трафик на сайт и повысить количество отказов.  
2. Содержимое окон делают кричащим, со счетчиками обратного отсчета и призывами немедленно что-то купить.
3. Когда попап перекрывает доступ к контенту и нет возможности убрать его, это воспринимается негативно. 

Так, в 2019 году компания SUMO проанализировала почти 2 миллиарда всплывающих окон и выяснила, что их конверсия может достигать 9,28 %, а средняя конверсия составляет 3,09 %, что тоже совсем неплохо. SUMO за 2 года собрала с помощью pop-up огромную базу контактов потенциальных и действующих клиентов: 23 645 948 адресов электронной почты.

Присоединяйтесь к нашему Telegram-каналу!

• Теперь Вы можете читать последние новости из мира интернет-маркетинга в мессенджере Telegram на своём мобильном телефоне.
• Для этого вам необходимо подписаться на наш канал.

В целом попапы решают три глобальные задачи:

1. Лидогенерация — сбор контактов заинтересованных пользователей для дальнейшей работы.
2. Увеличение времени посещения сайта и глубины просмотра — важных для SEO-продвижения поведенческих факторов.
3. Повышение конверсионности сайта — и вот это уже совсем серьезно, потому что про деньги.

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

Продвижение молодого сайта с нуля — как выйти в ТОП и не слить бюджет на SEO

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

Попап-окна: примеры практического применения

Попап-окна всегда предлагают посетителям сайта совершить какие-то действия, направленные на решение этих задач. Мы насчитали как минимум 18 вариантов таких действий. Вот что часто предлагают пользователям:

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



2. Подписаться на рассылку и следить за новостями сайта/компании. Вспомнив о результате компании SUMO, можно с уверенностью сказать, что механика работает.



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



4. Получить скидку. Хороший, понятный и работающий вариант побудить человека совершить какие-то действия на сайте.



5. Принять участие в акции. Можно просто напомнить человеку о конкретной акции, а можно...



6. Оценить качество товаров или услуг. Фактически это сбор отзывов непосредственно на сайте: так можно получить оперативную обратную связь и подчеркнуть важность мнения конкретного человека. Последнее неплохо для поддержания лояльности аудитории.



7. Поучаствовать в опросе. Такой мини-опрос пригодится для подготовки индивидуального коммерческого предложения.
8. Разобраться во взаимодействии с сайтом. Попап-окна с подсказками помогут понять, как заполнить форму, как связаться с представителями компании или что сделать, чтобы получить скидку.
9. Заказать обратный звонок. В окне, которое появляется по клику на кнопку обратного звонка, можно ввести номер телефона.



10. Не бросать корзину. Нередкая ситуация: неавторизованный пользователь зашел на сайт, положил несколько товаров в корзину и собрался уходить. В этом случае уместно напомнить ему, что для сохранения корзины на сайте необходимо авторизоваться. Для бизнеса это возможность в дальнейшем настроить на такого пользователя ретаргетинг и напоминать ему о незавершенном заказе.
11. Поделиться контентом. Репосты контента — золото блогов. Рационально продемонстрировать пользователю окно с предложением поделиться контентом.



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



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



15. Полнее использовать функционал сайта. Если какие-то функции появились недавно или используются неактивно, можно сообщить о них.



16. Узнать о поступлении товара или о снижении его цены. Эта механика повышает комфорт для пользователя и может позитивно повлиять на объемы продаж.



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

Создание сайтов

• Разработка эффективных сайтов для продаж в интернете.
• Создаем сайты с нуля любой сложности, от сайтов визиток до интернет-магазинов и крупных порталов.

Выбор попапа для сайта

Попап-окна делятся по условиям показа, целям и количеству касаний с пользователями.

1. Приветственное окно, или entry pop-up. Появляется сразу после перехода пользователя на страницу. Может демонстрироваться только тем, кто зашел на сайт впервые или в режиме инкогнито, а может появляться при каждом посещении.

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

Если такое окно перекрывает практически весь контент сайта, оно называется page-stop.



Приветственный page-stop считается одним из наиболее агрессивных и раздражающих видов всплывающих окон. 

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

Приветственные окна могут помочь сегментировать целевую аудиторию. Например, функционал pop-up может включать выбор пола («Выберите интересные вам товары — Мужское — Женское») для точной настройки последующей рассылки.



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



2. Окно пролистывания, или scroll pop-up. Появляется после того, как пользователь пролистал определенную часть контента: обычно это от 40 до 70 %. Окно пролистывания можно использовать, чтобы попросить поделиться контентом, донести информацию об акциях...



А еще с помощью попап-окон пролистывания можно приглашать заинтересованных пользователей...



3. Окно с отсрочкой по времени, или timed pop-up. Вариант окна пролистывания, но привязанный не к просмотру контента, а ко времени пребывания посетителя на сайте. Хорош тем, что можно проанализировать маркетинговые данные, понять, какое время в среднем проводят на сайте пользователи, и показывать попап близко к этому времени.

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



Можно использовать их и чтобы пополнить подписную базу. Причем можно сделать это не прямым призывом «Подпишитесь на нашу рассылку и получайте новости»...



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



4. Выезжающие окна, скроллбоксы или pop-out. Они выезжают сбоку, сверху или снизу экрана при совершении конкретного действия. Но не обязательно: скроллбоксы могут быть закреплены в определенном месте экрана — справа или слева, снизу или сверху.

Используются такие попап-окна для подсказок пользователям...



Можно использовать скроллбоксы и для сбора подписной базы.



Еще возможный вариант использования — как pop-up для обратной связи.



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

5. Попап-окно с появлением по клику, или click pop-up. Вариант, при котором всплывающее на экране окно появляется при совершении пользователем конкретного действия — клика. Хорошо то, что его видят только заинтересованные люди, плохо — если клика не будет, оно не появится вовсе.

Click pop-up можно использовать для показа формы обратной связи, для подсказок по работе с интерфейсом сайта…

Попап-окна с появлением по клику логично использовать и для заказа обратного звонка...

Возвращающие окна, или exit pop-up. Их также называют «ловцами лидов» — они появляются в момент, когда человек уже готов покинуть сайт, не совершив ни одного нужного владельцу сайта действия. В каком-то смысле это попап последней надежды, он всегда ориентирован на удержание пользователя.

В exit pop-up можно предложить…

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

Можно использовать возвращающие попап-окна для получения быстрой обратной связи.

Еще один вариант — предложить пользователю пройти небольшой опрос...

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

Что такое лид в продажах и лидогенерация

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

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

Используют многошаговые попап-окна и для тестирования...

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

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

Продвижение сайта по лидам

• Никаких абстрактных показателей эффективности SEO.
• Оплата продвижения только за совершенные целевые действия: заявки, звонки, оформление заказа, регистрация.

Создание попапа: подборка российских сервисов

Leadgenic

Сайт: https://leadgenic.ru/

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

• Бесплатные возможности: есть полностью бесплатный тариф с ограниченным функционалом.
• Стоимость: от 23 рублей в сутки в зависимости от масштабов и задач бизнеса.

JumpOut

Сайт: https://makedreamprofits.ru/

Этот российский сервис для создания попап-окон отлично работает с «Яндекс.Метрикой», что важно для настройки сквозной веб-аналитики. Требуется установка кода сервиса на сайт.

• Бесплатные возможности: есть полностью бесплатный тариф с ограниченным функционалом.
• Стоимость: тарифы до 999 рублей в месяц.

Mindbox (бывший PopMechaniс)

Сайт: https://mindbox.ru/

Сервис, а точнее, отдельный модуль Mindbox по персонализации, которым стал PopMechanic, предоставляет пользователям статистику по показам попап-окон и их заполнению. Требует установки на сайт кода. Заявлены более 150 шаблонов.

• Бесплатные возможности: есть демоверсия.
• Стоимость: подписная модель. Минимум — 12 480 рублей в месяц.

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

18 лучших конструкторов или как сделать сайт бесплатно

Вместо вывода. 10 ошибок при создании попапов

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

1. Поспешность. Если показывать любые окна, кроме приветственных, в первые секунды пребывания человека на сайте, он не поймет, о чем идет речь и насколько ему это интересно, и может уйти. Исключение составляют компактные окна, уточняющие локацию: они воспринимаются как полезная подсказка.



2. Агрессивные окна. Крупные счетчики обратного отсчета или предложения подписаться в приветственном pop-up, когда человек еще даже не понял цель подписки, могут сослужить плохую службу бизнесу.



3. Неумеренность. Видеть сразу 2-3-4 всплывающих окна на сайте неприятно и обременительно. Часть пользователей может просто уйти, натолкнувшись на такую навязчивость.



4. Незаметная кнопка «Закрыть окно». Прятать такую кнопку, делать почти невидимой или видимой не сразу — не самая лучшая задумка в момент, когда информационная конкуренция в интернете растет. Пользователю должно быть удобно на сайте, а квесты с поиском заветного «крестика» удобству точно не способствуют.



5. Автоматическое включение звука. Возможность сделать звуковое сопровождение есть на сервисах по созданию pop-up. Но лучше дать возможность человеку самому включить звук: это хороший тон и показатель уважительного отношения к посетителям сайта.
6. Отсутствие полезной информации. Не скупитесь на полезную информацию, ведь она делает человека более лояльным. Например, расскажите о возможностях бесплатной доставки или напомните о сроке действия промокода — это выгодно и продавцу, и покупателю.



7. Желание обойти адблокеры, если человек их установил. Покажите пользователю, что уважаете его выбор...



8. Показ одного и того же окна несколько раз. Вновь возвращаемся к теме навязчивости — одного показа за одно посещение вполне достаточно, чтобы не раздражать пользователя. И не вызывать у него усталость от рекламы, или ad fatigue.
9. Показ рекламы с места в карьер. Не размещайте в качестве приветственного окна стороннюю рекламу...



10. Отсутствие мотивационной составляющей. Если не просто предложить подписаться на рассылку, а сделать выгодное мотивирующее предложение...