Какой цвет сделать для кнопки «Купить», чтобы увеличить продажи

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

Конечно, в первую очередь посетителей сайта должен привлекать сам товар. Но, как показали исследования по маркетингу, цвет кнопки значительно влияет на желание её нажать, и, соответственно, купить предложенный товар. Рассмотрим, какие советы по поводу выбора цвета кнопки «Купить» дают опытные маркетологи и тестировщики.

Как и почему цвет кнопки «Купить» влияет на продажи

Зрительное восприятие для человека очень важно. Зная об этом, все стараются оформить свой сайт наиболее привлекательно, и «показать товар лицом», разместив его изображение в самых выгодных ракурсах.

Но если рядом с идеальными фото и заманчивыми описаниями товара находится невнятная кнопка «Купить», цвет которой не привлекает внимания и не призывает к действию, то ваши посетители могут так и не стать покупателями.

Если просто следовать правилу целостности и гармоничности дизайна, и сделать кнопку «Купить» в цвете, подходящем к общему оформлению, но сливающемся с фоном, мало кто обратит на неё внимание.  И пользователи, не увидев явной подсказки, говорящей о том, что этот товар можно купить, отправятся на другие сайты. 

Красота и привлекательность в некоторых случаях разные вещи. Учитывайте, что задача кнопки «Купить» не просто украсить собой страничку, а в первую очередь привлечь внимание. Поэтому она должна быть контрастной, и выделяться на общем фоне.

Какой должна быть кнопка купить в интернет магазине

Но это не значит, что необходимо подобрать цвет, режущий глаза диссонансом –  всё должно выглядеть эстетично и гармонично. Рассмотрим, как это сделать, и какого цвета лучше сделать кнопку «Купить» на сайте интернет-магазина.

Какой цвет лучше выбрать для кнопки «Купить»

Ориентация на целевую аудиторию сделать выбор в пользу какого-либо цвета для кнопки «Купить» совершенно не поможет. У каждого человека есть свой любимый цвет, и это не зависит от пола, возраста и социального статуса. Подстроиться под каждого пользователя невозможно, но можно учесть общие тенденции, результаты тестирования и советы опытных маркетологов.

Доказано, что, если выбрать цвет кнопки «Купить» правильно, можно увеличить продажи до 65%. Но однозначного ответа, какого же цвета её нужно сделать, нет. Всё зависит от дизайна – слово «Купить» должно быть оттенено ярким цветом, заметным на общем фоне.

Начнём с того, какие цвета выбирать не следует: 

  • Не выбирайте тусклые, тёмные оттенки;
  • Не стоит довольствоваться простой рамочкой, такой призрачный силуэт плохо заметен и совершенно непривлекателен;
    Плохой пример оформления кнопок на сайте
  • Серый цвет использовать не рекомендуется категорически – серая кнопка «Купить» выглядит неактивной, и не вызывает желания на неё нажать;
  • Также будьте осторожнее с тенями и градиентами – если визуально кнопка будет казаться вогнутой, то воспримется, как уже нажатая. Так что делайте её либо однотонной, либо зрительно выпуклой;
  • Хоть чёрный цвет и выглядит достаточно ярким, но для этой цели его лучше не выбирать – на страничках обычно находится текст чёрного цвета, и кнопка на его фоне не будет достаточно притягивать взгляд.

 

О том, что лучше всего выбрать для кнопки «Купить» контрастный к общему фону цвет, мы уже сказали. Теперь уточним, какие цветовые сочетания считаются контрастными:

  • Красный – зелёный
  • Синий – оранжевый
  • Жёлтый – фиолетовый.

 

Второе название таких сочетаний – комплиментарные, так как они имеют свойство дополнять и подчёркивать друг друга. Например, на фоне изобилующей синими оттенками странички наиболее ярко будет выглядеть оранжевая кнопка «Купить», и наоборот – синяя кнопка лучше других заметна на оранжевом фоне. 

Также не стоит и полностью отбрасывать психологическое воздействие цвета на человека. Рассмотрим, как влияют на эмоциональное состояние наиболее популярные цвета:

  • Красный. Привлекает внимание, повышает решительность и побуждает к действию.
    красная кнопка купить в интернет магазине фото
  • Зелёный. Даёт чувство безопасности, успокаивает и настраивает принять решение.
    Кнопка cta зеленого цвета в интернет магазине пример
  • Оранжевый. Вызывает оптимизм и бодрость, повышает активность.
    Кнопки CTA оранжевого цвета на сайте
  • Жёлтый. Настраивает на дружелюбие, коммуникабельность  и позитив, призывает к общению.
    Желтый цвет для кнопки купить фото
  • Синий. Создаёт ощущение стабильности, повышает доверие.
    Пример синей кнопки купить
  • Фиолетовый. Помогает сосредоточиться и сконцентрироваться, ассоциируется с роскошью и благополучием. 
    Фиолетовый цвет кнопки пример

 

Чтобы сделать кнопку «Купить» более заметной и зрительно привлекательной, лучше выбрать для неё яркие, чистые оттенки. А правильно подобранное контрастное решение будет акцентировать на ней внимание пользователей, и поможет увеличить продажи в вашем интернет-магазине.

Но опять-таки при выборе отталкивайтесь от общего дизайна сайта, проведите A/B-тестирование, чтобы оценить эффективность различных цветов и вариантов оформления. 

А вы пробовали экспериментировать с цветом кнопки «Купить»? Может, у вас есть свои критерии выбора, и вы захотите поделиться ними с нашими читателями?

 

P.S. Еще больше фишек, которые помогут вам повысить продажи интернет-магазина, можно узнать на курсе «10X Интернет-Магазин». А с промо-кодом «Color-21-10» для вас будет действовать специальный бонус.

Ближайшее мероприятие с участием лично Павла Шульги
18 (Пн) ноября в 19:00 Киев / 20:00 МСК

Бесплатный мастер-класс
"8 приёмов по web-аналитике чтобы увеличить прибыль и уменьшить затраты"
Рекомендуемые статьи этой категории
Бесплатный аудит
Вашего сайта в 1 клик
Введите ссылку на Ваш сайт и мы за 31 секунду проанализируем его на ошибки, изменив которые, Вы можете увеличить посещаемость сайта на 200 - 400%