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

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

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

Создать карточку товара лучше с названия. Здесь чем проще, тем лучше. Не придумывайте велосипед, размещайте название так, как привычно пользователям: справа от картинки или вверху, крупным шрифтом.

Само название тоже должно быть простым и понятным как для пользователей, так и для поисковиков. В него должно входить категория товара (платье, смартфон, конструктор), особенность или характеристика товара (платье вязаное, конструктор для детей от 7 лет, смартфон 16 ГБ), название бренда. На выходе должно получиться так: «Платье женское вязаное зимнее Zara». Или «Конструктор Lego полицейский автомобиль серия “Город” (от 7 лет)». Или вот так:

Хорошее название: указаны категория товара, название бренда, основная характеристика 

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

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

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

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

Давайте посмотрим текстовые описания одной и той же категории товаров (женских сумок) в разных интернет-магазинах.

Здесь все очень кратко. Так можно описать больше половины сумок в ассортименте 

Уже лучше, указаны преимущества модели: защитные ножки, регулировка ремня

Бинго! Отличное описание, которое отвечает на насущные вопросы ЦА и закрывает их боли: из сумки ничего не выпадет, ее можно поставить на пол, и она не испачкается

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

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

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

Все фотографии можно увеличить 

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

3. Делайте собственные фото, а не берите со стоков или, того хуже, у конкурентов. Стоит выделить время, пригласить фотографа и отснять весь ассортимент. Так фото будут выполнены в одном стиле.

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

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

Так лучше, чем просто фото платья 

Видеоролики

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

Многие магазины специально снимают видео для популярных товаров 

Идеи видео для разных товаров интернет-магазина:

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

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

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

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

При нажатии на строку «Все характеристики» выпадают детальные параметры матрицы, объектива, дисплея, характеристики памяти, размеры корпуса и прочие 

Цена товара

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

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

У меня как у покупателя все вопросы закрыты! 

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

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

AliExpress так и делает 

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

Отзывы покупателей

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

Вот как делают в магазине Mamsy 

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

Дополнительные фишки

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

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

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

И точно, мне нравится! 

Как создать карточку товара самостоятельно

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