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

Трафик идёт, клики есть, а заявок — кот наплакал. Самая частая причина не в объявлении и не в цене — в кнопке. Точнее, в трёх вещах сразу: что на ней написано, где она стоит и как выглядит. В этой статье — конкретные ошибки и что изменить сегодня, чтобы 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 ₴ — и уже видно, что работает.