Карточка товара, которая продаёт: что там должно быть
Карточка товара - это последняя страница перед корзиной. Человек уже заинтересован, иначе бы не кликнул. Ваша задача - не испортить это решение и дать всё, что нужно для заказа.
Фотографии - не меньше четырёх, и все рабочие
Одна картинка на белом фоне - это не карточка, а заглушка. Покупатель хочет увидеть товар с разных сторон, в масштабе, в использовании.
Минимум четыре фото: общий план, крупный план важной детали, товар в руках или в интерьере, упаковка если она часть ценности. Для одежды обязательна модель, для техники - разъёмы и элементы управления.
Частая ошибка - сжатые до пикселей картинки или фото с чужого сайта в низком разрешении. Если человек не может рассмотреть товар, он уходит к конкуренту. Загружайте оригиналы хотя бы 1500 пикселей по длинной стороне.
Цена, наличие и срок доставки - на виду
Эти три параметра должны читаться за секунду, без прокрутки. Цена крупная, без звёздочек про условия мелким шрифтом ниже. Если товара нет - пишите прямо, когда ожидается, а не «уточняйте у менеджера».
Срок доставки указывайте конкретный: «завтра к 18:00» работает в десять раз лучше, чем «1-3 дня». Это касается и самовывоза - адрес склада, часы работы, парковка есть или нет.
Кнопка «Купить» должна быть одна, контрастная, со словом действия. Не «Подробнее», не «Узнать цену» - купить, заказать, в корзину.
Описание - ответы на вопросы, а не копипаста из техпаспорта
Человек пришёл с конкретной задачей. Для дрели это - просверлить бетон или дерево, для кофемашины - сколько чашек в день и насколько громко. Пишите про задачу, а характеристики дайте списком ниже.
Плохое описание: «Данная модель сочетает в себе современные технологии и высокое качество исполнения». Хорошее: «Мощности 750 Вт хватает для сверления бетона до 13 мм без перфоратора. Весит 1.8 кг - рука не устаёт за час работы».
Не копируйте текст с сайта производителя - его уже прочитали у конкурентов. Напишите своё: что из этого важно для покупателя, какие вопросы закрывает товар, с чем его обычно берут.
Характеристики таблицей - чтобы сравнивать
Покупатель открывает несколько вкладок и сравнивает. Если характеристики размазаны по тексту или их вообще нет - вы выбываете.
Таблица с параметрами должна быть всегда: размеры, вес, материал, мощность, комплектация. Даже для простых товаров - футболка это размерная сетка, состав ткани, уход. Для техники - все цифры из инструкции.
Называйте параметры одинаково во всех карточках категории. Если у одного ноутбука написано «Оперативная память», а у другого «RAM» - сравнивать неудобно, человек уходит туда, где таблицы в порядке.
Отзывы с фото - или честно без них
Отзывы работают, когда они настоящие. Пять восторженных текстов без фото, с именами «Мария» и датой «вчера» читаются как fake. Лучше вообще без раздела, чем так.
Если товар новый и отзывов нет - напишите об этом: «Модель в продаже с 15 января, отзывы появятся после первых покупок». Не надо придумывать.
Когда отзывы есть - показывайте и плохие тоже, с ответами магазина. Карточка с рейтингом 4.6 и видимой работой над косяками убедительнее, чем 5.0 и сплошной восторг.
Блок «С этим товаром покупают» - если он правда к месту
Допродажи работают, когда логичны. К дрели предложить свёрла и кейс - нормально. К ней же предложить перфоратор - человек запутается и уйдёт.
Не пихайте в этот блок товары подороже в надежде поднять чек. Покажите то, что реально докупают: для кофемашины это фильтры и средство от накипи, для телефона - чехол и стекло. Три-четыре позиции, не больше.
Если статистики покупок нет, оставьте блок пустым. Случайная подборка только отвлекает.
Мобильная версия - больше половины трафика оттуда
Откройте карточку товара с телефона прямо сейчас. Если фото не листаются, кнопка «Купить» за три экрана вниз, текст мелкий - вы теряете заказы каждый день.
На мобильном всё должно быть крупнее и ближе к началу: цена, наличие, кнопка заказа, первое фото. Описание можно свернуть под «Читать полностью», характеристики тоже. Человек пролистывает быстро - ловите его в первом экране.
Проверить просто: отправьте ссылку на карточку себе в мессенджер, откройте на телефоне, попробуйте добавить товар в корзину. Если больше трёх действий - упрощайте.
Что делаем в EFIMOV DEV
Мы делаем интернет-магазины на React - это позволяет карточкам грузиться быстро и адаптироваться под экран без тормозов. Структуру карточки проектируем под конкретную нишу: для одежды одни блоки важны, для электроники другие.
Вилка по стоимости опубликована на сайте, точная смета - после брифа, когда понятно, сколько товаров, какие интеграции, нужна ли выгрузка на маркетплейсы. Проект ведёт тот, кто его делает - без цепочки посредников.
Если задача уже на столе - вот как мы делаем это под ключ: Разработка сайта интернет-магазина под ключ.
Частые вопросы
Сколько текста должно быть в описании товара?+
Столько, чтобы закрыть вопросы покупателя. Для простого товара это два абзаца, для сложного - пять-шесть. Если человек после чтения всё равно звонит уточнять базовые вещи - описание плохое.
Обязательно ли снимать фото самим или можно взять с сайта производителя?+
Фото производителя можно использовать, но добавьте хотя бы два своих - товар в упаковке, крупный план бирки или шильдика. Это показывает, что товар реально есть, и снимает сомнения.
Как быть с товарами, которых нет в наличии?+
Если товар популярный и скоро будет - оставляйте карточку, пишите срок поступления и давайте кнопку «Сообщить о поступлении». Если не будет - удаляйте, мёртвые карточки портят позиции сайта в поиске.
Нужно ли дублировать информацию из характеристик в текстовое описание?+
Ключевые параметры - да, но своими словами. В таблице пишете «Мощность: 750 Вт», в описании - «мощности хватает для бетона». Таблица для сравнения, текст для понимания задачи.