Курс: Продающий лендинг для вашего бизнеса Бесплатно
Создайте сайт с нуля за 40 минут и запустите продажи

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

Обсудить

В одной из предыдущих статей уже рассказывалось про всплывающие окна, в этой статье я хочу продолжить эту тему и рассказать о плюсах и минусах pop-up окон, а также о том, как сделать их эффективными.

Определение

Pop-up, или всплывающее окно, - сообщение в отдельном окошке, которое высвечивается пользователю при определенном триггере: переходе на сайт, нахождении на сайте в течение какого-то времени и т.д. Часто pop-up высвечивается тогда, когда пользователь наводит курсор на крест, чтобы закрыть вкладку с сайтом, - и всплывающее окно используется для удержания пользователя: ему предлагается скидка, подарок или просто просят подписаться на почтовую рассылку.

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

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

Всплывающие окна не стоит путать с push-уведомлениями, которые выглядят обычно так (браузер Chrome):Как сделать всплывающие окна эффективными

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

Плюсы и минусы

Перед тем, как добавить всплывающее окно на сайт, нужно взвесить все «за» и «против».

Преимущества всплывающих окон

  • Привлекают внимание пользователей, более эффективно доносят информацию
  • Повышают конверсию; например, приветственное сообщение может на 70% увеличить число покупателей
  • Просты в настройке, на популярные CMS можно добавить при помощи плагинов

Недостатки

  • Могут восприниматься как спам: некоторые пользователи устали от обилия всплывающих окон на сайтах и от необходимости их закрывать
  • Могут быть заблокированы в браузере у некоторых пользователей

Если же говорить в целом, то многое зависит от дизайна и уместности всплывающего окна - оно может как увеличить конверсию, так и вызвать раздражение (и снизить посещаемость).

Виды всплывающих окон

Базово их можно разделить на две группы:

  • Hello-Board
  • Page-Stop

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

Hello-Board - более лояльный вариант, когда окно закрывает небольшую часть экрана, а функционал сайта блокируется лишь частично.

А теперь к самим советам.

1. Больше конкретики

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

2. Меньше панибратства

Уважение - залог хорошей конверсии. Не надо «тыкать», не надо писать «Вы обязаны», не надо придумывать странные кнопки вроде «Нет, я не хочу получить бесплатный подарок». Думаете, это выделит вас из толпы и привлечет внимание? Возможно - но, скорее всего, в негативном ключе, когда пользователь закроет всплывающее окно и никогда больше не вернется на сайт.

3. Крестику - быть!

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

4. Больше тактичности

Чтобы привлечь внимание, необязательно показывать крупное сообщение посередине экрана - можно ограничиться небольшими вариантами, которые можно поставить в нижнем правом или левом углу. По этому пути пошли создатели портала Wait but why, которые поставили сообщение в нижний правый угол и шутят, что «По крайней мере это не всплывающее окно посередине экрана»:Pop-up

5. Больше сдержанности в дизайне

Дизайн всплывающего окна должен подчеркивать или дополнять основной посыл, а не отвлекать от него. Лучше использовать простые формы, чистые цвета и понятное расположение элементов (кнопка - внизу, крест - справа в углу).

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

6. Качество важнее количества

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

Заключение

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

Заказывайте виртуальный хостинг и VDS для своих проектов в компании Timeweb: https://timeweb.com/ru/services/vds/

Комментарии

С помощью соцсетей
У меня нет аккаунта Зарегистрироваться
Нажимая кнопку «Зарегистрироваться», я даю согласие на обработку своих персональных данных, указанных в форме регистрации.
С помощью соцсетей
У меня уже есть аккаунт Войти
Нажимая кнопку «Зарегистрироваться», я даю согласие на обработку своих персональных данных, указанных в форме регистрации.
Инструкции по восстановлению пароля высланы на Ваш адрес электронной почты.
Пожалуйста, укажите email вашего аккаунта
Ваш баланс 10 ТК
1 ТК = 1 ₽
О том, как заработать и потратить Таймкарму, читайте в этой статье
Чтобы потратить Таймкарму, зарегистрируйтесь на нашем сайте