Разборы

Как оформить карточку товара в интернет-магазине: советы и примеры

Карточки товаров

Привет, на связи Юлия, маркетолог AdvantShop.

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

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

Карточка товара состоит из следующих элементов:

  1. Название.
  2. Фотографии.
  3. Видео.
  4. Описание.
  5. Характеристики.
  6. Стоимость.
  7. Отзывы.
  8. Кнопка «Добавить в корзину».
  9. Похожие товары.
  10. Избранное и список желаний.

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

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

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

Как оформить карточку товара в интернет-магазине: советы и примеры 1

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

Как оформить карточку товара в интернет-магазине: советы и примеры 2

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

Для подбора семантики можно использовать популярный Яндекс Вордстат. Тут все просто: вбиваете название вашего товара — например, «вечернее платье» — и смотрите, какие запросы часто ищут пользователи.

Как оформить карточку товара в интернет-магазине: советы и примеры 4

В название товара желательно включать характеристики товара:

  • размер;
  • цвет;
  • техническую информацию (например, для ноутбука — диагональ 15.6″ или объем память для смартфона — 256 ГБ);
  • модель устройства (например, робот-пылесос Xiaomi Robot Vaccum-Mop 2);
  • другие характеристики, которые передают представление о товаре.

Если вы продаете продукцию от разных брендов, стоит указать бренд в названии. Заголовок будет длиннее, но так вы сразу объясните клиенту, кто произвел этот товар.

Фотографии товара

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

Что важно для фотографий в карточке товара:

  • высокое разрешение (не менее 1600 px);
  • возможность увеличить масштаб фото;
  • отдельные фото для каждого цвета товара;
  • отдельно сфотографированные детали;
  • фото товара под углом.

Такая демонстрация позволит вам передать представление товара максимально близко к реальности.

Как оформить карточку товара в интернет-магазине: советы и примеры 5

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

Как оформить карточку товара в интернет-магазине: советы и примеры 6

Размер товара важно лучше показать на фото, положив рядом предмет для сравнения, или на инфографике. Даже если все параметры есть в характеристиках, клиент может упустить это из виду и получить не то, что ожидал.

Как оформить карточку товара в интернет-магазине: советы и примеры 7

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

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

Видео

Согласно статистике, после просмотра видео о товаре 64–85% пользователей склоняются к покупке. Видеопрезентация рассказывает о товаре больше, чем фото или текст, и помогает клиенту лучше воспринять товар. 

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

Как оформить карточку товара в интернет-магазине: советы и примеры 9

Видеоконтент также может стать фишкой для вашего продвижения — откройте канал на YouTube, выкладывайте там полезные видео, оптимизированные для поиска, и вы получите дополнительный канал привлечения клиентов.

Описание товара

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

Например, один из сегментов ЦА магазина здорового питания — девушки, желающие похудеть. Что важно указать для них в описании: состав продукта, отсутствие нежелательных ингридиентов (сахар, белая мука, консерванты), польза, калорийность, БЖУ. Так делает интернет-магазин Libranch:

Как оформить карточку товара в интернет-магазине: советы и примеры 10

Размер описания зависит от вашего товара, он может быть как 300, так и 2 000 знаков. Главное, чтобы весь текст был по делу и в пределах разумного. Если текст больше 500 символов — можно сделать его раскрывающимся блоком. То есть на странице показывается начальная часть текста, по желанию пользователь может развернуть полное описание, кликнув «Показать ещё».

Такое построение описаний товаров использует магазин Tizzi:

Как оформить карточку товара в интернет-магазине: советы и примеры 11

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

Пример структурированного описания в магазине РейниКидз:

Как оформить карточку товара в интернет-магазине: советы и примеры 12

В описании товара не нужно писать про оплату, доставку, возврат — для этого есть другие разделы интернет-магазина.

Характеристики товара

Измерьте и узнайте все детали продукта. Так, например, при выборе техники покупатели сравнивают товары в первую очередь по техническим данным. 

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

Как оформить карточку товара в интернет-магазине: советы и примеры 13

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

Стоимость

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

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

Как оформить карточку товара в интернет-магазине: советы и примеры 14

Статус наличия на складе товара тоже нужно обозначить четко: «Есть в наличии» либо «Нет в наличии». Варианты «Уточняйте у продавца» и тому подобные только вводят в заблуждение. Покупатель, скорее, найдет магазин с понятными условиями, чем будет выяснять наличие — если, конечно, вы не продаете какие-то уникальные, авторские товары. 

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

Как выглядит эта опция в интернет-магазине Lamoda:

Как оформить карточку товара в интернет-магазине: советы и примеры 15

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

Отзывы

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

Добавляйте отзывы в карточку товара, чтобы повысить доверие и конверсию. Главное, чтобы они были настоящими. Люди могут заметить, если отзывы заказные — тогда вместо лояльности получится обратный эффект.

Пример блока с отзывами на странице товара:

Как оформить карточку товара в интернет-магазине: советы и примеры 16

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

Кнопка «Добавить в корзину»

Главная цель карточки товара: побудить клиента нажать кнопку «Купить» или «Добавить в корзину» и оформить заказ.

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

Вот пример удачного расположения кнопки:

Как оформить карточку товара в интернет-магазине: советы и примеры 18

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

Еще один вариант кнопки — «Купить в один клик». Она располагается рядом с основной кнопкой. Может выглядеть как ссылка или как еще одна кнопка.

Как оформить карточку товара в интернет-магазине: советы и примеры 19

Нажав на нее, покупателю нужно оставить только имя и номер телефона. Далее с ним связывается менеджер и уточняет детали заказа. Это сокращает время покупателя при оформлении заказа, ему не нужно заполнять многочисленные поля.

Похожие товары

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

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

Так, зоомагазин Tomcat.ru предлагает к корму для собак докупить миску или контейнер для корма:

Как оформить карточку товара в интернет-магазине: советы и примеры 20

Избранное и список желаний

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

В карточке товара это выглядит так:

Как оформить карточку товара в интернет-магазине: советы и примеры 21

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

Что дальше?

Проанализируйте карточки товаров в вашем интернет-магазине и выделите те страницы, которые требуется дополнить и отредактировать. Примените вышеописанные рекомендации, чтобы создать правильную карточку товара. Далее в течение 1–2 месяцев отследите, изменился ли коэффициент конверсии. Тестируйте и улучшайте страницы товаров по мере развития вашего бизнеса. 

А если у вас еще нет собственного интернет-магазина, его можно создать на платформе AdvantShop. Там есть все инструменты для оформления правильных карточек товара, а также готовые шаблоны дизайна, выгрузка товаров на маркетплейсы и в соцсети, встроенная CRM-система, интеграции с маркетплейсами и Unisender. Кстати, все возможности AdvantShop можно протестировать бесплатно в течение 14 дней.