CTA — це call to action, заклик до дії: кнопка, посилання або форма, які пропонують відвідувачу зробити конкретний наступний крок. На сайті це «Отримати розрахунок», «Замовити дзвінок», «Подивитися ціни» — усе, що перетворює читача сторінки на заявку у вашій пошті.
Технічно CTA — звичайний елемент інтерфейсу: прямокутник з текстом. Практично це місце, де сторінка або заробляє, або мовчить. Ви можете вкласти гроші в дизайн, тексти і рекламу, привести на сайт тисячу людей — і втратити їх усіх на кнопці «Відправити», яка нічого не обіцяє і нікуди явно не веде.
Нижче — як формулювати заклик, де його ставити, скільки їх має бути на одній сторінці і які помилки ми найчастіше бачимо, коли до нас приходять із проханням «підняти конверсію».
Простими словами
Уявіть продавця у магазині. Поганий продавець мовчки стоїть біля каси і чекає, поки ви самі здогадаєтесь, що робити далі. Хороший каже: «Давайте я порахую вартість — це дві хвилини, нічого підписувати не треба». CTA — це та сама фраза, тільки на сайті.
Тому заклик до дії — це не просто кнопка. Це три речі разом: обіцянка результату в тексті кнопки, візуальний контраст, щоб її було видно за півсекунди, і зняття ризику поруч, щоб натиснути було не страшно. Прибираєте будь-яку з трьох — конверсія падає.
Слабкі формулювання проти сильних
Найшвидший спосіб покращити сторінку — переписати текст кнопок. Це нічого не коштує і не вимагає розробника. Ось типові заміни, які ми робимо на клієнтських проєктах.
| Слабке формулювання | Сильне формулювання | Чому це працює |
|---|---|---|
| Відправити | Отримати розрахунок | Людина бачить, що отримає вона, а не що зробить система |
| Дізнатися більше | Подивитися ціни | Конкретика замість туману: зрозуміло, яка саме сторінка відкриється |
| Залишити заявку | Порахувати вартість сайту | Кнопка обіцяє відповідь на те питання, з яким людина прийшла |
| Зв'язатися з нами | Отримати відповідь за 4 години | З'являється строк — зникає страх «мене засипле дзвінками» |
| Підписатися | Забрати чек-лист із 20 пунктів | Обмін конкретної цінності на email замість абстрактної підписки |
Правило просте: у тексті кнопки має бути дієслово того, що отримує клієнт, а не того, що робить сайт. «Відправити» — робота форми. «Отримати розрахунок» — вигода людини.
Де розміщувати CTA на сторінці
Перший екран
Частина відвідувачів готова діяти одразу — вони вже порівняли варіанти і прийшли по виконавця. Якщо на першому екрані немає кнопки, ці люди змушені шукати її самі, а частина просто закриє вкладку. Перший CTA має бути видно без жодного скролу.
Після блоку доказів
Другий заклик ставимо там, де сумнів щойно знято: після кейсів, відгуків, гарантій або таблиці з цінами. Це найтепліша точка сторінки — людина щойно побачила підтвердження і саме зараз готова натиснути.
У кінці сторінки
Той, хто дочитав до низу, — найтепліший контакт з усіх. Залишати його наодинці з футером без жодної кнопки — найдорожча помилка з усіх дешевих. Фінальний CTA має бути великим і однозначним.
Скільки CTA має бути на сторінці
Один основний заклик — і скільки завгодно його повторів. Кнопка «Отримати розрахунок» може стояти на сторінці п'ять разів: це не п'ять CTA, це один, повторений у зручних точках. А от «Замовити дзвінок», «Написати в Telegram», «Підписатися на розсилку», «Завантажити прайс» і «Записатися на консультацію» на одній сторінці — це п'ять різних рішень, які людина мусить прийняти замість одного.
Вторинний заклик допустимий і навіть корисний — але він має бути візуально тихішим: не залита кольором кнопка, а посилання або контурна кнопка. Наприклад, основний — «Отримати розрахунок», вторинний — «Подивитися портфоліо». Ієрархія має читатися з першого погляду; про інші прийоми такої ієрархії ми писали в матеріалі про дизайн-прийоми для конверсії.
Мікрокопія: два рядки, які знімають страх
Люди не натискають не тому, що не хочуть, а тому що не знають, що станеться далі. Короткий рядок під кнопкою прибирає цю невідомість краще за будь-який дизайн:
- «Без зобов'язань» — знімає страх, що заявка = договір.
- «Відповідаємо за 4 години в робочі дні» — задає очікування щодо строку.
- «Не телефонуємо без попередження, пишемо в месенджер» — рятує інтровертів, а їх більше, ніж здається.
- «Достатньо імені та телефона» — показує, що форма коротка.
Мікрокопія працює тільки тоді, коли вона правдива. Обіцяли відповідь за 4 години — відповідайте за 4 години, інакше перша ж прострочка коштує дорожче за всю конверсію.
Три помилки, які трапляються найчастіше
- П'ять різних закликів на одній сторінці. Кожен додатковий варіант забирає увагу в основного. Виберіть головну дію і зробіть решту тихішими.
- Кнопка «Відправити». Це найдорожче слово на сайті: воно описує роботу форми і не дає людині жодної причини натискати.
- Порожній перший екран. Гарний банер, слоган — і жодної кнопки. Найгарячіші відвідувачі йдуть, не долиставши до контактів.
Окремим пунктом — кнопка, яка веде в нікуди: форма без підтвердження, після якої незрозуміло, чи заявка відправилась. Це вбиває довіру швидше за будь-яке формулювання.
Чому це важливо для бізнесу
CTA — найдешевший важіль конверсії з усіх, що є. Переписати п'ять кнопок можна за годину, і це не вимагає ні редизайну, ні нового бюджету на рекламу. При тому самому трафіку сторінка починає віддавати більше заявок — просто тому, що людям нарешті зрозуміло, що робити далі.
Особливо це критично для лендінгу, де вся сторінка веде до однієї дії: там слабкий заклик знецінює весь бюджет. Якщо ви плануєте односторінковий сайт під рекламу — від $800 у нас, — формулювання кнопок варто узгодити ще до дизайну, а не після запуску.
Якщо заклики до дії є, а заявок немає, проблема зазвичай у структурі сторінки — з цим працює редизайн сайту без втрати позицій.
