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

Всплывающие окна по типу «да-нет», в английской терминологии «yes-no popup», становятся новой волной в интернет-маркетинге.

Мы собрали выдержки из лучших материалов и кейсы в этой статье.

Что такое всплывающее окно «да-нет»?

Это типичное всплывающее окно с каким-то предложением, но отличающееся от обычного тем, что CTA-кнопка там не одна («подписаться», «ок», «согласен» и т. д.), а две: «да» и «нет», причем, как правило, с дополнительным уточнением: «да, вышлите мне бесплатное руководство по…» и «нет, я предпочитаю быть в неведении».

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

Вот типичный пример:

Почему всплывающие окна «да-нет» работают?

На этот вопрос отвечает Джоанна Виб, основатель компании Copyhackers.

Когда посетитель сайта видит обычное всплывающее окно, ему, как правило, показывают только одну кнопку – ту, которую он должен нажать, если согласен с предложением. Естественно, эту кнопку часто сопровождает подробное объяснение, почему это стоит сделать: «вы получите бесплатно…», перечень преимуществ и т. д.

Но что делать человеку, который не согласился на предложение? Естественно, он нажимает на маленький «Х» вверху окна. И это проблема! Проблема в том, что человек, закрывающий такое окно, не понимает всех последствий своего отказа.

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

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

Предположим, посетитель сайта видит это окно:

Какие у него есть альтернативы? Человек может ввести свой email-адрес и получить полезный (вероятно) материал о том, как не писать скучные тексты. Но при это человек должен:

1) написать свой емэйл (это тоже некоторое усилие!)

2) согласиться с риском, что ему попытаются также что-то продать, получить кучу ненужного материала, потратить время на внедрение полученных знаний, не имея полной уверенности, что это сработает…

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

А теперь сравним с этим вариантом:

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

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

Кейс № 1: Обычная «нет-фраза»

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

Было:

Стало:

А вот график с результатами:

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

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

Кейс № 2: Неприятные «нет-фразы»

Специалисты по оптимизации конверсии из ConversionXL признаются, что их раздражает, когда они видят, например, такую надпись на кнопке «нет».

Надпись на кнопке «нет»: «Нет, у меня достаточно трафика на сайт».

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

• «Нет, спасибо, я предпочитаю платить полную стоимость одежды при покупке»: 6,00%
• «Мне неинтересно»: 4,81%
• «Нет, спасибо»: 4,62%
• «Нет, спасибо!»: 4,48%

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

Анатомия всплывающего окна «да-нет»

Вот примеры таких окон, которые специалисты сервиса Wishpond считают правильными.

Пример 1: Kissmetrics

Что здесь сделано хорошо:

• Дизайн окна простой и аккуратный. Вас не пытаются «забросать» всякими переливающимися эмблемами с надписями «100% гарантия возврата средств» или «Бесплатно!»
• Картинка в окне соответствует предложению и передает примерное ощущение, что получит посетитель сайта.
• Цветовая схема кнопок: «да-кнопка» контрастна и является самым заметным цветовым элементом на этом окне, в то же время «нет-кнопка» светло-серого «скучного» цвета, и это как бы подчеркивает ощущение того, что это неправильный выбор.
• Негативный текст на «нет-кнопке»: «нет, я предпочитают не знать эффективность своего маркетинга» является действительно странным решением, которое многие посетители сайта не захотят сделать.

Пример 2: SocialTriggers

Что здесь сделано хорошо:

• Текст в окне обещает вполне конкретные результаты.
• Картинка в окне соответствует тому, что обещает текст.
• Относительно простое, но в тоже время понятное оформление.
• Контрастная «да-кнопка» и «скучная» кнопка отказа от предложения.
• Негативный текст на «нет-кнопке»: «Нет, спасибо, я предпочитаю увеличивать базу подписчиков с помощью своей интуиции».

В заключение приведем основные рекомендации экспертов в отношении всплывающих окон «да-нет»:

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

По материалам блогов Copyhackers, ConversionXL, Wishpond.