Призыв к действию (CTA) на сайте: где ставить и что писать

Про CTA почти всегда спрашивают одно и то же: какой цвет кнопки конвертит лучше — оранжевый или зелёный. Это вопрос последнего часа работы, а не первого. Прежде чем красить кнопку, нужно решить две вещи: что именно человеку предлагают и в какой момент чтения он готов на это согласиться. Цвет решает единицы процентов. Оффер и момент — иногда разницу в разы.

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

CTA — это не элемент интерфейса, а обещание

Призыв к действию — это точка, где сайт просит у человека действие в обмен на что-то. Кнопка, ссылка, форма — это упаковка. Содержание — то, что человек получает, если нажмёт, и то, насколько он в этот момент готов заплатить вниманием, контактом или деньгами.

Отсюда простое следствие: одна и та же кнопка «Оставить заявку» может работать на 5% конверсии и на 0,5% — в зависимости не от дизайна, а от того, что за ней стоит и когда её показали. Разбирать CTA в отрыве от оффера и момента — то же самое, что разбирать вкус блюда по форме тарелки.

Я делю работу с призывом к действию на три вопроса, и цвет кнопки не входит ни в один из них:

1. Что конкретно человек получает, если нажмёт — и понятно ли это без перехода по ссылке.
2. В какой момент чтения или просмотра страницы он уже накопил достаточно доверия, чтобы согласиться.
3. Не дублирует ли этот призыв соседний — если на странице пять одинаковых кнопок «Узнать больше», ни одна не выигрывает от компании остальных.

Свой пример: семь точек вместо одной большой кнопки

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

Разница с одной большой кнопкой на первом экране не в количестве точек, а в том, что каждая ловит свой момент мотивации. Читателю, который зашёл на 10 секунд и ещё ничего не прочитал, кнопка подписки в шапке ничего не докажет — и это нормально, она там не для него. Она там для человека, который уже знает, зачем пришёл. А врезка перед вторым заголовком — для того, кто как раз дочитал первую пользу и решает, стоит ли читать дальше именно этого автора.

Грабли: кнопка не менялась, а заявки упали в 6 раз

Самая частая ошибка в работе с CTA — считать, что просадка конверсии кнопки означает проблему с самой кнопкой. У меня был случай, который эту логику полностью ломает.

Если бы я в тот момент начал перебирать формулировки кнопки или её цвет, я бы потратил неделю на эксперимент, который ничего не мог изменить. Оффер за кнопкой стал недоступен для части аудитории — кнопка тут инструмент, а не причина. Прежде чем чинить CTA, стоит спросить: изменилось ли за последнее время само предложение, а не только его упаковка. Если у вас есть форма заявки на сайте, первым делом сверяйте её с текущим оффером, а не с дизайном — заодно эта же логика объясняет часть просадок конверсии сайта, которые на первый взгляд списывают на «плохой интерфейс».

Честный пример, где сработала связка, а не одна правка

Обратный случай — редизайн заказного сайта медицинской клиники, переезд со старой CMS на новый стек. Конверсия в заявку по цели Метрики выросла с 2,28% до 4,26% при том же трафике — почти в два раза больше заявок с тех же посетителей.

Но приписывать этот рост только новому тексту или расположению кнопок было бы нечестно. Вместе с CTA поменялись:

• скорость отдачи страницы — время до первого байта упало с 622 мс до 92 мс;
• структура сайта — 138 страниц заново организованы по смыслу, а не по историческому нагромождению разделов;
• 594 редиректа настроены так, чтобы не потерять позиции в поиске при переезде.

Когда конверсия растёт на связке из четырёх изменений сразу, невозможно честно сказать, что именно CTA дал прирост в два раза. Можно сказать другое: новый CTA работал в среде, где страница загружалась в семь раз быстрее и структура была понятнее — и в такой среде у любого правильно поставленного призыва к действию больше шансов сработать. Если параллельно с CTA вы меняете и остальную часть страницы, измеряйте эффект от каждой правки отдельно, иначе не поймёте, что тянет цифру вверх — тот же принцип я применяю, когда собираю сайт с нуля: CTA закладывается в план заранее, а не приклеивается в конце.

Разные CTA для разных этапов доверия

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

Ошибка, которую я видел у себя же на ранних версиях сайтов, — ставить один и тот же весомый призыв («Оставить заявку») и на первом экране, и в подвале. Для человека, который только зашёл, это выглядит как требование раньше, чем он что-то узнал о продукте. Правильнее развести CTA по уровню обязательства: лёгкий вначале, весомый — там, где доверие уже есть.

Что писать на кнопке, если оффер понятен

Когда с оффером и моментом разобрались, текст кнопки — последний и самый лёгкий шаг. Здесь работает простое правило: кнопка называет действие и результат, а не процесс.

Разница не в длине текста, а в том, что вторая колонка отвечает на вопрос «что я получу», а первая — только на вопрос «что произойдёт технически». Для формы заявки это особенно заметно: «Оставить заявку» — техническое действие, «Получить расчёт за 2 минуты» — обещанный результат с конкретным сроком. Пример из моей практики с врезкой перед FAQ: там кнопка ведёт не на абстрактную «подписку», а на конкретный бесплатный материал по теме именно этой статьи — человек видит, что получает, до клика.

Чеклист: как проверить CTA на своём сайте

Если ответ «нет» хотя бы на два пункта — начните не с редизайна кнопки, а с этих вопросов. У меня самого правки после такого разбора чаще касались структуры страницы и текста рядом с кнопкой, а не самой кнопки.

CTA — последний шаг в цепочке, а не первый. Сначала — понятный оффер и правильный момент, потом — форма и текст кнопки. Если менять кнопку раньше остального, легко потратить время на переменную, которая почти ничего не решает, и упустить ту, которая решает всё.