Загрузка...
Закрыть
Предупреждение
Для обеспечения высокого уровня обслуживания на этом сайте используются куки (cookies). Продолжая его использование, вы соглашаетесь с тем, что куки (cookies) будут сохраняться на вашем компьютере: Принять

Идеальная карточка товара: 10 обязательных элементов

October 28th, 2020

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

 

  1. Название товара
  2. Изображение
  3. Наличие в магазине
  4. Скидки и акции
  5. Выбор опций
  6. Таблица размеров
  7. Условия
  8. Дополнительные блоки
  9. Кнопка «Купить»
  10. Детальное описание или характеристики
  11. Рейтинги и отзывы
  12. Обратная связь
  13. Мобильная версия карточки товара

Вывод


 

1. Название товара

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

Длинное название товара в карточке товара

 

2. Изображение

Хорошие качественные фотографии частично помогают компенсировать невозможность пощупать, понюхать товар. Важно показать потенциальному покупателю кажду мелочь в предмете. Если вы продаете одежду, то желательно сделать общий вид товара, крупный план деталей и фото, как товар выглядит в реальной жизни, на улице, в природных условиях. Актуально, если вы продаете одежду для туристов. Например на сайте Decatlon много наглядных фотографий товаров.

Много фотографий в карточке товара

Когда клиент нажимает на +17 фотографий, то открывается целая галерея фотографий с деталями товара, общий вид в жизни.

фотографии товара в жизни

Можно настроить просмотр товара на 360 градусов или 3D модуль, а можно добавить видео обзор в галерею в карточке товара. 

CS-Cart модуль "Видео менеджер"

Мы часто работаем с платформой для электронной коммерции — CS-Cart. В CS-Cart по умолчанию можно добавлять несколько изображений к товару, каждое из которых покупатель сможет приближать. Бывает так, что у товара много цветовых решений и желательно, чтобы показывались соответствующие фото, если клиент выбирает другой цвет товара.Например, покупатель выбирает между желтой и синей сумкой. Когда он переключается между этими цветами в карточке товара, то клиент должен видеть товар соотвествующего цвета. Такая функция есть в CS-Cart.

 

3. Наличие в магазине

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

Товар в наличии пример на странице товара

Товара нет в наличии на странице товара

Выше пример с интернет-магазина Ozon и, если товара нет в наличии, то клиент может подписаться на товар и ему придет оповещение на почту или номер телефона, когда товар будет в наличии.

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

Или же может быть ситуация, когда товара на складе осталось мало. В карточке товара бывает написано, что осталась всего 1 позиция товара, как бы намекая клиенту, что следует поторопиться с покупкой. 

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

Обратите внимание на наш модуль "Статусы наличия на складе".

 

4. Скидки и акции

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

 

 

5. Выбор опций

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

Преимущества этого способа:

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

 

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

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

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

 

6. Таблица размеров

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

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

 

7. Условия

Сейчас люди ценят время и если сразу не находят нужной информации по условиям продажи, то не ищут ее на сайте, а уходят в другой интернет-магазин, где получают всю информацию в карточке товара. Очень высокая конкуренция. Упростите путь к покупке для клиента и укажите на карточке условия доставки, гарантии и возврата. Если покупатель увидит информацию о гарантиях и возврате, он будет уверен в безопасности вложения денег.

Дополнительно нужно отображать стоимость и сроки доставки в карточке товара. Иногда клиентов устраивает цена товара, но они сомневаются в стоимости доставки, а вот искать по сайту информацию о сроках и стоимости доставки многим клиентам лень. Также на странице доставки в интернет-магазине часто даны лишь общие цифры и приходится самому вычитывать и высчитывать сколько будет стоить доставка в случае оформления заказа. Гораздо легче и быстрее будет, если в карточке товара сразу будет указана стоимость и сроки доставки до города, который определелся по IP. 

 

8. Дополнительные блоки

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

А если клиент только делает первые шаги в лыжном спорте и хочет себе прикупить горные лыжи, то самое время ему порекомендовать лыжные костюмы, очки, термосы в блоке «С этим товаром часто покупают», «Вам может понравиться» и подобные. Это хорошо стимулирует кросс-продажи.

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

 

9. Кнопка «Купить»

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

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

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

Посмотрите наш модуль "Улучшенная кнопка Добавить в Корзину"

 

10. Детальное описание или характеристики

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

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

 

11. Рейтинги и отзывы

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

 

12. Обратная связь

Даже если в карточке товара есть вся информация о товаре, у клиентов все равно могут возникнуть вопросы. Важно не упустить меняющиеся тренды и всегда иметь возможность общения с клиентами. И клиенты больше доверяют интернет-магазину до которого можно дозвониться, связаться и получить ответ на свой вопрос. Обызательно давайте клиентам возможность задавать вопросы и отвечать на них. Это вызовет больше доверия к интернет-магазину, покажет, что в нем есть активные пользователи и поможет определиться с покупкой тем, кто сомневается. Здесь же вы сможете отрабатывать возражения и стимулировать сопутствующие продажи.

Например, активно разделом «Вопрос / ответ» пользуются покупатели интернет-магазина DNS: уточняют комплектацию, задают вопросы о программном обеспечении для компьютеров. Консультанты в ответ не только делятся полезной информацией, но прикрепляют ссылки на другие товары интернет-магазина, стимулируя продажи.

 

13. Мобильная версия карточки товара

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

Первый вариант — использовать адаптивную верстку, как в платформе CS-Cart (и в модулях для CS-Cart). Это означает, что размеры страниц, в том числе карточка товара, автоматически подстраиваются под экран устройства, с которого заходит посетитель. Функциональность и юзабилити при этом не страдает.

Второй вариант — отдельно разрабатывать десктопную и мобильную версии интернет-магазина. Этот вариант уже устарел и мы не рекомендуем его. 

 

Вывод

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

В CS-Cart по умолчанию есть два вида карточек товара: стандартный шаблон и шаблон с увеличенной картинкой. Оба варианта уже содержат большую часть элементов для максимальной конверсии. Расширить возможности дефолта вам помогут модули, которые мы упоминали в статье. Плюс к этому вы легко можете кастомизировать шаблоны CS-Cart или создать свои. Можно даже настроить разные карточки для разных товаров. Протестируйте демоверсию CS-Cart и убедитесь сами, что это самая функциональная платформа для интернет-магазина и маркетплейса.

 

Up