Перейти до вмісту

Кнопка «купити»: що впливає на клікабельність

LightSEO · Конверсія

Кнопка «купити»: що впливає на клікабельність

Навколо кнопки покупки багато міфів про «правильний колір». Насправді вирішує не колір сам по собі, а контраст, розмір, розташування й те, що написано всередині.

1
головна дія на екрані
44px
мінімальна висота на мобільному
0
конкурентів поруч

Головне

Що справді впливає

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

Текст

Що написати на кнопці

🛒

«Купити»

Найзрозуміліший варіант для роздрібу. Не «додати до кошика» дрібним шрифтом.

⚡

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

Друга кнопка для тих, хто не хоче проходити повне оформлення.

📄

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

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

Після кліку

Що відбувається далі

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

Подивимось поведінку на сторінках товарів і виправимо те, що заважає натиснути кнопку.