Как увеличить конверсию с помощью всплывающих окон с намерением выхода

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

Это особенно актуально в сфере электронной коммерции, где многие интернет-торговцы стремятся к росту рынка через платные каналы, такие как Google Ads и Facebook Ads. Сейчас как никогда важно учитывать каждое взаимодействие.

Но с широким распространением всплывающих окон с намерением выйти их влияние начинает уменьшаться.

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

1. Сделайте ваши всплывающие окна при выходе уникальными

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

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

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

Источник: HelloBar

1.1 Что в этом плохого?

Если вы посмотрите на фон за всплывающим окном, вы увидите заголовок новости, который начинается с «Кошмарное предупреждение». Я думаю, это довольно точное описание того, что здесь происходит.

• Дизайн: Плохой. Первое, что я увидел, выглядело как большая ошибка. Зеленая линия со свисающей снизу кнопкой выглядит так, будто дизайнер заснул, положив голову на мышь.
• Ясность: Плохо. И что, черт возьми, означает заголовок? клик.клик.клик. При более глубоком изучении это название информационного бюллетеня, но при первой загрузке оно совершенно не заметно.
• Ясность: хуже. Затем мы получаем классический заголовок «Четкость против умности». Почему вы говорите о произношении слова «Гиф»? Скажите мне, что это такое, и почему мне нужно дать вам свой адрес электронной почты.
• Дизайн: Плохой. Кроме того, этот фон корявый.

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

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

2. Призыв к действию релевантный, краткий и мгновенно активируемый?

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

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

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

Другими словами, он должен отвечать на вопросы, касающиеся «что» (предложение?), «почему» (ценно ли это?) и «когда» (могу ли я получить это сейчас?).

Следующее всплывающее окно от браслетов Pura Vida — прекрасный пример привлекательного призыва к действию. Здесь не только предложение является кратким и визуально привлекательным, но и кнопка «Получить бесплатный браслет» сообщает, как запрос будет выполнен. Текст под ним обеспечивает дальнейшее усиление мгновенного удовлетворения.

3. Всегда следуйте правилу «F-образной формы»

Правило «F-образной формы» — это хорошо зарекомендовавшее себя эмпирическое правило в мире оптимизации коэффициента конверсии. Предполагается, что когда посетители впервые сталкиваются с новым веб-сайтом, они изучают целевую страницу по схеме «F».

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

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

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

4. Не делайте все всплывающие окна выхода одинаковыми.

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

Понимание этого контекста дает значительную возможность адаптировать всплывающие окна к персонализированным предложениям.

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

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

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

Да, вы жертвуете маржой, но этот трюк может творить чудеса с общим коэффициентом конверсии!

5. Не показывайте ложное ощущение срочности

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

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

Другими словами, это может заставить пользователя задуматься: «действительно ли это разовая сделка или я могу вернуться в другой раз и увидеть то же всплывающее окно?».

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

Лучший способ применить эту тактику — следовать приведенному ниже примеру и добавить обратный отсчет времени для получения предложения.

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

Итак, как начать?

6. Всплывающие инструменты для начала работы

Хорошая новость заключается в том, что существует множество инструментов, позволяющих повысить эффективность ваших всплывающих окон.

Вот лишь некоторые из них, с которых можно начать:

6.1 OptinMonster [ скидка 20% ] [SaaS]

Когда меня спрашивают о лучшем решении для получения потенциальных клиентов по электронной почте или повышения коэффициента конверсии популярных страниц, я, без сомнения, отвечаю: OptinMonster. Это потому, что я использую его здесь, на Monetize.info, уже более 3 лет и никогда не был так доволен результатами.

OptinMonster, возможно, самый многофункциональный всплывающий инструмент в своей ценовой категории. Их фирменная технология выхода-намерения обещает конвертировать дополнительно 2-4% посетителей .

6.2 ConvertPro [ скидка 10% ] [плагин WP]

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

6.3 Пикрил [SaaS]

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

6.4 WisePops [SaaS]

WisePops позволяет легко создавать потрясающие всплывающие окна за считанные минуты. Они предоставляют надежное решение для проектирования, таргетинга и аналитики. Более того, они предлагают бесплатную 14-дневную пробную версию.

6.5 OptiMonk [SaaS]

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

6.6 Многоуровневые всплывающие окна [WPPlugin] [$21]

Layered Popups — это плагин WordPress, который позаботится обо всех ваших потребностях во всплывающих окнах. Он хорошо интегрируется с 90 системами электронного маркетинга (список действительно впечатляет) и поддерживает все виды всплывающих окон и действий (Onload, onExit, onScroll, OnIdle, OnClick, встроенная форма, виджет боковой панели, страницы, отличные от WP, Link Locker, AdBlock Detector). , Начало контента, Конец контента)

Кроме того, у вас есть более 100 дизайнов всплывающих окон, которые можно легко изменить и настроить в соответствии с вашими потребностями. Мы используем многослойные всплывающие окна здесь, на Monetize.info. Одна особенность, которую я не смог найти в других решениях для всплывающих окон, заключается в том, что посетители могут зарегистрироваться с помощью своей учетной записи Google или Facebook, не вводя свой адрес электронной почты и имя.

7. Заключение

Если вы часто читаете Monetize.info , то знаете, что я всегда стремлюсь к конверсиям. (поощряйте посетителя совершить покупку, оставьте адрес электронной почты, подпишитесь на уведомления, поделитесь в социальных сетях и т. д.).

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

А вы? Каковы ваши результаты со всплывающими окнами с намерением выйти?