-10%Переходите к нам от другого подрядчика — дадим скидку на первый этап работ

Проектирование карточки товара, которая продаёт: 12 элементов

Проектирование продающей карточки товара на 1С-Битрикс: галерея, цена, наличие, характеристики, отзывы

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

В этом гайде разберём 12 элементов карточки товара, которые напрямую влияют на конверсию, и покажем, как каждый из них собирается в интернет-магазине на 1С-Битрикс: где живут данные, какие компоненты отвечают за вывод и что стоит доработать. Многое здесь держится на корректном обмене с учётной системой — эту часть мы закрываем услугой автоматизации продаж и склада на 1С.

Коротко

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

Почему карточка — главная страница магазина

По нашей практике на карточки товаров приходится большая часть входящего трафика из поиска: люди ищут конкретную модель, а не «каталог вообще». Это значит, что карточка одновременно и точка входа, и точка принятия решения. Слабая главная страница обидна, но простительна; слабая карточка бьёт по деньгам напрямую.

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

Элемент 1. Галерея изображений

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

В 1С-Битрикс изображения хранятся как свойства товара (детальная картинка, галерея-свойство типа «Файл» с множественным значением) и часто приходят обменом из 1С. Ключевой технический момент — вес: тяжёлые фото роняют скорость самой посещаемой страницы. Изображения стоит отдавать в современных форматах с ленивой загрузкой; подробно тему разбираем в статье про форматы WebP/AVIF.

От номенклатуры до витрины каталога Номенклатуратовары из 1ССвойства и SKUхарактеристикиКарточкафото, описаниеИндекспоиск и фильтрКаталогвитрина клиенту
Схема: номенклатура из 1С обрастает свойствами и торговыми предложениями, наполняется контентом карточки и индексируется — так формируется витрина, по которой ищут и фильтруют.

Элемент 2. Заголовок, артикул и код 1С

Заголовок должен точно называть товар — модель, объём, цвет, — чтобы покупатель убедился, что открыл именно то, что искал. Рядом обязательно артикул: для розницы это подтверждение модели, для опта — рабочий инструмент поиска и заказа.

Артикул и код 1С хранятся в свойствах товара (нередко в отдельном свойстве или в XML_ID) и приходят обменом. Их полезно не только показать, но и сделать доступными для копирования: закупщик по ним ищет и повторяет заказ. Если товар с вариантами, у каждого торгового предложения свой SKU — его тоже показывают при выборе размера или цвета.

Элемент 3. Цена и её варианты

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

Цены и скидки приходят из 1С через обмен и правила расчёта. Чтобы логика типов цен и групп не расползалась, её стоит один раз выстроить системно — это часть услуги автоматизации на 1С.

Элемент 4. Наличие и сроки

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

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

Элемент 5. Кнопка «В корзину» и торговые предложения

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

Если у товара есть варианты (размер, цвет, объём), в 1С-Битрикс это торговые предложения (SKU) — отдельный инфоблок, связанный с товаром. При выборе варианта карточка динамически обновляет цену, наличие, артикул и картинку. Важно, чтобы недоступные комбинации были видны как недоступные, а не приводили к ошибке при добавлении в корзину.

Элементы 6–8. Доставка, гарантии, доверие

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

Эти блоки обычно статичны и выносятся в шаблон карточки, но доставку полезно связать с реальными службами и регионом. Расчёт доставки и оплаты — типовая интеграционная задача, близкая к теме аудита и оптимизации 1С, когда логистика ведётся в учётной системе.

Элементы 9–10. Характеристики и описание

Характеристики (элемент 9) — это структурированные факты о товаре: материал, размеры, мощность, совместимость. В 1С-Битрикс они хранятся как свойства инфоблока и в большинстве магазинов приходят обменом из 1С. Задача — не вбивать их руками, а настроить сопоставление свойств при обмене и вывести значимые из них в удобную таблицу. Характеристики также питают выборки через D7 ORM и умный фильтр каталога.

Описание (элемент 10) — это текст, который отвечает на вопросы «зачем это мне» и «чем отличается». Для магазина с тысячами позиций уникальные описания — отдельная большая задача, которую мы разбираем в материале про уникальные описания для тысяч товаров. Уникальный текст важен и для покупателя, и для SEO.

Элементы 11–12. Отзывы и связанные товары

Отзывы (элемент 11) — сильнейший социальный аргумент. Даже несколько реальных отзывов повышают доверие и добавляют уникальный контент на страницу. В 1С-Битрикс отзывы реализуют модулем или отдельным инфоблоком с привязкой к товару и модерацией. Пока отзывов мало, место занимают вопросы-ответы.

Связанные товары (элемент 12) — блоки «с этим покупают», «похожие», «аксессуары». Они увеличивают средний чек и удерживают покупателя внутри магазина. Связи задаются свойствами-привязками к элементам или строятся автоматически по разделу и характеристикам. Хорошо сделанные рекомендации превращают одну покупку в набор.

Сводная таблица 12 элементов

