Хотя каждый из элементов дизайна интернет-магазина или любого другого «продающего» сайта важен, есть один самый главный элемента – если он не в порядке, то даже если всё остальное на сайте сделано правильно, этого может оказаться недостаточно. Это самая главная кнопка на Вашем сайте – или, как её называет коллега Мышляев, «царь-кнопка».

 

Что же это за элемент, что это за главная кнопка сайта? Разумеется, это кнопка «Купить» (или «Положить в корзину», или «Заказать», или «Зарегистрироваться») – та самая кнопка, с помощью которой и совершается покупка.

За прошедшие годы я уже не раз писал о важности этого элемента на сайте – но, похоже, пришло время посвятить ему отдельный выпуск рассылки, чтобы рассказать обо всех тонкостях и предупредить Вас о главных ошибках.

Размер имеет значение

Во-первых, очень важно, чтобы кнопка «Купить» была БОЛЬШОЙ – достаточно большой, чтобы бросаться в глаза и чтобы клиенту легко было попасть на неё курсором мыши.

Это вдвойне актуально, когда Ваш сайт просматривают на экране смартфона. Пробовали когда-нибудь ткнуть пальцем в кнопку, которая на экране с ладошку величиной имеет размер в несколько миллиметров? Приятно Вам было? Вот и посетители Вашего сайта испытывают тот же дискомфорт.

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

«Не прячьте Ваши денежки...»

Следующее правило гласит: главная кнопка должна быть на виду! Спрячьте от посетителя сайта кнопку «Купить» – и он спрячет от Вас свой кошелёк.

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

Взгляните на страницу книжного магазина «Озон», где рекламируется моя книга (кстати, Вы ведь помните, что я прошу проголосовать за мою книгу прямо сейчас, верно?) – так она выглядит на экране моего ноутбука с разрешением 1024x600 точек:

Допустим, что Вы хотите приобрести книгу... а где же возможность это сделать? Увы, кнопка заказа в новом дизайне «Озона» уползла вниз, и на первом экране не отображается – хотя справа для неё есть место.

Думается мне, что продажи «Озона» были бы выше, если бы кнопка «Заказать» или «Положить в корзину» находилась в пределах первого экрана.

Выделяйся или умри!

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

Во-первых, цвет кнопки должен быть контрастным и заметным. Забудьте про светло-серый на белом или про зелёный на салатовом. Гораздо лучше работают такие сочетания, как оранжевый на синем или красный на белом.

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

Дополнительное выделение

Помимо собственного внешнего вида – размера, контрастного цвета и т.п. – иногда главную кнопку можно также выделить дополнительно с помощью каких-то графических средств.

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

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

Два лучше, чем один

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

В этом случае кнопка будет перед глазами и у клиентов, принимающих решения быстро, и у тех, кто предпочитает внимательно дочитать описание до конца.

Слова, слова, слова...

Наконец, значение может иметь и текст на кнопке. Не всем комфортно нажимать кнопку «Купить», поэтому в ряде случаев можно будет добиться лучшего результата, если на кнопке будет написано «Приобрести», «Заказать», «Добавит в корзину», «Зарегистрироваться», «Оформить заказ» и т.п. – что-то менее угрожающее и не намекающее так явно на расставание с деньгами.

Другой вариант, позволяющий поднять количество покупок – упоминание прямо в надписи на кнопке о дефиците. Либо о дефиците товара, либо о дефиците времени. Это может выглядеть как «Купить, пока ещё не поздно» или «Осталось всего 3 штуки. Купить!»

Подведение итогов

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

Удачных Вам продаж! И помните – Ваш бизнес может приносить Вам больше денег!