🔘
Веб-сайты

CTA-кнопка: детали, которые удваивают конверсию

21.02.2027
← Все статьи

CTA — кнопка призыва к действию. Маленький элемент, большой результат. Хороший CTA — конверсия 2-5x.

Текст CTA

Конкретная ценность и действие. \"Создайте бесплатный аккаунт\", не \"Отправить\".

Action verbs

Создайте, купите, начните, попробуйте.

Визуал

Контрастный к остальному. Яркий: оранжевый, красный, зелёный.

Размер

200px+ ширина, 48px+ высота.

Padding и форма

12-16px horizontal. Rounded corners 5-10px.

Hover state

Темнее, shadow, scale 1.05.

Active state

Scale 0.95, темнее.

Loading state

Spinner, \"Отправка...\", disabled.

Placement

Hero above the fold. В конце страницы. Sticky.

Multiple CTA

Один основной, может один вторичный.

Urgency и scarcity

Сегодня скидка. Осталось 5. Не переборщить.

A/B test

HubSpot: +22% средний рост.

Mobile

48x48px минимум. Sticky внизу.

Ошибки

Generic текст, низкий контраст, маленький, много CTA.

Сайт.uz

Зелёный #22c55e CTA. \"Попробуйте бесплатно\" +35% vs \"Создайте аккаунт\". Зелёный +18% vs синий.

Похожие статьи

🌊 Анализ Webflow: профессиональная no-code платформа для дизайнеров 🎨 Анализ Tilda: самый популярный конструктор в Рунете 🏗️ JAMstack архитектура: современный стандарт Static Site Generator: чемпионы скорости и безопасности
🌐 Язык
🇺🇿 O'zbek 🇺🇿 Ўзбек 🇷🇺 Русский 🇬🇧 English