№ЭлементГде живут данные в 1С-Битрикс
1Галерея изображенийСвойства товара, детальная картинка, галерея
2Заголовок, артикул, код 1СНазвание, свойства, XML_ID из обмена
3Цена и вариантыТорговый каталог, типы цен, группы
4Наличие и срокиОстатки складов из обмена с 1С
5Корзина и предложенияТорговые предложения (SKU), компонент каталога
6ДоставкаСлужбы доставки, региональность
7Гарантии и возвратСтатические блоки шаблона
8Сигналы доверияОплата, дилерский статус, контакты
9ХарактеристикиСвойства инфоблока из обмена
10ОписаниеДетальный текст элемента
11ОтзывыМодуль или инфоблок отзывов
12Связанные товарыСвойства-привязки, авторекомендации

Как это собирается в 1С-Битрикс

Технически карточка товара в 1С-Битрикс строится на комплексном компоненте каталога (catalog.element внутри catalog). Он умеет из коробки много: галерею, свойства, цену, корзину, торговые предложения. Но продающая карточка почти всегда требует доработки шаблона компонента.

  1. Настройте свойства инфоблока. Заведите и сопоставьте с обменом артикул, код 1С, характеристики, бренд, галерею — чтобы данные приходили автоматически.
  2. Свяжите торговые предложения. Проверьте, что варианты, их цены и остатки корректно приходят из 1С и переключаются в карточке.
  3. Доработайте шаблон компонента. Добавьте блоки доставки, гарантий, доверия, отзывов и связанных товаров в кастомный шаблон, не трогая ядро.
  4. Наладьте наличие. Настройте отдельную регулярную выгрузку остатков, чтобы статус был актуальным.
  5. Оптимизируйте скорость. WebP-изображения, ленивая загрузка, кэш компонента и композитный кэш для статических блоков.

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

Частые ошибки

Чек-лист проектирования

  1. Галерея 5–8 фото. Ракурсы, детали, использование, упаковка — в WebP с ленивой загрузкой.
  2. Заголовок и артикул. Точное название, артикул и код 1С доступны для копирования.
  3. Цена по группе. Показывается цена группы клиента; закрытые цены скрыты от гостя.
  4. Честное наличие. Статус и срок вместо голого остатка, актуальный обмен остатков.
  5. Заметная корзина. Кнопка и цена в липкой панели, корректное переключение SKU.
  6. Доставка и гарантии. Способы, сроки, стоимость, условия возврата прямо в карточке.
  7. Сигналы доверия. Оплата, дилерский статус, контакты на виду.
  8. Характеристики и описание. Структурная таблица из обмена и уникальный текст.
  9. Отзывы и рекомендации. Блок отзывов и связанные товары для допродаж.
  10. Скорость. Кэш компонента, композит для статики, проверенные Core Web Vitals.

Вывод

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

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

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

Сколько фотографий нужно в карточке товара?

Оптимально 5–8 качественных изображений: общий вид, ракурсы, детали, товар в использовании и фото упаковки. Меньше трёх — покупателю не хватает информации, и он уходит проверять товар в других магазинах. Все изображения стоит отдавать в WebP с ленивой загрузкой, чтобы галерея не тормозила карточку.

Где брать характеристики для карточки, если их тысячи?

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

Нужен ли блок отзывов, если их пока мало?

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

Как показывать наличие, если остатки меняются часто?

Остатки приходят на сайт при обмене с 1С и хранятся у торговых предложений. Чтобы наличие было актуальным, обмен настраивают на регулярную выгрузку остатков отдельно от полной выгрузки каталога. В карточке при этом показывают статус («в наличии», «под заказ», срок поставки), а не голое число, чтобы не пугать нулями.

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

Напрямую. Медленная карточка теряет покупателей ещё до того, как они увидят кнопку «В корзину». Тяжёлые изображения, неоптимизированные скрипты и отсутствие кэша роняют Core Web Vitals и позиции в поиске. Карточка — самая посещаемая страница магазина, поэтому её скорость окупается быстрее всего.

Стоит ли выносить кнопку «В корзину» в липкую панель?

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

Чем карточка B2B отличается от розничной?

В B2B на первый план выходят артикул, код 1С, наличие по складам, кратность упаковки и цена по группе клиента. Розничные элементы (эмоциональные фото, «купить в 1 клик») уступают место деловой информации: спецификации, условиям отгрузки и быстрому повторному заказу. Часто в одной карточке уживаются оба сценария в зависимости от того, авторизован ли оптовый клиент.

Можно ли собрать хорошую карточку на стандартном компоненте catalog.element?

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

Поделиться:

Хотите карточку, которая продаёт, а не просто показывает товар?

Настроим галерею, цены по группам, честное наличие и обмен с 1С так, чтобы данные обновлялись сами, а конверсия росла. Рассчитаем работу по вашему каталогу.

Игорь Воскресенский

Команда B2Bsite. С 2014 года разрабатываем интернет-магазины и порталы на 1С-Битрикс: проектируем продающие карточки товаров, настраиваем обмен с 1С, цены по группам и наличие по складам.

← Все статьи блога