5 мин чтения Обновлено 30 июля 2026

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

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

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

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

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

Первый экран карточки: всё для решения «в наличии»

Выше линии сгиба (то, что видно без прокрутки) должны быть все элементы, которых достаточно для быстрого решения:

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

Наличие и отзывы: доверие в цифрах

Информация об остатках снижает тревожность и создаёт лёгкую срочность: «Осталось 3 шт.» работает лучше, чем абстрактное «в наличии». Но сильнее всего на решение влияют отзывы.

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

Дополнительные продажи без вреда для конверсии

Блоки «с этим товаром покупают» и «похожие товары» повышают средний чек. Ключевое правило размещения — после основного описания и кнопки, а не перед ними: рекомендации не должны отвлекать от главного целевого действия. Хорошо работают и рекомендации, учитывающие историю и наличие в реальном времени — подробнее про ИИ-рекомендации и связь с учётной системой в материале про интеграцию магазина с 1С и ИИ.

Рекомендуемая структура карточки

  1. Фото-галерея + название + цена + наличие + «В корзину» (первый экран).
  2. Краткие ключевые характеристики / варианты (размер, цвет).
  3. Условия доставки и оплаты.
  4. Подробное описание и полные характеристики.
  5. Отзывы и оценки.
  6. Рекомендации: «с этим покупают» / «похожие».

Чек-лист продающей карточки

  • На первом экране — фото, цена, наличие и «В корзину».
  • Цена честная, без сюрпризов на чекауте.
  • Есть блок отзывов с реальными оценками.
  • Показаны наличие и срок доставки.
  • Допродажи — после описания, не перед кнопкой.
  • Карточка быстро грузится и удобна на мобильном.

Сильная карточка приводит покупателя к корзине — а дальше важно не потерять его на оформлении. Как это сделать — в разборе «Корзина и чекаут». А чтобы клиент вообще нашёл нужный товар, работает поиск и фильтры (см. материал про каталог). Собрать магазин с такими карточками — разработка интернет-магазина под ключ.

Когда этот подход полезен бизнесу

Рекомендации из статьи стоит применять не изолированно, а в контексте задач проекта «Интернет-магазин». В первую очередь проверьте, какую измеримую проблему должен решить продукт.

Сценарии покупки

Корзина, оформление, уведомления и статусы заказов.

Управление каталогом

Товары, категории, фильтры и остатки в админке.

Интеграция с 1С и CRM

Синхронизация заказов и клиентов — модульно по запросу.

Готовность к росту

Архитектура выдерживает расширение ассортимента и трафика.

Как принять решение до начала разработки

До выбора технологии зафиксируйте пользователей, сценарии и критерии готовности. Это снижает риск дорогих переделок после запуска.

  1. Аналитика и брифинг Структура каталога, сценарий заказа, конкурентный анализ и ТЗ.
  2. Дизайн и прототип Витрина, корзина, checkout и личный кабинет в Figma.
  3. Разработка Каталог, корзина, оплата, заказы, уведомления и админка.
  4. Тестирование Сценарии покупки, нагрузочные тесты, импорт товаров и исправление багов.
  5. Запуск и поддержка Публикация, подключение платёжных систем, обучение и передача доступов.

Частые вопросы

Что обязательно должно быть на карточке товара?

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

Влияют ли отзывы на продажи?

Да, существенно. Большинство покупателей смотрят отзывы перед покупкой, а их наличие даёт прирост конверсии в среднем на 10–30%. При этом немного критики повышает доверие сильнее, чем только идеальные оценки.

Где размещать блоки «с этим товаром покупают»?

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

Источники и документация

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

Материалы по теме

Услуга Интернет-магазин Конверсия Корзина и чекаут: как уменьшить процент брошенных заказов Каталог Фильтры и поиск в интернет-магазине: ключевые UX-паттерны Интеграции 1С и интернет-магазин: зачем нужна синхронизация

Готовы обсудить проект?

Получить расчёт ← Вернуться к тарифу