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

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

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

Так выглядит карточка товара на Вайлберрис

Карточкой товара называют страницу сайта или ее часть, отведенную под товар. Такая страница раскрывает одно или несколько изображений товара, его текстовое описание и главные характеристики. Заполнением карточек товаров на маркетплейсах занимаются специально обученные люди – дизайнеры. Они работают профессионально. Но можно научиться делать это самостоятельно, потратив на обучение всего 2-3 часа. В интернете можно найти десятки программ и редакторов, значительно упрощающих задачу.

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

Какие компоненты включает в себя карточка товара

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

Карточка товара содержит разные компоненты: описание и характеристики товара, фото и видео, кнопки «Добавить в корзину» и «Добавить в избранное», инфографику.

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

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

Текстовое наполнение

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

Блок с информацией в карточке товара обычно располагается справа от фотографий. Это так называемая область покупки. В ней содержится все необходимое для изучения и выбора. Тестовое наполнение может быть каким угодно, главное – грамотно составить описание и выгодно подчеркнуть преимущества продукта.

Характеристики и описание товара располагаются в правой части страницы

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

Изображения

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

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

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

Видео

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

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

Видео должно быть в высоком качестве и с хорошим звуком. Формат подойдет MP4 или MOV. Слишком тяжелое видео не загрузиться на сайт, оптимальный размер – до 100 мб, длительность – не более пяти минут. Готовый ролик можно загрузить на Ютуб, а после добавить его идентификатор в карточку товара.

Инфографика

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

Существует несколько способов сделать инфографику лучше:

1. Не перегружайте карточку лишними деталями, так товар и ключевые моменты будут лучше видны покупателю.
2. Давайте покупателю информацию о товаре дозировано и постепенно, должно быть емко, но содержательно.
3. Меньше текста – больше смысла, огромные простыни текста не вызывают желания к прочтению.
4. Используйте визуальные эффекты, они помогают лучше воспринимать информацию.
5. Светлый фон на светлом фоне – табу, разумное использование контрастов подчеркнет преимущества товара.

Инфографика показывает ключевые преимущества товара без перехода в карточку

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

Рич-контент

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

Рич-контент состоит из нескольких элементов. Все они дополняют друг друга и подчеркивают преимущества продукта. Можно использовать сразу несколько форматов или выбрать один, все зависит от типа товара. Для техники используют инфографику и видеоролики, для мебели – 3д моделирование.

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

Рич-контент повышает конверсию для бытовой техники более чем на 30%. Инструмент имеет много способов применения: Фото 360⁰, 3D-модели, элементы сторителлинга, AR.

Фото 360 градусов

Под термином «Фото 360 градусов» подразумевается показ изображений в режиме слайд-шоу. Такая презентация позволяет показать товар со всех сторон. Для создания фото 360 потребуется специальное оборудование: подвижная платформа, штатив, фон. Чтобы видео выглядело более реалистично, сделайте как можно больше снимков (от 30 до 70).

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

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

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

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

Стоимость и рассрочка

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

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

Оценки и отзывы

Блок с оценками и отзывами от реальных покупателей повышает клиентский уровень у ЦА

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

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

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

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

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

Информация о доставке и оплате

Раздел с доставкой и оплатой появляется после нажатия на кнопку «Корзина»

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

Блоки товарных рекомендаций

Товарные рекомендации облегчают поиск нужных товаров

Размещение блоков товарных рекомендаций повышает продажи и увеличивает прибыль.

Метод кросс-сейла:

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

Блоки товарных рекомендаций работают и над имиджевой составляющей страницы. Дополнительные разделы с похожими товарами и подборки изделий повышают уровень доверия покупателей.

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

Как сделать карточку товара на Вайлдберриз

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

Как сделать карточку товара на Вайлдберриз – пошаговое руководство:

1. Найти раздел «Товары».
2. В меню «Карточки товаров» нажать на «Добавить».
3. Заполнить рекомендуемые поля.
4. Придумать название магазина.
5. Создать заголовок (наименование товара).
6. Указать технические характеристики товара.
7. Сделать описание продукта.
8. Добавить фото и видео.

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

Создавать карточки можно сразу после регистрации на сайте маркетплейса

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

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

Как создать карточку товара на Озон

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

Главная страница Озон выглядит несколько иначе, чем Вайлберрис, но принцип размещения карточек товаров практически идентичен

Руководство пользователя или как сделать карточку товара на Озон – пошагово

