CTA (Call to Action)

CTA (Call to Action) — элемент интерфейса (кнопка, ссылка, баннер), который призывает пользователя совершить целевое действие: «Купить», «Заказать», «Скачать», «Подписаться», «Получить консультацию». Без CTA сайт превращается в витрину: посетители читают, но не конвертируются.

Типы CTA по месту в воронке:

Анатомия эффективного CTA:

1. Глагол в повелительном наклонении — «получите», «закажите», «скачайте»
2. Выгода для пользователя — не «отправить», а «получить расчёт»
3. Срочность или уникальность — «только сегодня», «последние 3 места»
4. Контрастный дизайн — цвет выделяется на фоне (для WEBVISUAL — #A51E22)
5. Размер под палец (моб.) — минимум 48×48 px
6. Пустое пространство вокруг — не слипается с другими элементами

Формулы сильных CTA:

• «[Глагол] + [что получает клиент] + [срок/условие]»
• «Заказать сайт за 14 дней — от 80 000 ₽»
• «Получить аудит бесплатно до 31 августа»
• «Скачать PDF-чек-лист за email»

Частые ошибки:

• Несколько CTA на одном экране (распыление внимания)
• Скучные формулировки: «Отправить», «Нажмите здесь»
• CTA в конце страницы без скролла (пользователь не доходит)
• Цвет кнопки сливается с фоном
• Мелкий текст (меньше 16px)
• Отсутствие CTA на мобильной версии

A/B-тесты CTA — что работает:

• Цвет: красный даёт +18% CTR против зелёного в B2B
• Текст: «Получить расчёт» vs «Заказать» — первый +32%
• Размер: кнопка на всю ширину на мобилке +27%
• Расположение: sticky внизу экрана +41% конверсии

Кейс WEBVISUAL: Клиент — лендинг онлайн-школы. Было: одна CTA «Записаться» внизу страницы, конверсия 1.2%. Провели редизайн:

• 3 CTA по длине страницы (первый экран, после программы, после отзывов)
• Sticky-кнопка «Записаться на бесплатный урок» на мобилке
• Формулировка: «Начать обучение через 3 дня» вместо «Записаться»
• Цвет кнопок: красный акцент #A51E22 на светлом фоне

Результат за 2 недели: конверсия выросла с 1.2% до 4.8% (+300%). Стоимость лида снизилась с 1 800 ₽ до 450 ₽. Бюджет A/B-тестов: 15 000 ₽.