Как сделать карточку товара понятной покупателям и в 1,5 раза увеличить продажи с сайта?

Правильная карточка товара — сердце сайта! Именно тут посетитель принимает окончательное решение, жать на кнопку Купить/В корзину или уйти с сайта. Тут мы должны помочь посетителю, дав ему всю ценную информацию о товаре. И не просто вывалить на него массив данных, а аккуратно расположить всё таким образом, чтобы полезности не превратились в ненужности.

В среднем, столько посетителей уходит не совершив ни одной покупки на сайте из-за проблем в карточке товара.

Данные получены на основании 7 867 исследований, проведённых нашими тестировщиками для 1 154 заказчиков, с момента запуска нашего сервиса в 2015 году.

1. CTA-кнопками.
2. Ценой / оплатой / наличием товара.
3. Изображениями товара.
4. Характеристиками.
5. Дополнительными услугами

1. Полностью кликабельная область CTA-кнопок.
2. Наличие цены до скидки и после нее.
3. Использование изображений высокого качества.
4. Размещение блока характеристик рядом с изображениями товара.
5. Наличие информации о дате доставки

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

Чтобы кнопка не потерялась, необходимо придать кнопке цвет, контрастирующий с бекграундом.

Дело в том, что более контрастный цвет кнопки важен для акцентирования внимания посетителей на целевом действии — покупке.

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

Сделайте название CTA-кнопки соответствующим её предназначению, или, что ещё лучше, тому, что посетителя действительно ждёт при клике на кнопку.

Называя CTA-кнопку таким образом, чтобы название соответствовало действию, мы исключаем саму вероятность того, что посетитель уйдет, не поняв предназначения кнопки или сочтя, что то, что произошло после нажатия на кнопку, ни что иное, как попытка его обмануть.

Если цель кнопки побудить купить товар, так и пишите «Купить». Если кнопка предназначена, для того, чтобы отложить товар в корзину, то так и пишите на кнопке «В корзину» и т.д. Фантазии тут чреваты потерей покупателя! Не перемудрите!

Как посетителю увидеть выгоду от покупки товара со скидкой, если это никак визуально не выделено?

Да никак! Отсутствие информации для сравнения обнуляет ценность вашего щедрого предложения для посетителя.

Если вы ему не расскажете о том как было и как стало — то посетитель так никогда об этом и не узнает, совершая покупки уже на сайте вашего конкурента!)

Не скромничайте, выпячивайте свои добродетели: крупным шрифтом, ярким цветом, с зачёркиванием старой цены. Подойдут любые решения визуально выделяющие новую привлекательную цену, на фоне старой угрюмой.

Повышаем ценность нашего предложения для посетителей любым приемлемым способом!

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

Ответьте сами себе на вопрос, какое решение примете вы так и не увидев и микроскопичном и некачественном изображении товар, так нужный вам? То-то же, покупать кота в мешке никто не хочет.

Добавляйте на сайт только качественные, крупноразмерные изображения. Без них продажа товара под большим вопросом!

От того, с каких ракурсов велась съёмка и велась ли она вообще, зависит — поймёт ли посетитель, что это то что ему нужно или, так и не увидев в единственном снимке товар его мечты, уйдёт задумчиво в сторону другого магазина.

Дайте посетителю не менее 3-5 изображений, с разных ракурсов, чтобы у него в голове сложилась целостная картина.

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

Поднимите технические характеристики, как можно выше, на первый экран — снимите оставшиеся возражения вашего потенциального покупателя!

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

Сделайте дату доставки прозрачной, упростите планирование своего времени для ваших покупателей и тогда вы точно сможете продать товар, а не сидеть в недоумении не понимая, почему ничего не продаётся!

1. Увеличение первичных продаж — за счет удобства и наличия в карточке товара, необходимой для принятия решения информации.
2. Увеличение повторных продаж и формирование пула постоянных покупателей — за счет повышения доверия/лояльности к вашему сайту, благодаря простоте, информативности, понятности и удобству.
   

Это вторая статья из цикла «Как в 1,5 раза увеличить продажи сайта, сделав его удобным». Каждая статья состоит из кейсов, сделанных с оглядкой на известные бренды и видео, снятого по мотивам статьи. Никакой воды, только примеры с описанием их ценности и критичности для конверсии. Читайте предыдущую статью: «Как в 1,5 раза увеличить продажи, сделав удобным поиск товаров по интернет-магазину?». Чтобы ничего не пропустить, подписывайтесь на нас на VC.ru.