Карточку товара на Озон можно создать разными способами, рассмотрим варианты.

1. Открыть «Товары и цены», далее – «Добавить новый товар». Этот способ подойдет, если вы создаете карточку впервые.
2. Если ранее вы уже размещали карточки, подойдет способ копирования. Для этого нужно зайти в «Товары и цены», выбрать «Список товаров» и открыть раздел «В продаже». После найти готовую карточку, нажать на три точки и выбрать «Сделать копию». Далее останется дело за малым – отредактировать характеристики.
3. Карточку можно создать через копирование чужого товара. После останется только подогнать характеристики под свой товар. Помните, торговать по чужой карточке не получится. За использование чужого контента маркетплейс начисляет штрафные баллы и блокирует украденные карточки.
4. Сделать карточку с помощью шаблона XLS можно в разделе «Товары и цены». Для этого нужно выбрать категорию, скачать шаблон и загрузить готовый файл.
5. По аналогии с шаблоном оформляется онлайн таблица. Располагается она в той же вкладке, что и в предыдущем варианте. Использовать таблицу очень удобно, так как в ней подсвечиваются допущенные при заполнении карточки ошибки.
6. Еще один способ создания карточки – через программу 1С. Для этого скачайте расширение на компьютер. Путь почти идентичен предыдущему способу: «Товары и цены», далее «Seller API».
7. Оформление сразу нескольких карточек с помощью опции «Мой склад» займет всего несколько минут. Автоматизированная загрузка товаров сбережет время пользователя. Путь, что и в предыдущем варианте: «Товары и цены» + «Seller API».
8. Если у вас уже есть карточки товаров на других площадках, можно использовать их в качестве шаблонов. Алгоритм загрузки следующий: «Товары и цены» + «Добавить товар» + «Перенести с другой площадки».

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

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

Как сделать дизайн карточки товара в Фигме

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

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

Как сделать карточку товара в Фигме – инструкция для новичков:

Прежде, чем приступить к работе, подготовьтесь и выполните следующие шаги:

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

Элементы базового макета в Фигме – это его основа (прямоугольник) + изображения. Добавление текста является следующим шагом в создании макета. Редактор позволяет настраивать шрифт, размер и цвет теста, добавлять информацию, вносить изменения.

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

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

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

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

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

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

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

1. Указать заголовок и описание для товара.  
2. Добавить цены: предусмотрена возможность указать одну или две цены (например, старая и новая).  
3. Загрузить изображение: здесь также задается атрибут alt для улучшения SEO и можно включить ленивую загрузку (lazy load), чтобы оптимизировать работу сайта.  
4. Добавить иконку скидки, если товар продается с уценкой.  
5. Настроить кнопку действия: например, задаем тип ссылки как всплывающее окно. Такое окно выбирается из каталога блоков и добавляется в настройках кнопки. При нажатии на кнопку, например, «Добавить в корзину», пользователь увидит сообщение с благодарностью за покупку.

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

Подробнее, читайте в нашей инструкции “Как создать интернет-магазин”

Каких ошибок лучше избегать, создавая карточки товара 

При заполнении карточек продавцы часто допускают ошибки. Рассмотрим наиболее частые из них.

1. Тип товара указан неверно. Здесь вам поможет справочник товаров. Но можно поступить еще проще и посмотреть, к какому типу относится этот товар у других продавцов.
2. Во вкладках размещены не релевантные фото. В теле одной карточки могут быть изображения только одного товара, они должны полностью соответствовать заявленному описанию.
3. Главное фото содержит надписи и ссылки. Согласно правилам платформы запрещаются ссылки, которые ведут на другие сайты. Рекламные слоганы или фразы могут быть признаны оценочными суждениями, карточка уже на первом этапе загрузки просто не пройдет модерацию.
4. Указан другой бренд. Использование чужих брендов, логотипов и контента – запрещено.
5. В названии товара присутствуют ошибки. Проверьте написание заголовка и всего остального текста перед отправкой карточки на модерацию.
6. В главном фото используется темный фон. Внимательно изучите и другие требования к загружаемым файлам. Вдруг вы найдете и другие несоответствия.
7. Фото перегружено инфографикой. Главное фото не должно содержать много информации, это мешает ее восприятию. Все должно быть лаконично, но содержательно.
8. Товар не допускается к продаже. Для некоторых видов товаров требуются разрешительные документы. Изучите, что можно продавать на площадке, а что нельзя.

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

Заключение

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