🔘
Веб-сайты

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 синий.

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

🌾 Сайт сельского хозяйства и агробизнеса: каталог продукции и B2B-продажи ❤️ Сайт благотворительного фонда: прозрачный сбор и доверие донора 🎉 Сайт банкетного зала и места для свадьбы: организация события и онлайн-бронь 🚙 Сайт аренды автомобилей: каталог авто, калькулятор цен и онлайн-бронь
🌐 Язык
🇺🇿 O'zbek 🇺🇿 Ўзбек 🇷🇺 Русский 🇬🇧 English