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

И что в ней должно быть помимо описания товара

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

Привет, на связи Юлия, маркетолог Адвантшоп.

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

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

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

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

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

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

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

Пример карточки товара обоев Erismann
Название видно, даже несмотря на акцентные розовые детали

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

Название товара справа на карточке
Здесь название товара крупное, сразу бросается в глаза

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

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

Поиск популярных запросов в Вордстате
Популярные запросы в Вордстате
Поиск похожих запросов в Вордстате
Загляните еще в раздел «Похожие», там тоже можно найти ключевые слова

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

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

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

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

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

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

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

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

Как правильно оформить фото товара
В этой карточке товара круто, что можно приблизить фото и изучить товар детальнее

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

Как товар будет выглядеть в интерьере
На примере больше продает ощущение красоты и уюта, чем товар отдельно, хотя и сам по себе он красивый

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

Инфографика в карточке товара
Продавец даже сделал инфографику с размерами кресла ― это очень информативно для клиента

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

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

Для создания инфографики можно обратиться к дизайнерам или использовать специальные сервисы. Например, нагенерировать много карточек товара можно сделать в Fabula AI. Загрузить товар и заменить скучный фон на что-то интересное, например, красивый интерьер. Добавить текст с помощью инструмента «Инфографика»: ИИ-редактор самостоятельно распознает товар и подсветит его преимущества. Помимо карточек товара в Fabula можно сделать логотип, заменить лицо на фото или видео, сгенерировать уникальную картинку, удалить фон или сделать его прозрачным.

Видео

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

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

Видео в карточке товара
Эта модель гриля далеко не дешевая, хочется тщательнее изучить её прежде чем потратить крупную сумму

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

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

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

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

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

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

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

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

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

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

Правильное описание в карточке товара
Структурированный текст куда проще изучать, чем продираться через полотно предложений

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

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

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

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

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

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

Стоимость

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

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

Как расположить цену и кнопку в карточке товара
Цена не выделена цветом, как кнопка, однако она сразу бросается в глаза за счет крупного шрифта

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

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

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

Кнопка «Узнать о поступлени»
Кнопка «Узнать о поступлении» большая, заметная. И поскольку нет кнопки «В корзину» сразу понятно, что товара в наличии нет

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

Отзывы

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

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

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

Блок с отзывами на сайте
В отзывах нет расхваливания товара, поэтому им проще поверить

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

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

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

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

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

Кнопка добавления товара в корзину
Кнопка «В корзину» здесь самая яркая: насыщенно-зеленая заливка выделяется на фоне других элементов

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

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

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

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

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

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

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

Сопутствующие товары в интернет-магазине
Зоомагазин Tomcat.ru предлагает к корму для собак докупить миску или контейнер для корма

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

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

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

«Избранное» в интернет-магазине
Как правило, избранное помечается иконкой с сердечком

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

Что дальше?

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

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

Автоматизируйте рассылки вместе с Unisender

Email / Telegram / SMS. Есть AI-ассистент, 200+ готовых шаблонов и интеграций, сегментация и персонализация. До 1 500 писем бесплатно.

Попробовать

«Честно» — рассылка о том, что волнует и бесит

Искренние письма о работе и жизни, эксклюзивные кейсы и интервью с экспертами диджитала.

Наш юрист будет ругаться, если вы не примете :(