9 критических ошибок всплывающих окон, из-за которых вы теряете клиентов

Print Friendly, PDF & Email

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

Чрезмерное использование всплывающих окон раздражает 80% интернет-пользователей. Вспомните, сколько таких pop-upов вы уже закрыли на разных сайтах. Как, впрочем, и самих страниц.

Если ваше окно непродуманно, плохо сделано или настроено, вы не увидите желаемых результатов.

Тогда зачем вам pop-up?

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

Да, они раздражают посетителей. Но если вы настроите все правильно, до 70% потенциальных клиентов оставят вам свои контактные данные. Впечатляет?

Итак, правильный pop-up:

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

Если вы выполните эти условия, то увеличите время, проведенное человеком на сайте, и повысите коэффициент конверсий.

Но есть 9 ошибок, которые убивают весь эффект ваших всплывающих окон:

1. «Немобильные» pop-upы

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

В результате — вы упускаете огромную прибыль. Поэтому зайдите на сайт и проверьте свой pop-up. Он легко открывается и закрывается на маленьком экране смартфона? Если нет, уделите внимание адаптации вашего сайта под мобильные устройства.

2. Оцените работу плагина WordPress

Каждый плагин, который вы используете на этой платформе, замедляет ваш сайт. Медленный сайт – меньше трафика, соответственно, меньше продаж. Проверьте скорость загрузки с помощью сервисов Sitespeed.ru или PageSpeed Insights. На странице результата вы также получите перечень рекомендаций, как улучшить этот показатель:

Проверка скорости сайта

Но это не всё.

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

3. Некачественный дизайн pop-up

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

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

Например, вот как у нас это сделано на странице Лаборатории Онлайн Бизнеса:

  • всплывающее окно;
Pop-up на странице ЛОБ
  • страница мероприятия.
Лендинг ЛОБ

4. Хватит копировать, придумывайте что-то новое

Известная фраза, которую приписывают Пабло Пикассо, гласит: «Хорошие художники копируют, великие — воруют». Но мы с вами не художники, а предприниматели. И главный залог успеха — выделяться среди других участников рынка.

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

  • добавьте анимацию;
  • сделайте фон pop-upа прозрачным;
  • установите таймер.

5. Всплывающие окна скрывают блокировщики рекламы

Какой смысл тратить время и деньги на то, что не работает? Зачем создавать крутой pop-up, если его никто не увидит?

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

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

6. Отсутствие сплит-тестирования

Любой, кто работает с маркетингом, знает, что с помощью результативного А/В-тестирования можно получать больше прибыли при существующем трафике.

Основные правила сплит-тестирования:

  • определите главные тригерры влияния на вашу аудиторию;
  • измерьте показатель точки А, прежде чем устанавливать точку В;
  • не верьте общей статистике — проверяйте все самостоятельно;
  • увеличивайте размер аудитории для проведения тестов (минимум 1500 посещений для каждого окна);
  • определите показатели, которые нужно измерить.

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

7. Ваше окно появляется слишком рано или слишком поздно

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

Итак, какое время идеально? 5 секунд? 10 секунд? А может, 30? На самом деле очень сложно найти верный ответ. Всплывающее окно должно появляться тогда, когда человек понял, на какой сайт он попал и что тут найдёт.

Настройте окно pop-up так, чтобы оно появлялось через 60% среднего времени, проведенного посетителями на сайте. Например, если ваш сайт изучают 5 минут, покажите всплывающее окно через 3 минуты. Или сделайте так, чтобы оно появлялось после того, как человек совершил определенное действие. Например, pop-up при закрытии страницы — это один из способов получить email посетителя.

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

Пример pop-up магазина одежді

8. Нерелевантный контент

Представьте, человек добавил товар в корзину, находится в самом конце процесса покупки, но неожиданно решает покинуть сайт… И в этот момент появляется pop-up с электронной книгой. Вы уверены в правильности такого решения? Другая ситуация: читатель вашего блога, который не спешит что-то покупать. Может, ему дать купон на скидку, как считаете?

Дело в том, что нельзя предлагать одно и то же посетителям на разных этапах процесса покупки. Например, для тех, кто уже выбирает товар и добавляет его в корзину, хороший вариант — скидка или бесплатная доставка. А тем, кто только знакомится с сайтом, – пробная версия вашего продукта.

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

Вот пример релевантного предложения на одном из сайтов продажи авиабилетов. Людям предлагают то, что им интересно:

Pop-up сайта по продаже авиабилетов

9. Вы просите слишком много информации

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

В то же время запрос дополнительных данных (например, пол, возраст, имя, город и т. д.) позволяет создавать более персонализированные сообщения и чертовски хорошие предложения.

Если ваше всплывающее окно одношаговое, наилучшая практика – запрашивать только адрес электронной почты.

Для многошаговых окон (тех, где посетителю сначала нужно нажать на кнопку) вы можете запросить дополнительную информацию. Если первое всплывающее окно вызывает интерес, посетители сайта согласны предоставить больше данных на второй странице. Но помните: даже там ограничьте количество полей для ввода — максимум 4.

Например, когда человек попадает на наш сайт, через некоторое время видит такое предложение:

Pop-up GM

После чего переходит на страницу, где ему нужно оставить контактные данные, чтобы получить мастер-класс:

Пример формы для заполнения

Заключение

Избегайте этих основных ошибок, чтобы достичь высокого коэффициента конверсии и значительно увеличить подписную базу. Создайте «хорошие всплывающие окна», которые не раздражают посетителей и выглядят аккуратно. Вот несколько идей, которые вы можете использовать для своего pop-upа:

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

И последнее: обратите особое внимание на уникальность предложения всех ваших всплывающих окон. Очень важно сосредоточится на чём-то одном.

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

Хотите научиться писать заголовки, которые цепляют внимание пользователей с первого взгляда и заставляют полностью прочитать статью? Читайте: 60 фраз-шаблонов для создания заголовка, по которому кликают.