Призывы к действию — сколько CTA должно быть на странице и где
Один CTA не работает на длинной странице — пользователь забывает о нём, скроля. Пять разных CTA тоже не работают — внимание рассеивается. Разбираем правило одного действия и где ставить кнопки на лендинге, чтобы они вели к одной цели.
CTA (call to action) — кнопка, которая ведёт пользователя к целевому действию. На лендинге студии это «отправить заявку». На карточке услуги — «получить расчёт». На странице кейса — «обсудить похожий проект».
Главное правило, которое нарушают почти все: одна страница — одно главное действие.
Что значит «одно действие»
Не «одна кнопка на странице», а «один тип целевого действия». На странице может быть 4 CTA с разными формулировками («Получить расчёт» в шапке, «Обсудить проект» под кейсом, «Связаться с менеджером» в подвале), но все они ведут на одно — форму заявки или связь с менеджером.
Плохо: на одной странице «оставить заявку», «подписаться на рассылку», «скачать кейс», «купить курс», «записаться на вебинар». Внимание рассеивается, конверсия падает.
Сколько кнопок на лендинге
Длина страницы = частота CTA:
- Лендинг до 4 экранов — 2-3 CTA: первый экран + после кейса + в конце.
- Лендинг 5-8 экранов — 3-4 CTA + sticky-кнопка.
- Длинный лендинг 10+ экранов — sticky-кнопка обязательна, плюс 5-6 точечных CTA.
Правило: CTA должна быть видна не дальше 1.5 экрана прокрутки в любой момент чтения. Иначе пользователь забудет, что собирался сделать.
Куда ставить
- На первом экране рядом с заголовком.
- После самого сильного блока — обычно после кейса с цифрами.
- Перед FAQ — снимаем сомнения сразу.
- В конце — финальный аккорд.
- Sticky-кнопка в шапке или в нижнем правом углу на мобиле.
Формулировки
«Подробнее» / «Узнать больше» — самые слабые формулировки. Не обещают конкретики. Лучше — что именно произойдёт:
- «Получить расчёт за 1 час».
- «Записаться на демо».
- «Посчитать стоимость моего проекта».
- «Получить КП по email».
- «Связаться с менеджером в Telegram».
Конкретика + срок + канал = лучшая конверсия.
Дизайн CTA
- Контраст с фоном. Серая кнопка на белом — провал.
- Один цвет под главное действие. Если CTA «Получить расчёт» — красная, то «Подписаться на рассылку» должна быть не такой же красной, иначе они конкурируют.
- Размер. Минимум 44×44 px на мобиле (зона уверенного нажатия пальцем).
- Не «фантомные кнопки» (outline-only). На мобиле теряются.
- Иконка перед текстом необязательна, но иногда помогает (стрелка, конверт, телефон).
Что не делать
- 5 CTA подряд в одном блоке. «Заявка, Каталог, Звонок, Telegram, Whatsapp» — паралич выбора.
- Pop-up через 5 секунд с тем же действием, что и кнопка на экране. Раздражает.
- CTA с обманным текстом. «Узнать цены» — а открывается форма «оставьте контакты, мы перезвоним». Минус доверие.
- CTA без следующего шага. Форма «Отправить» — а потом «Спасибо, ждите». Где обещанный расчёт?
Sticky CTA на мобиле
Плавающая кнопка внизу экрана на мобильной версии — это +15-30% к конверсии лендинга, особенно длинного. Не блокирует контент, всегда под пальцем, не требует скролла вверх.
Грабли: не делайте её слишком жирной (закрывает контент) и обязательно с возможностью скрыть (X в углу). Иначе раздражает.
Вывод
Одна страница — одно действие. CTA через каждые 1.5 экрана, формулировки с конкретикой и сроком, контрастный дизайн, sticky на мобиле. Не размывайте внимание десятью разными «опциями».