Всплывающие окна или поп-апы (от английского pop-up) помогают сообщить о скидке, предложить подписку, собрать контакты или вернуть посетителя к покупке. Рассказываем, какими бывают поп-апы и как их создавать.
Виды окон по расположению
Обычно используются два типа:
• Небольшие панели сверху, снизу или сбоку страницы. Они не закрывают текст, карточки товаров и другие элементы, подходят для сообщений об акциях, подписках, напоминаниях о доставке.
• Заметные окна по центру экрана, перекрывающие часть страницы или весь обзор, которые сразу привлекают внимание. Такие элементы стоит настраивать аккуратно, используя только для важных сообщений: подарок, промокод, завершение заказа.
Когда лучше показывать всплывающие окна
Окно можно настроить под разные действия:
■ **сразу после загрузки страницы **— для срочных объявлений, изменений в работе сайта;
■ после прокрутки страницы, когда гость уже начал читать статью или изучать товар;
■ при нажатии на кнопку — для заказа обратного звонка или получения счета;
■ через заданное время, если посетитель задержался на странице;
■ при попытке уйти — когда курсор движется к закрытию вкладки браузера.
В первые секунды пребывания на площадке форму лучше не показывать, так как человек может еще не до конца понимать, куда попал, поэтому велика вероятность, что он закроет страницу вместе с окном.
Как создать всплывающие окна
Распространены три основных способа.
Разработка с нуля под конкретный сайт. Владелец получает полный контроль над внешним видом и логикой появления, но это дороже, особенно на старте проекта, к тому же настройки будут сложнее.
Встроенные инструменты рассылок и CRM (англ. Customer Relationship Management — управление взаимоотношениями с клиентами). Способ удобен, если компания уже пользуется такими сервисами, но в этом случае может недоставать аналитических метрик.
Отдельные конструкторы окон. Они дают готовые макеты, правила показа, проверку разных вариантов и хорошо дружат с аналитикой. Из минусов — требуют абонентской платы и могут конфликтовать с редкими или старыми системами сайтов.
Сервисы для создания всплывающих окон
Callibri
Платформа для компаний из сферы услуг, торговли, медицины и строительства, где есть готовые отраслевые шаблоны, проверка разных вариантов, аналитика, учет источников переходов и передача заявок во встроенную CRM. Подходит тем, кому важна связка форм, звонков и заявок в одном кабинете.
Cleversite
Сервис больше известен умным онлайн-чатом, а всплывающие окна становятся частью общего модуля для общения с посетителями. Решение подойдет небольшим проектам, где нужен чат и простые формы, в которых можно задавать время показа и повторные появления.
enKod
Ресурс для работы с клиентской базой и персональными сообщениями, который позволяет собирать контакты, учитывать историю покупок и делить аудиторию на группы. Рассчитан на средний и крупный бизнес, так как настройка требует времени, а стоимость выше, чем у простых конструкторов.
Getsitecontrol
Сервис для форм подписки, опросов и небольших поп-апов подключается через код, предлагает шаблоны и адаптацию под мобильные экраны. На базовых тарифах есть ограничения по показам и функциям. Интерфейс англоязычный, поэтому Getsitecontrol больше подойдет тем, кто работает с зарубежными инструментами.
