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

По статистике 96% визитов не завершаются целевым действием. Пользователи заходят, изучают страницы сайта и уходят. Оптимизаторам остается лишь гадать, почему так вышло, получил ли пользователь, что хотел, что его не устроило, почему ушел и не купил.

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

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

В этом выпуске:

• Какие всплывающие окна работают
• Почему всплывающие окна эффективны
• Чек-лист правильных всплывающих окон

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

Никто не хочет признавать факт:

пользователи покидали, покидают и будут покидать сайты. Их не остановить.

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

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

• своевременно
• релевантно
• несет ценность для пользователя

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

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

1. Всплывающее окно решает проблему выбора

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

Этот же парадокс объясняет эффективность лендингов.

Один лендинг - одно обоснованное предложение.

Коэффициент внимания на таких страницах достигает 100%.

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

Страница - много опций для выбора, всплывающее окно - одно предложение

2. Нарушает привычный алгоритм действий

Техника называется «разрушение паттерна». Весьма проста. Заключается в действии, которое нарушает привычный ход действий посетителя. Пользователь знает, что по нажатию на «крестик» он покинет сайт. Если в этот момент появится правильное всплывающее окно, пользователь:

• задержится на сайте
• выполнить предлагаемое действие

3. Техника повторения

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

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

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

Люди инстинктивны. Мы склонны выбирать те алгоритмы поведения, в которых мы действуем на автопилоте. Нарушение «автопилотного» алгоритма поведения привлекает внимание и заставляет пользователя поступить иначе.

Чек-лист правильного всплывающего окна

1. Цель запуска

Продажа, лидогенерация, распределение трафика…. и прочие

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

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

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

2. Момент показа

Если у вас есть скидки, спецпредложения, акции, покажите всплывающее окно на входе, как это делает LaModa:

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

3. Оформление всплывающего окна

• Оптимальный размер всплывающего окна на старте посещения, равно как и по прошествии определенного времени - 500х300 или 740х500 пикселей (рекомендации Unbounce)
• Оптимальный размер всплывающего окна на выходе с сайта - 900х700
• СТА-кнопка должна выделяться на фоне изображения, текста и других элементов дизайна окна
• Пустое пространство - обязательное условие для любого всплывающего окна. Текст становится читаемее, информация легче усваивается.
• Не более двух полей для заполнения - всплывающее окно упрощает действие по максимуму. Не загружайте пользователя развернутой анкетой. Имя и контакт - этого абсолютно достаточно.

4. Оформление текста

Заголовок - большой, легко читаемый шрифт, привлекающий внимание, отделен от основного текста отступом.

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

5. Суть предложения

СТА-кнопка - ясно ли пользователю, что произойдет после нажатия кнопки? Понятна ли пользователю суть предложения?

Ограничения по количеству/времени - ясно ли пользователю, что предложение ограничено?

«НЕ!» - используется ли в тексте отрицание? В коротком тексте не рекомендуется использовать отрицания. Они создают психологические барьеры для принятия решения.

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

В этой статье вы узнаете, каких ошибок нужно избегать в поп-ап окнах, чтобы не отпугнуть посетителей.

Формулируйте ценность четко

Пример — сайт в формате лонгрид блога Wait But Why. Первое, на что падает взгляд во всплывающем окне, — необычный заголовок:

«Никто не любит поп-апы… Однако если вам нравится блог, как вы сообщите нам электронный адрес? Мы отправляем ежемесячно 2-4 письма».

«Говорящее» окно — классная идея. В чем подвох? Потенциальный клиент не знает, зачем ему эта подписка.

Смотрите, как сервис для организации клиентской поддержки Groove показывает выгоду от новостной рассылки:

«Мы расскажем, как добились месячной выручки 100 000 долларов. Научим всему, что умеем сами».

Призыв к действию: «Отправьте мне уроки».

Прозрачность оффера делает его привлекательным. Специфика в виде цифр внушает доверие.

Совет: пользователь не всегда осознает ценность от самой подписки. Как вариант, предложите электронную книгу в подарок.

Говорите о пользователе, а не о себе

Такой поп-ап вы встретите на развлекательном сайте the Chive:

Фраза в призыве к действию — «Подписаться на лучшую новостную рассылку в мире». С чего они взяли, что она лучшая? И о пользователе — ни слова.

Они настолько перегнули палку в самооценке, что забыли объяснить, в чем польза потенциальных клиентов.

На сайте email-сервиса GetResponse монстр во всплывающем окне умоляет посетителя остаться. Для делового сайта звучит и выглядит нелепо:

«Почему вы уходите? Не понимаю. Дайте нам шанс!»

Призыв к действию: «Попробовать бесплатно».

При этом текст от первого лица. Какой продукт предлагает компания и почему он заслуживает внимания? Зачем оставаться на сайте, если непонятно, что он предлагает?

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

Первым делом — пользователи

Как выглядит текст, ориентированный на потребителя? В маркетинговом блоге Preneur Marketing заголовок поп-ап объясняет в деталях, что получит пользователь при подписке:

На этом Preneur Marketing не останавливается: здесь и социальные доказательства, УТП, hero shot, маркированный список выгод. Пять баллов за специфику.

«Как удвоить прибыль за 7 недель. Скачайте отчет и программу и вы получите улучшенную методологию и полный набор тактик, которые используют 115 826 компаний по всему миру. Внесите ясность в ваш бизнес».

Призыв к действию: «Скачать отчет сейчас».

Еще один пример ориентации на аудиторию — блог по оптимизации конверсии в e-commerce Acquire Convert. Но здесь явно не хватает «образа героя», так как повествование ведется от лица человека, который делится опытом построения email-базы:

