Все статьи

Всплывающее окно при открытии сайта

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

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

Как это работает


Подобный вид рекламы также называют pop-up, что в переводе с английского означает «выскакивать наверх». Она представляет собой квадратное или прямоугольное окно, призванное привлечь и удержать внимание пользователя. А инструменты вёрстки и анимации позволяют создавать объекты произвольных форм, включая круглые, овальные, шестигранные и даже меняющиеся при наведении курсора.

При грамотном использовании всплывающее окно помогает:

  • Повысить конверсию. Лучший способ — показать ваше лучшее предложение поверх остальных. Вероятность совершения целевого действия повысится.

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

  • Проинформировать посетителей. Это должны быть важные сведения, которые способны повлиять на поведение потенциальных клиентов.

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

Какими бывают всплывающие окна


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

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

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

  • кликовые — появляются при нажатии кнопки. Упрощают регистрацию или предлагают наиболее удобный способ связи;

  • завершающие — всплывают при попытке закрыть сайт. Ещё один шанс показать финальное предложение. Этот инструмент нужно использовать очень осторожно — он вызывает больше всего раздражения.


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


Правила создания эффективной pop-up рекламы


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


А минус в том, что pop-up зачастую вызывает раздражение — слишком навязчивая реклама отпугнёт пользователя, который предпочтёт закрыть страницу.

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

  • Уместность. Если пользователь читает о ремонте турбокомпрессоров, ему вряд ли будет интересна автокосметика, даже если она продаётся на соседней странице.

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

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

  • Наличие призыва. Реклама должна подталкивать к простому действию — зарегистрироваться, ознакомиться с условиями акции, перейти к карточке товара.

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


Самый сложный способ — создать его самостоятельно. Само обращение можно сформировать при помощи простейших инструментов разметки — HTML и CSS. Если же вам нужно модальное окно, которое выбирает нужный момент появления, собирает информацию о пользователе и адаптируется к поведению посетителя сайта, придётся добавить немного JavaScript и jQuery.

К счастью, сегодня не обязательно быть программистом или верстальщиком, чтобы добавить на сайт всплывающее окно. Для этого есть готовые плагины с удобной настройкой в графическом меню — вы просто собираете их из готовых элементов по принципу конструктора. Мы выбрали следующие сервисы для создания pop-up.

  • СберЛид. Есть предустановленные сценарии показов и форматы окон. Полная адаптивность виджета — подходит для мобильных устройств. Совместим с большинством CMS, включая Tilda и Wordpress.

  • Getsitecontrol. Множество готовых поп-апов, которые встраиваются на сайт при помощи одной строчки кода — рекламы, опросники, кнопки социальных сетей, предложения обратной связи и так далее.

  • MailMunch. Конструктор форм с огромной библиотекой блоков, кнопок и других функциональных элементов. Ориентирован на e-mail подписки, но можно создавать и кликабельные ссылки.
  • AddThis. Полностью бесплатный, но достаточно сложный сервис для создания всплывающих окон. Чтобы использовать его, нужно знать хотя бы основы вёрстки.

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

Заключение


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