Дизайн и конверсия

Как создать кнопку сайта?

Константин, Оренбург 778 просмотров

Собираю сайт для автосервиса в конструкторе. Кнопку добавил - стандартная, синяя, с надписью "Отправить". Переходов из Директа хватает, а заявок с сайта почти нет. Может, дело в самой кнопке - как её вообще правильно делать?

Дмитрий Акиндинов разработчик лендингов, 15 лет практики

ответил

Рабочая кнопка держится на четырёх вещах: тексте с конкретным результатом вместо "Отправить", контрасте с фоном не ниже 4,5:1, высоте от 48 пикселей и повторах минимум три раза на странице - на первом экране, в середине и перед футером. Уберите один параметр - и остальные не спасут.

Начните с текста. "Отправить" ничего не обещает: непонятно, что случится после клика. Формула простая - глагол действия плюс результат для клиента: "Получить расчёт за 15 минут", "Записаться на бесплатный разбор", "Забронировать место". Слово "купить" для услуги с высоким чеком - ремонт, юрист, автосервис - ставить рано, клиент ещё не готов покупать, он готов узнать цену.

Цвет решает не сам по себе, а через контраст. Синяя кнопка на белом фоне работает, если рядом нет других синих элементов - логотипа, ссылок, иконок. Совпадёт кнопка по оттенку с чем-то ещё на странице - сольётся и перестанет читаться как кнопка. Проверьте контраст инструментом WebAIM Contrast Checker: минимум 4,5:1, для мобильных лучше 7:1. Размер - от 48×48 пикселей, на телефоне это уже требование доступности: пальцем в меньшую кнопку промахиваются.

Дальше - расположение. Одна кнопка на первом экране почти всегда работает хуже, чем три: на входе, после блока с процессом работы и перед ценами. Каждый раз рядом с тем, что человека уже убедило, а не посреди простыни текста.

Если сайт собран в конструкторе, весь этот список можно поправить за 20 минут в настройках блока, без разработчика. Если верстку правите сами и заявок всё равно нет - вероятно, дело не в кнопке, а в трафике или оффере, и разбираться нужно уже по Метрике.

Подробный разбор CTA-кнопка на лендинге: текст, цвет, размер, расположение
Не нашли свой вопрос

Задайте его напрямую

Отвечаю сам, на почту, обычно в тот же день. Разбор самых частых вопросов потом попадает в этот раздел.

Похожие вопросы

Все вопросы темы "Дизайн и конверсия"

Помогу выбрать

Сомневаетесь — напишите, разберёмся за 10 минут

Расскажете про ваш бизнес и задачу — подскажу, что нужно: лендинг, многостраничник или вообще не сайт. Без обязательств, бесплатно.

Отвечаю в течение 15 минут в рабочее время (будни 11:00–20:00 МСК). Если удобнее e-mail: 9123578@gmail.com

Telegram TG MAX MAX Звонок