Как оформить карточку товара

Статья обновлена 17.06.2024

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

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

Что такое карточка товара

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

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

Заполнение карточки товара

Базовый шаблон карточки товара включает в себя такие элементы, как:

• название продукта;
• цена;
• иллюстрации;
• описание;
• призыв купить.

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

• способы доставки и оплаты;
• отзывы и оценки других покупателей;
• наличие товара, гарантии возврата;
• доступные цвета и размеры.

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

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

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

Немного сложнее ситуация, если вы продаете услуги. Например, на hostiq.ua мы продаем хостинг — место для размещения сайта. Мы не можем показать на фото, как будет выглядеть сервер, на котором разместим сайт клиента. Да и вряд ли ему это будет интересно. Зато мы обязательно описываем, что входит в тариф хостинга, сколько он стоит, какие есть гарантии и что говорят о нем другие клиенты.

Дизайн карточки товара

Начните оформление товара с грамотного расположения элементов на странице. Оно базируется на том, как пользователи считывают информацию с экрана. В 2006 году учёные из Nielsen Norman Group выяснили, что человек «вырисовывает» взглядом на странице латинскую букву F. По этому паттерну самые важные элементы — название, изображение и призыв к действию — располагают вверху страницы.

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

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

Вверху справа расположите цену и призыв к действию — купить или положить в корзину. Если товара нет в наличии, добавьте кнопку «Сообщить о поступлении» и «Добавить в избранное».

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

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

Верстка карточки товара включает заголовок — название продукта. Заголовок напишите крупным шрифтом и укажите в нем тип товара, модель и бренд. Имя производителя выделит товар среди аналогов. Можно добавить в название цвет или отличительные характеристики: наличие 4G для планшета, bluetooth для наушников, отсутствие сахара в десерте.

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

Иллюстрации

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

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

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

Описание продукта

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

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

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

Стоимость

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

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

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

Призыв к действию

Кнопки «Купить», «Добавить в корзину», «Заказать» — это призыв к действию. Человек выбрал товар, его устраивает цена — пора дать ему инструмент для покупки.

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

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

Доступные цвета

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

Карта размеров

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

В карте товара стоит указать размерную сетку, чтобы посетитель сразу ориентировался, что свитер размера «M» подходит по ширине спины и длине рукава. Чем меньше информации человеку придется искать на сторонних сайтах, тем выше вероятность, что он останется на вашем и купит нужную ему вещь.

Наличие на складе

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

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

Рассрочка платежа

Бытовую технику, образовательные курсы, кожаные и меховые изделия магазины могут продавать в кредит или в рассрочку. Если вы сотрудничаете с банком и имеете такую опцию, расскажите об этом покупателю. Рядом с ценой либо кнопкой «Купить» добавьте пиктограммы, обозначающие возможность покупки в рассрочку либо кредит.

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

Доставка и оплата, гарантии

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

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

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

Сопутствующие товары и аналоги

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

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

Отзывы

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

Хлебные крошки

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

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

Памятка: необходимые элементы карточки товаров

1. Основная информация

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

2. Дополнительная информация

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