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

Как сделать кнопку на странице сайта?

Виталий, Уфа 1,5 тыс. просмотров

Делаю сайт для автосервиса на конструкторе, кнопка "Записаться" на месте, но по ней почти не кликают, хотя переходов на сайт достаточно. Может, дело в том, как она сделана?

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

ответил

Технически кнопка - это тег ссылки со стилями кнопки или элемент формы: для перехода в мессенджер или на звонок нужна именно ссылка вида tel: или адрес чата, кнопка без адреса клик никуда не отправит. Но кликабельность зависит не от разметки, а от трёх вещей: контраста с фоном, размера не меньше 44 пикселей в высоту для пальца на телефоне и текста-глагола вместо "Отправить" - "Записаться на диагностику" точнее общего слова.

Дальше начинается дизайн, и здесь чаще всего теряют клики: кнопка сливается с фоном по контрасту, стоит один раз в самом верху страницы, хотя человек может решиться прочитав середину, а текст "Узнать больше" не говорит, что произойдёт после клика. "Получить цену за 2 минуты" отвечает на вопрос читателя прямо, а не намекает.

Цвет кнопки - не про эстетику, а про контраст с окружением: если фон сайта тёмно-серый, кнопка в тон логотипа может быть просто незаметна, даже будучи фирменным цветом. Проверить на глаз просто: отойдите от экрана на пару метров или прищурьтесь - кнопка должна выделяться первой, раньше текста рядом.

На лендинге кнопка повторяется 3-5 раз после ключевых блоков - что входит, цена, гарантия, - а не стоит одна вверху страницы. Если переходов на сайт много, а кликов по кнопке мало при нормальном контрасте, проблема обычно в оффере на экране целиком, а не в самой кнопке.

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

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

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

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

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

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

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

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

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

Telegram TG MAX MAX Звонок