Что такое попап для сайта и как его создать

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

Pop-up – буквально означает «возникать внезапно», именно так работают данные элементы на странице, а вот будет это в плюс или минус зависит от разных моментов. Хорошо, когда всплывающие баннеры не раздражают гостя, не вызывают желания мгновенно закрыть сайт и почистить кэш; когда они вдохновляют что-то купить, задержаться на сайте или подписаться на рассылку.

Давайте проведем мини-исследование:

  • Какая структура идеальна для такого баннера?
  • Где лучше размещать поп-апы?
  • Когда они должны всплывать?
  • Есть ли программы для создания pop-up, что умеют и сколько стоят?

Как сделать классный поп-ап?

Начнем с простого вопроса: для чего нужен Pop-up? Все они служат конверсии вашего сайта или интернет-магазина, но какого именно целевого действия вы ждете от человека, который его увидит. Это может быть что угодно:

  • Побуждение к оформлению корзины здесь и сейчас: предлагаем скидку на первую покупку, акционный товар, бесплатную доставку или участие в розыгрыше призов.
  • Привлечение лида в воронку: просим посетителя оставить контактные данные, обещаем что-нибудь полезное.
  • Донесение важной информации: например о том, что запланированы технические работы и сайт определенное время будет недоступен.
  • «Дожим» при повторном визите: показываем товар, который человек просматривал в прошлый раз.
  • Получение обратной связи: мини опросы по качеству сервиса или продукта, юзабилити сайта.
  • Удержание гостя: «не уходите, у нас есть для вас дополнительная скидка!».
Поп-ап на сайте Zendesk, собирающий данные лидов

Основной месседж – это то, что точно должно быть в поп-апе; формулируем лаконично, в tone of voice компании, пусть он содержит не только уникальное торговое предложение, но и призыв к действию. Привычная структура: название бренда или логотип, заголовок, подзаголовок, СТА, дополнительно могут быть: поле для ввода данных (контактов); мелкая приписка, которая уточняет условия акции.

Немного остановимся на Call to Action, здесь советуем употреблять глагол: записаться (на бесплатный урок), протестировать (приложение), получить (скидку), узнать (о сервисе).

Pop-up в системе KeyCRM, целевое действие: подписка на соцсети

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

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

Герой рекламы для любителей спорта

Шрифты лучше выбрать те же, что и на вашем сайте. Идеальный размер рекламного окошка – в пределах 560 x 600 пикселей. Классно выглядит затемнение фона сайта или темный фон самого попапа. И не забывайте, почти все любят котиков.

Кошачья форма всплывающего окна

Персонализация (обращение по имени или с упоминанием источника входа «гость из Facebook») также способна порадовать потенциального клиента.

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

Еще одна возможность закрыть поп-ап: ссылка

Когда показывать pop-up?

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

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

Exit-intent поп-ап: работает на удержание

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

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

Интересный вариант формы подписки,
для тех, кого пугает спам

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

Где разместить поп-ап?

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

Программы для создания поп-апов

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

OptinMonster

Приложение для лидогенерации, о котором мы упоминали в статье «Программы для интернет-магазинов 2: как повысить продажи», в нем есть и функционал поп-апы:

  • Различные виды всплывающих окон: классические, с прокруткой, игровые колеса
  • Спецэффекты: подсветка, лайтбоксы, плавающие полосы
  • Библиотека с более чем 60 шаблонами
  • Программирование показов
  • Адаптация к экранам смартфонов
  • Опция персонификации поп-апов на основе таргетинга, в том числе по гео-локации
  • Сбор аналитики и A/B тестирование вариантов
  • Интеграции с email, популярными платформами WordPress, Shopify, Magento, Prestashop и т.д
OptinMonster

Цена: есть разные пакеты, в зависимости от количества сайтов, просмотров, включенных функций – 9$, 19$, 29$, 49$/месяц. Бесплатного триала нет.

Popupsmart

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

  • Готовые блоки, которые нужно лишь заполнить текстом
  • Современные и стильные шаблоны всплывающих окон
  • Тизерные поп-апы, которые демонстрируют кампании в мини формате
  • Настройка показов в зависимости от таргетинга и поведения посетителя сайта
  • Персонализация с помощью смарт-тегов
  • Оптимизированные формы для сбора данных
  • Интеграции с CRM-системами, сервисами Google и т.д.
Popupsmart

Цена: есть бесплатная версия, включающая 1 сайт, 5 тысяч просмотров, 1 Popup; а дальше в зависимости от просмотров – от 32,5$ (до 100 тыс. просмотров), с безлимитом по другим пунктам.

SendPulse

Украинская компания, которая предоставляет разнообразные инструменты для автоматизации маркетинга и продаж, мы упоминали о ней в обзоре «Конструкторы для чат-ботов Telegram». Поможет:

  • Создать поп-апы по различным сценариям (включено 22 готовых)
  • Выбрать подходящий шаблон из многих вариантов: всплывающие, перекрывающие, модальное окно, с видео и виджетами чатов
  • Автоматически подстроиться под любые экраны: мобильные, десктопы
  • Настроить действия (показы) под пользователя по параметрам: время визита, поведение на сайте, источник входа и т.д.
SendPulse

Цена: free-версия (0 грн.) включает в себя 10 тыс. уникальных посетителей в месяц, 3 сайта, 10 поп-апов, компромисс – размещение лого SendPulse. Стандартный план – от 264 грн. в месяц: больше посетителей, безлимит окошек и сайтов.

Кроме упомянутых выше программ, есть встроенные в конструкторы и «движки» сайтов: WordPress Popup Builder, Wishpond Free Pop-up Builder for Shopify и многие другие. Их можно найти на маркетплейсах платформ.

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

Анна Горбатова
Маркетолог в KeyCRM. "За" автоматизацию бизнеса даже на старте, чтобы у всех хватало времени на книги и котиков 🙂