Всплывающие окна или поп-апы (от английского pop-up) помогают сообщить о скидке, предложить подписку, собрать контакты или вернуть посетителя к покупке. Рассказываем, какими бывают поп-апы и как их создавать.

Виды окон по расположению

Обычно используются два типа:

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

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

Когда лучше показывать всплывающие окна

Окно можно настроить под разные действия:

■ **сразу после загрузки страницы **— для срочных объявлений, изменений в работе сайта;

■ после прокрутки страницы, когда гость уже начал читать статью или изучать товар;

■ при нажатии на кнопку — для заказа обратного звонка или получения счета;

■ через заданное время, если посетитель задержался на странице;

■ при попытке уйти — когда курсор движется к закрытию вкладки браузера.

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

Как создать всплывающие окна

Распространены три основных способа.

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

Встроенные инструменты рассылок и CRM (англ. Customer Relationship Management — управление взаимоотношениями с клиентами). Способ удобен, если компания уже пользуется такими сервисами, но в этом случае может недоставать аналитических метрик.

Отдельные конструкторы окон. Они дают готовые макеты, правила показа, проверку разных вариантов и хорошо дружат с аналитикой. Из минусов — требуют абонентской платы и могут конфликтовать с редкими или старыми системами сайтов.

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

Callibri

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

Cleversite

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

enKod

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

Getsitecontrol

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