Как должен выглядеть лендинг с точки зрения эффективности? Какие блоки он должен содержать и как эти блоки должны выглядеть? Прочитав статью, вы получите ответы на эти вопросы и увидите, как выглядят лучшие landing page.
1. Заголовок с УТП
У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:
- сразу дает посетителю понять, куда он попал;
- показывает ему уникальность вашего предложения.
Размещается заголовок в верхней части лендинга, на уровне глаз пользователя. Большой, яркий, интригующий.
От заголовка зависит показатель отказов.
Вот примеры заголовков лучших лендингов нашей компании.
2. Дескриптор
Дескриптор также влияет на показатель отказов, хоть и меньше, чем заголовок. Обычно состоит из логотипа, названия компании, слогана или нескольких слов об услугах или товарах. Размещается вверху слева или в середине.
В том случае, если на посадочной странице есть заголовок с УТП, дескриптор делают скромным – лого плюс название.
Лучшие лендинги всегда содержат оригинальный дескриптор.
3. Блок с контактными данными
Как правило, размещается в верхнем правом углу. Исчерпывающий блок контактов содержит:
- реальный номер телефона;
- электронную почту;
- кнопку «Обратный звонок».
Обязательно используется призыв – просьба позвонить.
4. Привлекательное изображение
Под изображением подразумевается фон – большая картинка, поверх которой размещают заголовок, форму захвата, другие блоки.
В идеальном лендинге изображение соответствует тематике сайта, является оригинальным и интересным. Цветовая гамма фона отличается от цвета шрифта заголовка, чтобы они не сливались.
На скриншотах вы видите красивые лендинги с привлекательными изображениями.
5. Формы захвата
Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.
Форма захвата содержит графы для ввода имени и телефона. Призыв к действию описывает дополнительные выгоды (подарок, скидку, дополнительную услугу), которые побуждают посетителя к немедленной отправке данных.
Если на лендинге проходит акция, форма захвата содержит таймер обратного отсчета.
Вот такими формами захвата мы оснащаем лучшие лендинг пейдж наших клиентов.
6. Блок с выгодами для клиента
Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.
Блок имеет следующую структуру: текст с описанием выгоды и тематическая картинка для каждого пункта. Расположение пунктов – горизонтальное или вертикальное. В идеальном блоке во всех пунктах одинаковое количество текста, а ключевые предложения выделены цветом или жирным шрифтом.
7. Отзывы клиентов
Блок с отзывами – ключевой в лендинге.
На лендинге должны быть реальные отзывы по меньшей мере от трех клиентов. Идеальный вариант – окно с возможностью прокрутки, например слайдер, вмещающий 5–10 отзывов.
Каждый отзыв:
- содержит имя и реальное фото клиента;
- содержание с ключевыми подробностями, которые позитивно скажутся на конверсии лендинга.
Вот примеры блоков с отзывами на лучших лендингах нашей студии.
8. Тарифы или пакеты услуг
Покупатели любят выбирать из нескольких альтернатив. Поэтому идеальный лендинг предлагает на выбор 2–3 тарифа или пакета. Неважно, продает лендинг товары или оказывает услуги, на сайте должен присутствовать блок с тарифами.
Тарифы должны отличаться друг от друга и содержать подробную информацию о том, что в них включено. Один из тарифов помечается, как самый популярный среди клиентов.
9. Примеры Лендинг Пейдж
Это один из самых важных блоков лендинга. Именно просмотрев портфолио или кейсы, посетитель принимает решение о совершении целевого действия.
Грамотное портфолио содержит только лучшие работы, красиво оформлено, не занимает много места. Для оформления лучше использовать слайдер, с помощью которого посетители будут прокручивать изображения.
Посмотрев примеры лендингов посетитель должен убедиться в качестве продукта или услуги.
10. Реальные контактные данные в футере
Заключительный триггер доверия – блок с контактной информацией о компании или авторе в футере.
В случае с компанией обязательно должна быть карта с указанным местоположением офиса. В случае с автором всевозможные контакты.
Также тут размещается заключительная форма захвата.
В идеальном лендинге присутствуют все вышеперечисленные элементы. Однако чтобы посадочная страница действительно была эффективной, все ее блоки нужно грамотно объединить в одну композицию. А так же добавить смыслы, благодаря которым посетители совершать конверсионные действия на нашем лендинг пейдж.
Как грузоперевозчикам из Казахстана удалось за два месяца увеличить количество лидов в 8 раз — рассказывает маркетолог компании Сергей Сидиров.
Коротко о компании
Компания перевозит грузы по Казахстану, СНГ и Европе любым транспортом, начиная от Газелей и заканчивая 20-тонными фурами. Это основное направление, а вообще Spark Logistics — это и курьерская служба, и логистика, и страхование, и экспертиза упаковки, и сопровождение грузов.
Одним словом, приедем, упакуем, погрузим, доставим, распакуем и даже поставим на нужное место. Любой груз, от корреспонденции до военной спецтехники.
С чего всё началось
Началось всё где-то в мае. Я сам маркетолог, устроился на работу в Spark Logistics. Сайт был очень общий.
Первый экран:
Когда посетители попадали на сайт, они не понимали, какими конкретно перевозками занимается компания, сколько стоят услуги. Отпугивало то, что люди думали — это крупная компания и мелкие заказчики не обращались. Большинство посетителей «сливались».
Что сделали
Я собрал все эти ключевики, немного почистил, в итоге их оказалось около тысячи.
Мы смогли снизить стоимость клика + объем трафика при том же бюджете увеличился вдвое. Это был первый месяц моей работы. Но заявок больше не стало.
Тогда я вспомнил про YAGLA. Раньше, на предыдущих местах работы слышал, но не пользовался из-за очень узкого пула запросов. А тут на одной из конференций снова попалась информация про сервис YAGLA и гиперсегментацию.
В Spark Logistics удачно получилось так, что запросы очень точные («грузоперевозка Алматы - Костанай», например и т.д. по городам). Поэтому я решил сделать гиперсегментацию.
Настройка заняла около недели. Настроил по принципу под каждое ключевое слово свой заголовок / подзаголовок.
Вот несколько примеров подмен, откуда больше всего переходов.
Под запросы «Алматы грузоперевозки» версия лендинга:
Под запросы «Астана транспортная компания»:
Под запросы «Грузоперевозка»:
В подзаголовке для них: «Выделенное направление. Все виды грузоперевозок. Услуги грузчиков, упаковки и страхования грузов».
По запросы, связанные с перевозками Газелью внутри города, подчеркиваем, что мы «первоисточник»:
«Без посредников в любую точку города. Газели бортовые, и тент. Недорогие грузчики и упаковка».
В общей сложности у меня набор из 8-10 преимуществ компании. Смотрю, какие из них подходят под конкретный запрос и прописываю это в значение подмены в подзаголовке.
В итоге я настроил под них такую подмену:
Кто заходит — вау-эффект обеспечен 100%))
Результаты и планы
В качестве целей в YAGLA настроили переход на страницу благодарности после заявки и целевой звонок через сервис динамического коллтрекинга Ringostat. Благо, YAGLA с этим сервисом интегрируется.
Когда мы начали замерять заявки на почту, отслеживать звонки, то увидели: количество лидов выросло с 4-5 до 35-38 в день. При том же объеме трафика (в среднем 180 переходов ежедневно).
У нас есть филиалы в четырех регионах Казахстана. Соответственно, мы хотим делать подмены более детально. Чтобы помимо заголовка / подзаголовка менялись адреса-контакты под конкретный город, в зависимости от запроса.
Еще хотим запустить подмену фоновой картинки. Допустим, человек ищет именно Газель для перевозки — показываем Газель, или фуру аналогично.
В принципе, мы готовы запускать еще 3-4 канала трафика. Надеюсь получить такие же результаты как в Google AdWords.
Заходите, настраивайте свой проект — там всё интуитивно понятно.
Какой бы ни была конверсия, всегда хочется выжать из посадочной страницы еще больше заявок, звонков или подписок. Увеличение показателей конверсии приводит к снижению стоимости лида и росту ROI.
Быстро и без лишних затрат
Плюс 4,6 % к конверсии после аудита и выполнения простых рекомендаций
Товар: столбики ограждения, которые устанавливают в торговых центрах, аэропортах, визовых центрах для организации потока посетителей.
Перед аудитом лендинга было проведено интервью с заказчиком для определения потребностей целевой аудитории. Для первого экрана даны следующие рекомендации:
- Убрать вторую форму захвата (подписку на рассылку), чтобы она не спорила с основным целевым действием – оставлением заявки.
- Добавить в заголовок основные критерии целевой аудитории при выборе поставщика (в данном случае – цена и сроки).
- Поменять в дескрипте фразу «системы мобильных ограждений» на «стойки-ограждения с лентой».
- Убрать мужчину с первого экрана и поставить стойки.
- Облегчить целевое действие: вместо заявки на стойки и получение цены поставить заявку на консалтинг и получение цены.
Было предложено немного поменять заголовок, так как разнообразие ассортимента в виде 27 стоек – не ключевой фактор выбора. Покупателям нужно просто оградить пространство так, чтобы выглядело прилично. Выгода до 50 % процентов – не такая понятная вещь, как конкретная минимальная цена.
Цитата из отзыва заказчика: «Мы сделали изменения согласно вашим рекомендациям, провели а/б тест и новая посадочная страница показала результат на 4,6 % лучше, чем старая».
Кейс предоставлен копирайтером-маркетологом Надеждой Богдановой.
Рост конверсии лендинга на 29,4 % за счет изменения первого экрана
Замена эмоционального призыва на конкретные преимущества тоже сыграла свою роль, однако далеко не такую значительную, как размещение CTA-кнопки.
Разница между двумя экранами очевидна, что отразилось на результате: конверсия выросла с 7,17 % до 9,28 %. И это несмотря на то, что после нажатия на кнопку пользователю нужно заполнить шесть полей.
Удобные и понятные формы заявки для роста конверсии в 2,3 раза
Запрос компании «ТракХолдинг» – увеличение конверсии с минимальными затратами. Решение – работа с формами обратной связи.
Дизайн стал более привлекательным, появился призыв к действию. Клиент может выбрать интересующую его услугу из предложенных или указать свой вариант. Кнопка «Отправить» видна с первого взгляда, как и обещание перезвонить в течение 10 минут.
От 14,7 % до 27,7 % конверсии благодаря новому заголовку
Подумали еще раз и составили такой заголовок: «Как вложить в Яндекс Директ 2240 руб., и уже через 2 недели заработать 71 600 руб. на продаже товаров». Он более четко ориентирован на целевую аудиторию – начинающих интернет-предпринимателей с крайне ограниченным бюджетом и мечтой о сверхдоходах. Результат – конверсия выросла до 27,7 %.
Переоформление списка преимуществ для роста конверсии лендинга на 61 %
Во второй версии буллиты расположены друг под другом, их стало удобнее читать. Теперь они вместе с заголовком образуют букву F, которую пользователи рисуют взглядом при сканировании страницы.
В 11 раз больше запросов после изменения CTA-кнопки
Вы пригласите на мероприятие группу, которую до этого никогда не слышали? И я нет, даже если отзывы на лендинге будут самыми восхищенными. Неудивительно, что конверсия сайта кавер-группы JaggerBand составляла всего 0,056 %. CTA-кнопка предусматривала оформление заявки на конкретное событие и дату:
Воронка продаж увеличилась на один этап. Зато у потенциальных клиентов появилась возможность своими глазами увидеть, как выступает группа, и они не преминули ею воспользоваться.
Конверсия лендинга с 0 % до 5 %: внимание на форму захвата
Как видите, структура по большому счету не изменилась. Что же было исправлено?
Стало меньше отвлекающих визуальных элементов. Красная кнопка «Заказать обратный звонок» превратилась в аккуратную ссылку.
Упростили взаимодействие с пользователями: вместо четырех полей для заполнения оставили два. Блок формы захвата стал лучше виден за счет серой подложки. Добавили пользы в целевое действие – вместо каталога предложили заказать бесплатные образцы.
Преимущества представили маркированным списком – читать их стало удобнее. Добавили информативные надписи к слайдам. Зафиксировали хедер, чтобы важная информация при скроллинге страницы оставалась на виду.
Текст начинает и… повышает конверсию с 3 % до 6,5 %
В предновогоднем ажиотаже отлично сработает любой лендинг по услугам Деда Мороза. На самом деле нет.
Повысить конверсию до 6,5 % удалось, просто изменив текст на первом экране.
Заголовок стал яснее: «Хотите заказать визит Деда Мороза и Снегурочки в Электростали и Ногинске?». У пользователей больше нет сомнений, что услуга предоставляется в их городе.
Длинный подзаголовок превратился в короткий и эмоциональный: «Подарите ребенку праздник».
В призыве к действию появился намек на дедлайн: «Запишитесь заранее на удобный день и время». Цвет кнопки сделали более контрастным.
Рост конверсии на 268 % после работы над снижением показателя отказов
Заголовок стал более информативным и цепляющим. Обещание точного дохода со снятием основной «боли» агентов НПФ задерживает пользователей на лендинге. В преимущества тоже добавили конкретики.
CTA-кнопка «Оставить заявку» на первом экране заменена на две: «Узнать больше о работе» для новичков и «Получить спец.условия» для опытных агентов. В заключительной форме захвата оставили всего два поля.
В рамках А/В тестирования удалось повысить конверсию лендинга страхового агентства INS-Broker с 10 % до 17 %.
Оба блока решают задачу повышения лояльности пользователей.
Исправление технических ошибок увеличило конверсию на 62 %
В процессе доработок исправили все ошибки мобильной версии. Оптимизировали первый экран. «Добавить в избранное» и «Поиск» переехали в футер. Поздравления удалили совсем, экран адаптировали под минимальные размеры декстопного монитора. В карты добавили CTA-кнопку с призывом «Записать ребенка на занятие».
Конверсия при падающем спросе выросла до 1,12 %.
Рост конверсии на 480 % после изменения всего двух элементов
Изменили первый экран и формулировку призыва. На первом экране тоже появилась контрастная CTA-кнопка. Из меню убрали кнопки соцсетей. Повысили ценность призыва для пользователей.
Увеличение конверсии с помощью сервисов
Как правильная настройка отчетов в Google Analytics помогла увеличить конверсию на 30 %
Представьте, что каждый экран лендинга – это отдельная страница. Используя сервис Google Analytics вы легко найдете неэффективные блоки и измените только их, не затрагивая все остальные.
Оптимизация малоэффективных блоков уже при первой итерации дала увеличение конверсии с 1,09 % до 1,42 %.
Гиперсегментация помогает повысить конверсию лендинга в 7 раз в B2B-сегменте
Как один виджет увеличил конверсию в 5 раз
Исходная конверсия сайта компании, занимающейся строительством каркасных домов, – 0,195 % при релевантном трафике. Основная проблема – сложность поиска информации из-за неудобства структуры ресурса.
Форма захвата всплывает в момент движения курсора в зону вкладок, то есть когда пользователь уже готов покинуть сайт. В тексте обозначена основная проблема посетителя и предложено ее решение. В результате конверсия по заявкам с сайта выросла до 1,1 %.
Виджеты в комплексе с сегментацией трафика увеличивают конверсию лендинга больше, чем в 3 раза
Отправная точка конверсии лендинга SMM-агентства – 2,7 %. Формы для захвата клиентов – статичные.
Шаг первый. Установка виджетов обратной связи и заказа обратного звонка привела к росту конверсии на 1,4 %.
Конверсия этих виджетов в 3 раза выше, чем варианта с оффером, одним на всех посетителей.
Общая конверсия лендинга выросла до 6,95 %.
Квиз вместо лендинга – 25 заявок в день вместо 2
Квиз – это интерактивный опросник. Задача квиза – провести посетителя по вопросам и взять адрес его email/телефон.
Из заголовка посетитель видит, что он не потратит слишком много времени на прохождение теста. Дополнительная мотивация – получение сметы, расчета окупаемости и руководства по быстрому выходу на чистую прибыль. Сделано на сервисе Marquiz.
Разбор примеров автоматизации маркетинга с подробными результатами, A/B-тестами и провальными кейсами от команды сервиса Carrot quest .
В закладки
Уже полгода мы (Carrot quest, кто не знаком, это сервис для автоматизации интернет-маркетинга и персональной коммуникации с пользователями) занимаемся настройкой и отладкой процессов автоматизации маркетинга для сайта телеком-оператора «Дом.ru».
Задача: увеличить количество лидов и заявок с сайта (сбор и передача в колл-центр номеров телефонов).
В первой части кейса мы про то, как встраивались в бизнес-процессы оператора «Дом.ru», как проходило планирование, выбор сценариев автоматизации маркетинга и контроль результатов.
В этой статье мы рассмотрим запущенные сценарии, покажем много примеров и результатов. Конечно, это не все сценарии, здесь только самое интересное, необычное, эффективное или, наоборот, провальное. В общем, чтобы было не только интересно, но и полезно.
Сначала сценарии Carrot quest запускались не на всём трафике, а только по трём городам в качестве эксперимента. Перед нами стояла задача доказать свою эффективность и достичь согласованных KPI.
Нулевой этап: настройка интеграций
Сервис собирает информацию обо всех посетителях сайта. Чтобы определить, кто из них новый пользователь, а кто уже пользуется услугами «Дом.ru», мы отслеживаем наличие user ID. Логика проста: если у посетителя сайта нет user ID, то он - потенциальный клиент, с которым нам предстоит работать.
Когда клиент оставляет телефон, он записывается в карточку пользователя в Carrot quest. Мы настроили интеграцию через Webhook, которая передавала телефоны в колл-центр Дом.ru, чтобы операторы могли связываться с клиентами и завершать продажу.
Две несложные интеграции: передача информации из сервиса и в сервис, и можно начинать работать.
Первый сценарий: пользователь бросил заявку
При первичном анализе сайта мы заметили, что часть пользователей бросает оформление заявки и уходят с сайта, не закончив процесс.
Чтобы попасть на первую линию колл-центра, клиенту достаточно оставить только свой телефон. Остальные данные можно выяснить в ходе разговора. Поэтому просто предложите проконсультировать его по телефону.
Мы прогнозировали, что 1% от всех посетителей страницы оставит свой телефон для связи с менеджером, что увеличит общее количество лидов на 56%.
Конверсия в оставленный телефон такого всплывающего окна на странице заявки составила 4%.
A/B-тест первого сценария
Каждый день мы отслеживаем работу автосообщений и заносим показатели в таблицу. Здесь мы отмечаем количество заявок, которое принёс сценарий, и конверсию. Красным отмечено относительное падение конверсии, зелёным - относительный рост.
Если видим, что общая конверсия сайта снизилась вместе с конверсией конкретного автосообщения, анализируем причины. Если это не случайность, начинаем оптимизировать сценарий или контент, чтобы добиться лучших результатов.
Так как pop-up показал отличный результат, мы решили посмотреть, можно ли ещё поднять конверсию этого сообщения. Для этого запустили A/B-тест.
Мы отступили от канона A/B-тестирования и изменили весь поп-ап целиком, а не один элемент. Чем меньше разница в тестируемых вариантах, тем меньше отличается конверсия и, следовательно, тем большую выборку придётся взять, а это трата времени.
Поэтому мы сделали два принципиально разных всплывающих сообщения, чтобы на относительно небольшой выборке (ну, как небольшой, почти 20 тысяч показов на каждый вариант) с вероятностью 95% подтвердить гипотезу, что новый pop-up увеличивает конверсию.
Конверсия варианта А - 3,42%, варианта Б - 4,16%. Уровень статистической значимости (вероятность, что это случайность, а не закономерность) 2,4%. Мы предполагаем, что второй вариант оказался эффективнее по нескольким причинам:
- Более информативный текст.
- У поля для ввода наиболее привычный вид.
- В плейсхолдере подсказка («на этот телефон перезвонит менеджер»).
- Контрастная кнопка.
- Все элементы управления стали больше.
Он и продолжил собирать телефоны на сайте. Тёмная сторона побеждает.
Второй сценарий: персонализация под поисковой запрос
Если клиент перешёл на сайт из контекстной рекламы, мы можем сразу предложить ему актуальную информацию с учётом поискового запроса. Из рекламной ссылки узнаём utm-метку, которая содержит поисковый запрос, и в зависимости от этого меняем текст всплывающего окошка.
Вот, например, pop-up под запросы «дом ру тарифы», «тарифы дом ру» и «тарифы дом ру [название_города]»:
Сначала результаты не впечатляли, потому что сегмент для показа был слишком маленький, но после того, как мы расширили семантику, количество показов увеличилось в два раза. Сейчас конверсия в телефон из этого сценария колеблется в районе 1,5-2%.
Третий сценарий: персонализированный pop-up в зависимости от действий на сайте
Хороший способ понять, чем интересуется ваш клиент - понаблюдать за его поведением на сайте. Логично предложить ему подключить детские каналы, если он интересовался именно ими, а не пытаться продать спортивные.
Тогда пользователь будет думать: «Это же то, что мне надо!», а не копаться на сайте дальше. Предлагая ему то, что он ищет, и «угадывая» желания, вы вовлекаете клиента, повышаете его лояльность и не даёте уйти к конкуренту. Сплошные плюсы.
Мы так и поступили. Присваивали баллы за действия пользователя:
- зашёл на раздел с каналами определённой тематики - два балла;
- зашёл на страницу канала - один балл.
Если пользователь набрал пять баллов по разделам «детские каналы», «спортивные каналы» или «фильмовые каналы», мы показываем ему соответствующий pop-up с предложением оставить заявку на подключение.
Pop-up с детскими каналами
Pop-up со спортивными каналами
Pop-up с фильмовыми каналами
Эти сценарии работают на узкие сегменты клиентов и охватывают менее одного процента от общего трафика. Поэтому требуется время, чтобы набрать достаточное количество показов и оценить конверсию.
Четвёртый сценарий: pop-up с динамическим контентом в зависимости от действий на сайте
Продолжим про персонализацию. Три всплывающих сообщения для разных сегментов - это хорошо, но ещё лучше, если с этой задачей справится один.
При выборе тарифа у клиента возникает много вопросов: «50 Мбит/c - это много или мало?», «Хватит, чтобы смотреть видео в онлайне?», «Выйти в интернет с пяти устройств одновременно?», «Играть в "Танки"?».
Покажите, что вы знаете, о чём он думает, и предложите оставить телефон, чтобы ответить на все вопросы.
В зависимости от того, каким интернет-тарифом интересовался пользователь, в сообщение автоматически подставляется разный контент - скорость в заголовок и описание тарифа. Посыл всегда одинаковый - укажите номер телефона.
Конверсия составила 1,5%
Пятый сценарий: pop-up с динамическим контентом в зависимости от прошлой активности
Если мы видим, что пользователь возвращается на сайт, но пока так и не стал клиентом, значит, он изучает условия. Возможно, сравнивает. Вы уже знаете, чего он хочет: покажите ему это и подтолкните к следующему шагу.
Как и в прошлом сценарии, контент подставляется динамически, но в этот раз он показывается, когда пользователь возвращается на сайт, а контент подтягивается из прошлой сессии.
Конверсия в заявку 0,96%
Шестой сценарий: цепочка: pop-up и серия писем
Несмотря на то, что нашим основным KPI был сбор телефонов, мы запустили один сценарий с электронными письмами, чтобы использовать их для информирования пользователей, формирования лояльности и увеличения допродаж.
В Дом.ru проходила акция «Любые сервисы всего за 1 рубль в месяц». Каждый пользователь, который приходил на сайт, но не был клиентом Дом.ru, через 30 секунд видел такой pop-up с предложением оставить свой электронный адрес, чтобы получить подробности на почту:
Pop-up для сбора адресов электронной почты
Если пользователь оставлял адрес почты, ему сразу высылалось первое письмо, а затем ещё два: через два и четыре дня.
Конверсия из pop-up в почту составила 1,18%.
Вот воронка по первому письму:
Если учитывать не всех, кто оставил адрес, а только прочитавших письмо, то конверсия в заявку составит 3,7%. Это люди, которые не просто кликнули по ссылке, а именно оформили заявку.
Из второго и третьего письма на сайт перешли 26% и 15% соответственно, но конверсия в заявку была уже нулевая.
Стоит ещё поработать над этим сценарием, чтобы получить от него максимум.
Седьмой сценарий: собираем подписку на Web Push
Другой способ коммуникации с клиентом - push-уведомления. С их помощью вы можете обращаться к пользователю прямо в браузере, даже если он ушёл с вашего сайта. При этом не надо ждать, когда он зайдёт проверить почту. Можно сказать, что это что-то среднее между всплывающим сообщением и почтой.
Пока мы собирали только подписки на Web Push. Сами уведомления мы не рассылали.
Технология Web Push устроена так, что пользователю надо подтвердить своё согласие в специальном окне браузера вроде такого:
Проблема в том, что его нельзя кастомизировать и, если пользователь нажмёт «Блокировать», сделать такое предложение снова будет очень сложно.
Чтобы объяснить посетителю сайта, зачем ему уведомления, мы сначала показываем сообщение:
Если он нажимает на «Подписаться на уведомления», откроется окошко, в котором нужно нажать на заветное «Разрешить». Каждое действие снижает конверсию, поэтому в этом окошке мы ещё раз подсказываем, что надо сделать:
Средняя конверсия из pop-up в подписку на Web Push - 1,6%
Восьмой сценарий: допродажи
После того, как мы показали хорошие результаты при конверсии в заявку, нам стали поручать работу с другими сегментами и задачами. Например, задачи по допродажам.
Когда клиент оставил свой телефон в pop-up, мы сразу показываем другое всплывающее окошко, в котором рассказываем о скидке. Таким образом мы допродаём, например, мобильную связь от «МегаФона».
Мы не собирали статистику по этому автосообщению, потому что целевое действие происходит не в онлайне, а при разговоре с оператором.
Девятый сценарий: мобильный pop-up
Ко многим сценариям мы запускали дублирующие сценарии для мобильных устройств. Как только потенциальный клиент заходит на страницу «Все тарифы», мы предлагаем ему оставить телефон и доверить оформление заявки менеджеру.
Средняя конверсия из этого всплывающего сообщения в телефон составила 1,69%. Интересно, что аналогичный сценарий для десктопной версии набрал всего 0,76% заявок, поэтому мы его отключили. А мобильный pop-up приносит пользу до сих пор.
A/B-тесты могут быть не только для полной версии сайта, но и для мобильной. Вот тест одного из сценариев мобильных всплывающих сообщений:
Оба варианта показали суперконверсию, но победитель понятен - мы оставили вариант А с конверсией 20,57%.
Десятый сценарий: встраиваемый контент на сайте
Особенность работы любого провайдера в том, что все заявки невозможно обслужить по техническим причинам. Есть такое понятие, как монтированная ёмкость сети. Это количество домов, в которых есть техническая возможность подключения к услугам оператора.
Все заявки из всплывающих сообщений, которые содержат только телефон, попадают на первую линию колл-центра, где менеджер выясняет адрес потенциального клиента и входит ли он в монтированную ёмкость.
При этом клиент сам может проверить, есть ли в его доме возможность подключения. Для действующих клиентов это уже неактуально, а вот потенциальным пользователям может быть полезно узнать, есть ли возможность подключиться. Для этого сегмента посетителей сайта мы с помощью JS вставляли специальный блок на сайте и предлагали проверить наличие подключения по адресу.
Если пользователь видит, что технической возможности подключиться нет, он уже не оставляет заявку, что снижает нагрузку на первую линию. А остальные пользователи видят, что этот барьер на пути к подключению снят.
CTR этого блока составил 4,17%, что очень и очень хорошо.
Крутые штуки и факапы
Не обошлось и без промахов. У pop-up ломался дизайн, они показывались в неподходящий момент, не закрывались или накладывались друг на друга. Некоторые проблемы возникали из-за нашей несинхронизированности с основной командой разработки сайта, когда их изменения влияли на наши автосообщения. Другие - из-за не до конца продуманной логики сценария. Какой бы ни была причина, мы быстро находили и решали проблемы.
Все всплывающие сообщения мы делаем через iframe, чтобы они были независимы от общего дизайна сайта. Проблема в том, что путь к шрифтам на сайте менялся динамически, поэтому подтягивать в iframe не получалось.
Мы приняли решение делать pop-up на div, встраиваясь в общий дизайн. Из-за того, что сайт меняется, вёрстка всплывающего сообщения начала съезжать, и получилось так, что pop-up нельзя было закрыть. Мы быстро это заметили и пофиксили. В итоге мы вернулись к iframe: переверстали все всплывающие сообщения, а шрифты закодировали.
Вывод: если не хотите проблем со стилями, не отступайте от iframe.
Бывали случаи, когда всплывающие сообщения накладывались. Это могло произойти по двум причинам: из-за совпадения условий показа или из-за того, что у пользователя открыто несколько вкладок.
Эту проблему мы решили, задав свойство «pop-up» со значениями «open» или «closed». Если на любой из вкладок у пользователя показан хотя бы один pop-up, записывается значение «open» и другие pop-up не показываются.
Но косячим мы редко. Чаще делаем что-то крутое. Например, чтобы не бомбардировать пользователей всплывающими окошками, мы установили ограничение в два pop-up. Если пользователю уже показались два сообщения, но он так и не оставил контакт, мы больше не пушим и не отвлекаем его от содержания сайта.
Если сначала мы запускали сценарии на широкий сегмент, то сейчас делаем более персональные предложения (персонализируя, например, по поисковому запросу или активности на сайте). Благодаря этой тактике мы посылаем сообщения прицельнее и для максимально подготовленной аудитории. Это повысило качество лидов и привело к росту конверсии во второй линии колл-центра.