Перейти к содержимому

Кнопка «купить»: что влияет на кликабельность

LightSEO · Конверсия

Кнопка «купить»: что влияет на кликабельность

Вокруг кнопки покупки много мифов о «правильном цвете». На самом деле решает не цвет сам по себе, а контраст, размер, расположение и то, что написано внутри.

1
главное действие на экране
44px
минимальная высота на мобильном
0
конкурентов рядом

Главное

Что действительно влияет

Контраст, а не конкретный цвет. Кнопка должна отличаться от всего вокруг. Оранжевая на оранжевом фоне не работает, как и любая другая.
Расположение в видимой зоне. Кнопка должна быть на первом экране вместе с ценой и наличием.
Размер под палец. На мобильном высота меньше 44 пикселей — это промахи и раздражение.
Одно главное действие. Если рядом три одинаково яркие кнопки, ни одна не работает как главная.

Текст

Что написать на кнопке

🛒

«Купить»

Самый понятный вариант для розницы. Не «добавить в корзину» мелким шрифтом.

⚡

«Купить в один клик»

Вторая кнопка для тех, кто не хочет проходить полное оформление.

📄

«Запросить цену»

Для B2B и товаров под заказ — вместо кнопки покупки, а не рядом с ней.

После клика

Что происходит дальше

Покупатель должен понимать результат. Товар добавлен в корзину — нужно заметное подтверждение, а не молчаливое изменение цифры вверху.
Не перебрасывайте сразу в корзину. Для магазинов с широким ассортиментом это обрывает просмотр. Лучше всплывающее окно с выбором.
Кнопка на липкой панели. Для длинных карточек — панель с ценой и кнопкой, остающаяся на экране при прокрутке.
Люди смотрят карточки, но не добавляют в корзину?

Посмотрим поведение на страницах товаров и исправим то, что мешает нажать кнопку.