«Создаете email-лист? Узнайте, как я собрал 408 адресов из гостевых постов. Получите кейс об использовании этой техники, макет и дизайн лендинга, которые я использовал».

Призыв к действию: «Получить кейс и материалы».

Отвечайте на возражения

На любой стадии клиентского пути у пользователя есть возражения. Посетители интернет-магазина Gr8fires подбирают товар для покупки и уже думают, во сколько обойдется установка печи.

Чтобы предотвратить это, Gr8fires поместили во всплывающее окно калькулятор установки. Смотрите, как текст дублирует мысли пользователя:

«Без понятия, сколько стоит установка печи? Используйте бесплатный калькулятор установки».

Призыв к действию: «Получить мой калькулятор для расчета затрат».

Результаты Gr8fires поражают: увеличение месячных продаж на 300% и скачок в продажах 48,54% за последние полгода.

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

Уважайте целевую аудиторию

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

«Оставьте ваш email и получите купон на бесплатную доставку плюс 5% скидку».

Текст отказа: «Спасибо, я предпочту платить за кофе больше».

«Хотите конвертировать ушедших посетителей в лидов за 30 дней бесплатно?»

Текст отказа: «Нет, мне нравится, когда посетители уходят от нас».

Таких примеров хоть отбавляй:

«Скидка 10% на заказ! Введите email, на который отправить ваш эксклюзивный купон».

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

И агрессивный вариант:

«Хотите стать крутецким сеошником?»

Текст отказа: «Нет, я лучше останусь жить с родителями в подвале».

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

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

Другая ошибка — на новостном сайте Narcity Toronto. Только одна причина, чтобы не давать электронный адрес — «Я уже подписан». А что если человек просто не хочет подписываться?

Такой пользовательский опыт вряд ли увеличит число подписчиков, потому что:

• Это принуждает скорее врать, чем подписываться.
• Зачем подписчику видеть это окно и совершать лишние действия?
• Это создает когнитивный диссонанс: пользователь остановится и подумает, что он не так сделал.

Говорите фразами пользователя

Что думают пользователи, когда отказываются? На сайте дизайнера и производителя мебели TVLiftCabinet.com — классический вариант:

«Введите email и получите купон на 125 долларов на первый заказ до 998 или купон на 150 долларов на первый заказ от 999 на все подъемные механизмы».

Текст отказа: «Спасибо, я пока не готов к покупке».

Если не хотите придумывать и боитесь обидеть пользователей, напишите нейтральный и честный ответ: «Спасибо, мне это не интересно».

Мотивируйте пользователей на целевое действие

1) Сократите число полей лид-формы.

Здесь их слишком много, а пользователи ненавидят длинные анкеты:

Призыв к действию: «Получить ежедневную новостную рассылку».

2) Пусть пользователи думают, что вы предлагаете эксклюзив.

«Получите анонс топового курса по обучению мужскому стилю в одежде».

Призыв к действию: «Отправьте мне анонс».

«Умеете хранить секреты? Наши подписчики скоро узнают о секретных техниках продаж».

Призыв к действию: «Подпишите меня».

P.S. Внимание аудитории — ценность номер один для вас. Создавайте в поп-ап окнах текст для клиента и о клиенте.

Высоких вам конверсий!

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

Статистика гласит, что 96% визитов пользователей не заканчиваются целевым действием. К превеликому сожалению, потенциальные клиенты просто заходят на сайт, немного его просматривают, изучают товары, и часто безвозвратно уходят. Оптимизаторам, в следствии, приходится долго ломать голову, чтобы выяснить в чем причина такой ситуации, возможно пользователь не получил что искал, или не увидел, то, что хотел увидеть.

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

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

• Почему всплывающие окна работают
• Особенности правильно всплывающих окон
• Нужный момент показа

Итак, начнем.

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

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

Причин этой вечной проблемы может быть уйма:

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

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

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

• релевантные;
• своевременны;
• интересны;
• значимы;
• привлекательны.

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

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

Перегрузи мозг посетителю - он ушел.

1. одно существенное предложение - один лендинг. Благодаря такому мудрому решению, страницы сосредотачивают на себе 100% внимания. Всплывающее окно, как очень деликатный воспитанный продавец, предлагает свое содействие в нужном месте, в нужное время. Оно помогает пользователю сосредоточиться на чем-то одном и принять правильное решение;
2. всплывающее окно - единственное предложение, а сайт - очень, очень много функций . Всплывающие окна нарушают стандартную последовательность действий, задерживая посетителей на сайте и побуждая выполнить целевое действие;
3. частота их повторений, обеспечивает желаемый результат. Предположительно, прежде чем совершить целевое действие, пользователь должен увидеть заманчивое предложение несколько раз, идеально - 7 раз. При таком раскладе всплывающие окна работают в перспективе на будущее. Даже если посетитель с первого раза не совершил целевое действие, у него в памяти останется Ваше яркое (!) предложение.

Зацепили интерес пользователя - он остался на сайте и сделал то, что Вам нужно.

Особенности правильно всплывающих окон:

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

Нужный момент показа

Если у Вас есть действующие скидки, спец.предложения, расскажите о них при входе на сайт. Хороший пример, сайт LaModa:

Для всех остальных случаев нужно подобрать самый подходящий момент.

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

Оптимальный размер всплывающего окна при входе на сайт 500х300 или 740х500 пикселей, при выходе с сайта - 900х700 пикселей;

СТА-кнопка должна выделяться и быть очень заметной, на фоне картинки и текста;

Минимум информации - максимум сути. Текст должен быть лаконичным, хорошо читаемым, привлекать внимание. Это формула успеха.