Призывы к действию — сколько 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 экрана прокрутки в любой момент чтения. Иначе пользователь забудет, что собирался сделать.

Куда ставить

  1. На первом экране рядом с заголовком.
  2. После самого сильного блока — обычно после кейса с цифрами.
  3. Перед FAQ — снимаем сомнения сразу.
  4. В конце — финальный аккорд.
  5. 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 на мобиле. Не размывайте внимание десятью разными «опциями».

Узнайте подробнее о наших компетенциях
Разработка, ИИ, автоматизация — что мы делаем и как.