Кнопка «купить»: что влияет на кликабельность
LightSEO · Конверсия
Кнопка «купить»: что влияет на кликабельность
Вокруг кнопки покупки много мифов о «правильном цвете». На самом деле решает не цвет сам по себе, а контраст, размер, расположение и то, что написано внутри.
1
главное действие на экране
44px
минимальная высота на мобильном
Главное
Что действительно влияет
Контраст, а не конкретный цвет. Кнопка должна отличаться от всего вокруг. Оранжевая на оранжевом фоне не работает, как и любая другая.
Расположение в видимой зоне. Кнопка должна быть на первом экране вместе с ценой и наличием.
Размер под палец. На мобильном высота меньше 44 пикселей — это промахи и раздражение.
Одно главное действие. Если рядом три одинаково яркие кнопки, ни одна не работает как главная.
Текст
Что написать на кнопке
🛒
«Купить»
Самый понятный вариант для розницы. Не «добавить в корзину» мелким шрифтом.
⚡
«Купить в один клик»
Вторая кнопка для тех, кто не хочет проходить полное оформление.
📄
«Запросить цену»
Для B2B и товаров под заказ — вместо кнопки покупки, а не рядом с ней.
После клика
Что происходит дальше
Покупатель должен понимать результат. Товар добавлен в корзину — нужно заметное подтверждение, а не молчаливое изменение цифры вверху.
Не перебрасывайте сразу в корзину. Для магазинов с широким ассортиментом это обрывает просмотр. Лучше всплывающее окно с выбором.
Кнопка на липкой панели. Для длинных карточек — панель с ценой и кнопкой, остающаяся на экране при прокрутке.
Люди смотрят карточки, но не добавляют в корзину?
Посмотрим поведение на страницах товаров и исправим то, что мешает нажать кнопку.