Всплывающие окна на сайте: руководство по применению

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

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

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

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

Всплывающие окна на сайте – пример блога wait but why

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

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

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

Всплывающие окна на сайте – пример Groove

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

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

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

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

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

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

Всплывающие окна на сайте – пример the chive

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

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

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

Всплывающие окна на сайте – пример GetResponse

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

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

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

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

Повышение конверсии сайта: как произвести первое впечатление на посетителей

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

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

Всплывающие окна на сайте – пример блога Preneur marketing

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

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

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

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

Всплывающие окна на сайте – пример блога Acquire convert

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

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

Выбираем героя для роста конверсии сайта 

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

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

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

Всплывающие окна на сайте – пример gr8fires

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

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

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

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

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

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

Всплывающие окна на сайте – пример купона на бесплатную доставку кофе

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

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

Всплывающие окна на сайте – пример Picreel

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

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

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

Всплывающие окна на сайте – пример текста отказа

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

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

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

Всплывающие окна на сайте – пример агрессивной подписи с отказом

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

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

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

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

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

Всплывающие окна на сайте – пример Narcity Toronto

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

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

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

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

Всплывающие окна на сайте – пример TVLiftCabinet.com

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

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

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

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

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

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

Всплывающие окна на сайте – пример eMarketer

«Следите за трендами с ежедневной рассылкой eMarketer».

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

Как формы double opt-in увеличивают конверсию 

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

Всплывающие окна на сайте – пример Kinowear

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

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

Всплывающие окна на сайте – пример Uncommon goods

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

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

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

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

Статья подготовлена по материалам unbounce.com.

Еще в тему: Всплывающие окна на сайте: от любви до ненависти