3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA

в 10:37, , рубрики: Блог компании YAGLA, заголовок, интернет-маркетинг, кнопка призыва к действию, конверсия сайтов, контент-маркетинг, лендинг, лидогенерация, Медиа, Повышение конверсии, посадочная страница

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

Мы не подвергаем сомнению важность дизайна и юзабилити, при этом убеждать посетителей посадочных страниц продолжают слова. Без сильного копирайтинга любой визуал пойдет «псу под хвост», будь там хоть Артемий Лебедев.

В этой статье вы узнаете что писать в заголовке, форме заявки и кнопке call-to-action. Просто, четко и убедительно. Плюс показываем хакерскую технику как сделать конверсионные элементы максимально эффективными.

Заголовок

Начнем с показательного анти-примера, да простят нас авторы сего «шедевра».

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 2

Пойди догадайся что эти люди продают. Только зоркий глаз знатока узнает на картинке силиконовый профиль) В связи с этим первый принцип заголовка — ясность. Посетитель за несколько секунд «сканирует» страницу с 2 вопросами в голове:

Туда ли я попал?

Какая здесь выгода?

Мы не берем в расчет целевое вхождение, когда пользователь знает компанию и готов на вдумчивый разбор информации. В 99% случаев — это переход с рекламного объявления, в процессе «серфинга» кучи предложений. И если что-то непонятно — good bye.

Следующий момент — это конкретность.

Для примера:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 3

Вот здесь уже есть ясность: я зашел по адресу, на сайт строительной компании. При этом нет конкретности — «Как и где строим, в чем преимущество предложения».

«Строительство домов и коттеджей» — как вывеска на магазине. У меня, как у потенциального клиента вопрос: «И что?» Еще 99 компаний в городе делают то же самое. Как, черт возьми, я должен выбирать?

Более удачный вариант:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 4

Здесь я уже понимаю, что конкретно мне предлагают: место расположения и примерную стоимость + персонализация — не просто «Строительство домов», а «Собственный коттедж». Чувствуете разницу?

Третий принцип продающего заголовка — выгода. Она усиливает конкретику «в этой компании я получу такой-то результат».

Например:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 5

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

На наш взгляд, лучше всего закрывают этот момент заголовки по методу 4U:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 6

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

Что означают полезность, уникальность, ультра-специфичность и срочность? Разберем на конкретном примере из нашей практики:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 7

Полезность — это основная выгода. В данном случае — «Сократите расходы на транспорт».

Уникальность — с помощью чего клиент получит выгоду — «С новой системой GPS-мониторинга».

Ультра-специфичность — это польза в измеримых единицах, на сколько конкретно ваш продукт увеличивает прибыль или сокращает расходы. В данном случае — до 32%.

Срочность — не обязательно дедлайн. Это временной фактор. Через какое время клиент получит результат или как в нашем примере — дополнительная выгода в виде бесплатного тест-драйва оборудования на 14 дней. Срочность может быть вынесена в подзаголовок.

Подпись к лид-форме

Она стимулирует совершить целевое действие, как логическое продолжение оффера в заголовке. А что именно нужно сделать пользователю для контакта с компанией? В лид-форме (форме заявки) вы «цепляете» посетителя на что-то конкретное взамен его емэйла, имени и телефона.

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

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

Поэтому как минимум даем объяснение, что он получит. И не просто консультацию, а что-то конкретное, ощутимое, как здесь:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 8

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

Еще один пример:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 9

Эффективная модель подписи — «Заполните форму, чтобы [выгода]»

Небольшая фишка в дополнение — социальное доказательство, как здесь:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 10

Главное, чтобы оно соответствовало действительности. Ставить такие вещи «от балды» не стоит — обман очень быстро всплывет и больно ударит по одному месту)

А вот идеальный, на наш взгляд, пример лид-формы:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 11

Что хорошо:

— Подпись «узнайте сумму и шансы возврата» предельно точно попадает в «боль» клиента;

— Рядом с формой список преимуществ компании (буллеты). Оговоримся, что буллеты вписываются не в каждой теме. Все индивидуально;

