Как добавить карточку товара на сайт? Мастер-данные и оформление товара

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

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

Мастер-данные товара. Что это и как их оформить

Очень важно проработать мастер-данные товара. Мастер-данные – это данные, которые содержат информацию и характеристику объектов. Например, информация об услугах и товарах, о технологиях, о клиентах и так далее.

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

Наименование товара должно быть размещено над изображением или справа. Такое размещение обусловлено Z и F – паттернами – поведенческим восприятием информации пользователями. Левый верхний угол – это самое лучшее место для размещения наименования товара для того, чтобы пользователь сразу понимал, нашел ли он желаемое.

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

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

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

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

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

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

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

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

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

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

Визуальная составляющая карточки товара

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

Грамотно поработайте с кнопкой целевых действий в карточке товара, она должна быть яркой и заметной. Выберите правильный и уместный призыв, который бы подходил под вашу продукцию и целевую аудиторию. Используйте функцию покупки в один клик – она значительно повышает конверсию. А также используйте кнопку добавления товара в избранное без предварительной регистрации на сайте.
Уделите внимание заказам, оплате и получению товара. Это относится к сервисному блоку карточки товара. Данная информация должна располагаться под кнопкой призыва к действию. Внедрите в карту товара информацию о наличии товара на складе и кнопку «уведомить о поступлении» или «предзаказ» на случай, если товар отсутствует. Так вы снизите вероятность того, что клиент уйдет к конкурентам. Не указывайте информацию о доставке в баннерах, так как пользователь может ее не заметить. В век высоких технологий и обильности реклам, существует «баннерная слепота» это когда мозг пользователя полностью игнорирует баннеры и информацию на них. Лучше пропишите информацию о доставке в карте товара и заранее обозначьте стоимость, если доставка платная. Также добавьте автоматический расчет стоимость доставки для регионов, информацию о гарантии и возврате товара.

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

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

Интернет-магазин — это достаточно объемный глубокий многостраничный сайт. Для его создания нужен специалист, имеющий опыт работы в данной сфере. Поэтому подходите с умом к выбору исполнителя.
Надеюсь, эта статья была Вам полезна! Если у Вас есть вопросы, воспользуйтесь формами обратной связи на сайте или разделом Контакты
Станислав Лапин - руководитель студии kakus.pro - Создание и продвижение сайта
Станислав Лапин
Автор статьи. Основатель и руководитель студии интернет-маркетинга kaktus.pro: Создание и продвижение сайтов
Наша команда предоставляет услуги по продвижению в социальных сетях, контекстной рекламы, а также создание сайта для вашего бизнеса:
• Создаем сайт в срок до 14 календарных дней
• Варианты сайта: от шаблонного до эксклюзивного дизайна
• Взаимодействие заказчика с персональным проект-менеджером
• Договорные отношения, любая форма оплат

Оформляй заявку на сайте или используй удобные для себя средства связи:
Номер телефона: +7 995 353-27-47
Эл. почта: mail@kaktus.pro
Адрес офиса: Орск, проезд Металлургов, 6Б, офис 2

Made on
Tilda