Кнопка «Замовити»: колір, текст і місце, що ріжуть конверсію

Трафік іде, кліки є, а заявок — кіт наплакав. Найчастіша причина не в оголошенні й не в ціні — у кнопці. Точніше, у трьох речах одразу: що на ній написано, де вона стоїть і як виглядає. У цій статті — конкретні помилки і що змінити сьогодні, щоб CR виріс без збільшення бюджету.

Чому текст «Замовити» майже завжди програє

Кнопка замовити на лендингу — це остання точка, де людина вирішує: дати гроші чи закрити вкладку. Слово «Замовити» нічого не обіцяє і нічого не знімає зі страху. Людина думає: «Замовити — і що далі? Мені зателефонують? Одразу спишуть гроші?"

Заклик до дії в товарці працює, коли знімає тертя й дає конкретику. Порівняй:

• «Замовити» — нічого не говорить
• «Отримати за 59 ₴ доставку» — є ціна й обіцянка
• «Замовити — оплата при отриманні» — знімає страх передоплати
• «Хочу спробувати» — м'яко, без тиску

За оцінками практиків ринку, заміна «Замовити» на текст із конкретною вигодою або зняттям ризику дає +15–30% до CR форми без жодних інших змін. На потоці 300 лідів на місяць по 90 ₴ кожен — це різниця між 27 000 ₴ і 35 000 ₴ витрат на той самий результат.

Що зробити зараз: напиши три варіанти тексту кнопки — один із ціною, один зі зняттям ризику, один із дієсловом від першої особи. Запусти A/B-тест.

Колір кнопки: не «яскравий», а «помітний на фоні»

Головне правило — кнопка має виграти у фону за контрастом. Не «оранжева краще зеленої» — а «кнопка відрізняється від усього, що поруч».

Типова помилка новачка: червона кнопка на червоному або бордовому фоні секції. Або сіра кнопка «за замовчуванням», яку ніхто не помічає серед тексту.

Практичні орієнтири для товарки:

• Жовтогарячий / яскраво-жовтий добре працює на білому й темно-сірому фоні
• Зелений — на білому, асоціюється з «ок, підтверджую»
• Червоний — тільки якщо фон не червоний і не рожевий
• Уникай синього, якщо поряд є сині посилання — кнопка зливається

Окремий момент — розмір. CTA кнопка конверсія дає менше, якщо кнопка завузька для великого пальця на мобільному. Мінімум — 48 px у висоту, ширина на весь екран або хоча б 280 px. Більшість трафіку з Facebook і TikTok — мобільний, і якщо людина промахується пальцем, вона не натискає двічі.

Що зробити зараз: відкрий свій лендинг на телефоні й спробуй натиснути кнопку великим пальцем правої руки. Якщо незручно — збільш.

Де стоїть кнопка — і чому її не бачать

Текст кнопки форма замовлення — це одне, але якщо кнопка стоїть у неправильному місці, до неї просто не доходять.

Дві класичні помилки розміщення:

1. Кнопка тільки внизу сторінки. Людина прочитала перший екран, зацікавилась — і не знає, що робити далі. Вона не скролить до кінця, щоб знайти форму. Перша кнопка має бути на першому екрані, в зоні видимості без скролу.

2. Кнопка після довгого блоку тексту без повторення. Якщо сторінка довша за три екрани — кнопка потрібна мінімум тричі: на першому екрані, після блоку з перевагами, після відгуків або блоку з ціною.

Практичний приклад: лендинг на крем від болю в суглобах, бюджет 500 ₴/день, Facebook. Після того як кнопку додали на перший екран і продублювали після блоку «Як це працює», кількість заявок зросла з 18 до 27 на день при тому ж трафіку. Ціна ліда впала з 278 ₴ до 185 ₴.

Що зробити зараз: перевір, чи є кнопка на першому екрані без скролу — і чи повторюється вона після кожного «переконуючого» блоку.

Форма під кнопкою: де губляться ті, хто вже натиснув

Кнопка — це не кінець шляху. Якщо після кліку відкривається форма з п'ятьма полями, частина людей іде саме тут.

Для товарки з оплатою при отриманні достатньо двох полів: ім'я і телефон. Все інше — адреса, email, коментар — збирай потім, під час підтвердження замовлення оператором або в SMS.

Ще одна деталь: placeholder у полі «Телефон» краще написати як «+380 XX XXX XX XX» — це знижує кількість помилок і відмов. Люди бачать формат і одразу вводять правильно.

Після відправки форми — обов'язкова сторінка дякуємо з чітким повідомленням: «Ваше замовлення прийнято. Оператор зателефонує протягом 30 хвилин». Без цього частина клієнтів натискає кнопку двічі або телефонує самостійно зі скаргою, що «щось пішло не так».

Для швидкого тесту різних варіантів форм і кнопок зручно використовувати LandEmpire — там можна за кілька хвилин зібрати два варіанти сторінки й пустити на них трафік порівну, не чіпаючи основний лендинг.

Що зробити зараз: скороти форму до двох полів і додай сторінку підтвердження з часом зворотного дзвінка.

Як перевірити, що саме ріже конверсію

Якщо не знаєш, що виправляти першим — починай із найпростішого виміру. Відкрий Hotjar або будь-який безкоштовний інструмент теплових карт і подивись:

• Де люди зупиняються під час скролу
• Чи клікають на кнопку взагалі
• Де виходять зі сторінки

Якщо кліків на кнопку мало — проблема в тексті або кольорі, людина її не помічає або не розуміє, що буде далі. Якщо кліки є, але форма не відправляється — проблема у формі.

При бюджеті 300–500 ₴/день на тест вистачає 2–3 днів, щоб побачити різницю між двома варіантами кнопки. Не тестуй одночасно колір, текст і розміщення — змінюй одне за раз, інакше не зрозумієш, що спрацювало.

Що зробити зараз: встанови теплову карту на лендинг і через 48 годин подивись, чи доходять люди до кнопки.

Підсумок

1. Змінити текст кнопки з «Замовити» на конкретний — із ціною, зняттям ризику або дієсловом від першої особи.
2. Перевірити контраст кнопки на фоні й розмір на мобільному — мінімум 48 px у висоту, зручно для великого пальця.
3. Поставити кнопку на перший екран і повторити після кожного переконуючого блоку — мінімум тричі на довгій сторінці.
4. Скоротити форму до двох полів і додати сторінку підтвердження з часом зворотного дзвінка.
5. Тестувати по одній змінній за раз: 2–3 дні, 300–500 ₴ бюджет — і вже видно, що працює.