— Форма сама по себе является ценностным предложением, и без заголовка.

Кнопка CTA

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

Пример:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 12

В сознании пользователя не должно быть промежутка «отправил заявку — жду консультации — получил результат». Да, по факту без звонка менеджера не обойтись, и ваш потенциальный клиент это понимает. Просто таким образом вы устраняете трение. Если можно не совершать действие, человек его не совершит.

Поэтому call-to-action работает, когда максимально подогревает пользователя. Помните, как в песне группы «Технология» — «Нажми на кнопку, получишь результат». И это не бесплатная консультация менеджера)

Пара хакерских фишек.

Во-первых, под кнопкой вы можете расшифровать что произойдет после отправления заявки:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 13

А во-вторых, поставить «альтернативный призыв»:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 14

Правда, эта техника больше работает на всплывающих окнах, как у CrazyEgg.

«Покажите мне мою тепловую карту» / «Нет, спасибо, я оставлю все как есть»

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

Здесь же стоит отметить крутую фишку, которую в Рунете почти никто не использует. Это подпись на кнопке от первого лица: «Покажите мне мою тепловую карту». Фича уже его и не вы просите пользователя, а он сам требует отдать полагающееся.

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

Для начала простая задачка:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 15

Вспоминаем технику 4U… По логике — первый. В нем больше конкретики, больше выгод.

А теперь смотрим результаты:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 16

В первом варианте общие запросы — «Фитнес-клуб Москва», «Занятия в фитнес-клубе» и т.д. Аудитория по ним приходит разношерстная, девушки и мужчины, без конкретных мотивов. Может, кто-то похудеть, а кто-то наоборот набрать массу.

Во втором случае — предельно конкретные, «мужские» запросы. Мужики хотят заниматься силовыми тренировками. Что, собственно, мы им и предлагаем. Отсюда более высокая конверсия. Даже без 4U.

Вот такой каламбур вносят в нашу стройную картину мира источники трафика)

Главный же факап посадочных страниц заключается в следующем:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 17

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

Как решение — несколько посадочных страниц под различные типы запросов. А если у компании десятки, сотни позиций товаров или услуг? При том, что в самой узкой нише можно «вытащить» различные виды потребностей и мотивов принятия решения.

Вот как мы решили эту проблему с помощью динамического контента. Кейс строительной компании.

Исходные данные — посетители приходят на посадочную страницу с разными критериями выбора. Их немного, но они существенно отличаются.
Кто-то ищет по цене («Построить загородный дом недорого»). Кто-то по материалу постройки («Строительство домов из бруса»). А кто-то по месту строительства («Дома в Подмосковье до 30 км от МКАД»).

Конверсия в заявку — 1,9%.

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

При этом не стоит руководствоваться логикой рекламных объявлений в Яндекс Директ и повторять ценностное предложение 1 к 1 к запросу. Есть много типовых запросов, которые говорят об одной потребности. Например, выбор по цене — «Построить загородный дом недорого», «Сколько будет построить дом с нуля», «Расчет стоимости дома калькулятор».

В системе Yagla мы их группируем и создаем одно предложение. В данном случае это 745 фраз и 66 групп.

Скриншот из таблицы подмен:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 18

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

Что было сделано:

Вместе с исходным заголовком «Строительство домов и коттеджей в Москве и Подмосковье» мы поставили в a/b тестирование подменяемые заголовки с персонализированными предложениями.

Например:

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 19

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

И дополнительно усиливаем предложение в форме заявки (второй подменяемый элемент):

3 конверсионных элемента и как их готовить: заголовок, лид-форма, кнопка CTA - 20

В результате настройки и тестирования подмен через 2 месяца конверсия в заявку выросла в 3,5 раза, с 1,9 до 6,7%.

Важные моменты:

1) Определяем потребности целевой аудитории по запросам;

2) Создаем персонализированные офферы (предложения) под каждую потребность;

3) Подстраиваем офферы под запросы из контекста (Яндекс Директ & Google AdWords) с помощью динамического контента.

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

Автор: YAGLA

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js