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

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

LightSEO · Конверсия

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

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

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

Главное

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

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

Текст

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

🛒

"Купить"

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

⚡

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

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

📄

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

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

После клика

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

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

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