CTA (call to action) — это:
✅ вообще говоря, элемент, который мотивирует пользователя совершить определённое действие, например, зарегистрироваться, купить, подписаться, оставить заявку;
✅ а в частности, самый главный элемент лендингов, создаваемых для проверки бизнес гипотез, ведь вам надо тестировать готовность людей купить или войти в предметный диалог, например, запросить демо продукта.
CTA встречаются в виде кнопок, ссылок и картинок. Чтобы сделать CTA, нужно придумать текст, дизайн и определить расположение призыва на странице. Разберём подробнее, на что обратить внимание на каждом шаге.
Чтобы правильно сформулировать CTA, спросите себя: «Что ценного получит посетитель, когда нажмёт на кнопку».
Один из самых популярных способов написать текст, дополнить фразу «Я хочу…» от имени пользователя: скачать инструкцию, получить доступ, купить по акции.
Полезно использовать ограничения по времени (акция действует до…) и показывать отсутствие обязательств (зарегистрируйтесь без данных кредитной карты).
Элемент CTA должен быть понятным. Важно, чтобы пользователь четко осознавал, что произойдет, когда он кликнет на ссылку в тексте, нажмет на кнопку или картинку. Поэтому графические элементы без слов используют очень редко — трудно избежать разночтений. Лучше составлять призыв максимально лаконичным и конкретным. «Купить», «скачать», «написать» — хорошие примеры, а вот «Продолжить» или «Интересуюсь» — непонятные и могут вызвать сомнения у пользователя.
Самое главное сделать так, чтобы call to action выделялся на фоне общего дизайна сайта или письма. В этом случае он будет привлекать внимание аудитории.
Есть несколько способов сделать акцент на CTA:
Чаще всего кнопку размещают на первом экране, или «до линии сгиба». И это неслучайно. Согласно исследованиям, 80% времени посетители тратят на разглядывание первого экрана.
Кроме того, эффективно размещать CTA на всплывающих окнах — попапах.
Главное тут — не перестараться и выбрать правильное время и триггер для показа окна. Когда через 5 секунд после захода на сайт перед глазами выпрыгивает попап, это раздражает.
Призыв к действию должен быть заметным, это зависит от местоположения, цвета, размера. Ссылку на покупку мелким шрифтом в уголки страницы никто попросту не заметит. Поэтому обычно CTA размещают на видном месте, делают крупными и яркими. По этому параметру обычная ссылка в тексте — рискованный вариант, она не слишком выделяется. Баннер, иллюстрация или кнопка гораздо лучше смогут привлечь внимание пользователя.
Правильному расположению CTA обычно уделяют повышенное внимание. Например, айтрекинг-исследования показали, что создание дизайна по Z-образному паттерну будет наиболее эффективно для страниц, где мало текста. В том числе, для первых экранов лендингов.
Важные элементы страницы советуют размещать именно в рамках этой траектории. А ключевой CTA находится в правом нижнем углу, так как он завершает взаимодействие с пользователем. Обратите внимание, на многих сайтах так и делают.
Для регистрации и подписки:
«Подпишитесь, если хотите быть в курсе событий в сфере…».
«Оставьте почту и получите 20 видеоуроков по рисованию бесплатно».
«Подпишитесь на обновления блога, чтобы не пропускать интересные материалы!»
«Зарегистрируйтесь, чтобы увидеть новую коллекцию!»
Для расшаривания контента:
«Понравился пост — поставь лайк».
«Понравилась статья? Не забудьте лайкнуть!»
«Понравилось? Нажми сердечко!»
«Поделись с другом!»
Для комментирования:
«Пишите ваши комментарии, не стесняйтесь».
«Что вы думаете по поводу…»
«Что можете добавить к вышесказанному?»
Для заказа услуги или продукта:
«Купить по акции».
«Купить со скидкой».
«Поехали!»
«Я хочу это!»
«Заказать…»
«Купить 45 писем за 1500 руб.».
«Начать использовать».
«Приступить к работе».
Эти слова и фразы неплохо работают для некоторых компаний, но это не значит, что они подойдут вам. Не стоит копировать — экспериментируйте! Главное, чтобы текст был не слишком длинным, если его нужно разместить на кнопке.