Как представить варианты одного товара: размеры, цвета и комплектации
Как объединить варианты в карточке товара, организовать выбор размера, цвета и комплектации и показывать точные сведения о цене, наличии и составе заказа.
Объедините варианты одного товара в общей карточке и дайте покупателю отдельно выбрать размер, цвет и комплектацию. После каждого выбора показывайте сведения именно о выбранном сочетании: фотографии, характеристики, цену, наличие и срок отправки. Перед добавлением в корзину человек должен понимать, какой товар получит, что входит в заказ и сколько он стоит.
Что считать вариантом одного товара
Вариант товара — это конкретное исполнение одной модели. Например, футболка определённого размера и цвета или шуруповёрт с выбранным набором принадлежностей. Общая модель помогает покупателю найти нужный товар, а вариант определяет, что именно магазин положит в заказ.
Объединять товары удобно, когда у них одинаковое назначение и основная конструкция, а различия можно понятно описать через выбор параметров. Если меняются принцип работы, совместимость или важные функции, стоит рассмотреть отдельные карточки. Покупатель должен видеть такие различия до покупки, а не обнаруживать их в длинном описании.
Представьте условную модель настольной лампы. Белый и чёрный корпуса можно показать как цвета одной модели. Исполнение с креплением к столу потребует пояснения: оно отличается способом установки. Если у другой лампы иной источник света и другое управление, отдельная карточка может сделать сравнение понятнее.
Не превращайте любое дополнение в вариант товара. Подарочная упаковка, сборка или дополнительный кабель могут быть отдельными опциями заказа. Комплектацией их стоит называть, если покупатель выбирает заранее определённый набор с известным составом и общей ценой.
Шаг 1. Составьте список реальных сочетаний
Начните с таблицы вариантов, которые магазин действительно продаёт. Не ограничивайтесь отдельными списками цветов и размеров: наличие каждого параметра ещё не означает, что доступны все их сочетания.
Для каждого сочетания заведите отдельную запись. Артикул — это код, по которому магазин различает товары при учёте и сборке заказа. Покупателю он может помочь при обращении к продавцу, но понятное название варианта всё равно нужно.
В рабочей таблице предусмотрите следующие сведения:
- Модель и артикул конкретного варианта.
- Значения размера, цвета и комплектации.
- Характеристики, которые отличаются от других исполнений.
- Состав набора и количество предметов.
- Цену и условия применения скидки, если она есть.
- Наличие и условия отправки или изготовления.
- Фотографии, относящиеся к этому исполнению.
Различайте сочетания, которых не существует, и варианты, которые временно закончились. Например, условная куртка может выпускаться в зелёном цвете только в части размеров. Покупателю полезно видеть «В этом размере зелёного цвета нет», а не неопределённое «Недоступно».
Если сведения хранятся в разных местах, назначьте ответственного за их согласованность. Карточка, корзина и данные для сборки заказа должны описывать один и тот же вариант. Иначе даже понятный выбор на странице не защитит от путаницы при обработке покупки.
Шаг 2. Разделите выбор на понятные параметры
Для независимых свойств используйте отдельные группы: «Размер», «Цвет», «Комплектация». Длинный список вроде «чёрный большой с чехлом» трудно просматривать: покупателю приходится заново читать все слова, чтобы найти одно отличие.
Выбирайте форму управления по содержанию. Короткие обозначения размеров удобно показывать кнопками. Цвета — образцами с текстовыми названиями. Комплектации — небольшими блоками с составом и ценой. Если значений много, можно использовать раскрывающийся список, но выбранное значение должно оставаться видимым.
Порядок выбора зависит от товара. Для одежды удобно начинать с размера, а для оборудования — с параметра, который определяет совместимость. Если от первого выбора зависит второй, объясните эту связь рядом с элементами управления.
| Параметр | Как представить выбор | Что пояснить рядом |
|---|---|---|
| Размер | Кнопки с обозначениями | Систему размеров, измерения и способ замера |
| Цвет | Образец и текстовое название | Оттенок, фактуру и отделку |
| Комплектация | Название набора и краткий состав | Что включено, что добавлено и что приобретается отдельно |
| Объём или длина | Значения с единицами измерения | Количество в упаковке и принцип расчёта цены |
Выбранное значение должно отличаться от остальных не только цветом оформления. Используйте заметную рамку, отметку или подпись. Проверяйте, что элементы можно выбрать с клавиатуры и что длинные названия читаются на телефоне.
Если вариант выбран заранее, явно покажите его. Не оставляйте покупателю впечатление, что выбор ещё предстоит, когда кнопка покупки уже добавляет конкретное исполнение. Для параметров, где ошибочный выбор особенно существенен, разумно требовать явного выбора перед добавлением в корзину.
Шаг 3. Помогите выбрать размер по измерениям
Обозначения «маленький», «средний» и «большой» не объясняют реальные габариты. Даже знакомые буквенные размеры без таблицы оставляют вопрос о посадке. Покажите измерения, по которым покупатель сможет сопоставить товар со своей задачей.
Для одежды различайте размеры тела и размеры изделия. Если таблица содержит обхват груди человека, назовите столбец соответствующим образом. Если указана ширина футболки, лежащей на ровной поверхности, объясните способ измерения. Эти значения нельзя подавать как взаимозаменяемые.
Для мебели и оборудования подпишите порядок габаритов: ширина, глубина, высота. Отдельно покажите размеры в собранном виде и размеры упаковки, когда покупателю важно проверить место установки или возможность перевозки. Для встраиваемого товара укажите требования к месту монтажа, если они подтверждены документацией.
Инструкцию по замеру разместите рядом с выбором размера. Вместо фразы «Смотрите описание» лучше дать понятную подпись «Как измерить». Само пояснение должно отвечать на вопрос, где приложить измерительный инструмент и какое значение сравнить с таблицей.
Если размер влияет на другие свойства, показывайте эти изменения сразу. У более крупного исполнения могут отличаться масса, вместимость или условия доставки. Не копируйте общие значения модели во все варианты, если они описывают только одно из них.
Шаг 4. Покажите цвет вместе с названием и фотографией
Цветовой образец помогает быстро просмотреть варианты, но не заменяет название. Добавьте к каждому образцу текст: «светло-серый», «тёмно-синий», «натуральный дуб». Если производитель использует условное название, дополните его понятным описанием оттенка.
Отделку лучше обозначать отдельно от цвета. «Чёрный матовый» и «чёрный глянцевый» могут выглядеть по-разному, хотя основной цвет совпадает. Для тканей, дерева и других фактурных материалов полезна фотография поверхности крупным планом.
После выбора цвета основная фотография должна соответствовать выбранному исполнению. Если галерея содержит другие цвета, подпишите их и не создавайте впечатление, что все снимки относятся к текущему выбору. Общие фотографии конструкции можно оставить, если их назначение понятно.
Когда фотографии конкретного исполнения нет, скажите об этом прямо. Например: «На фото показан бежевый вариант; выбран серый». Не подменяйте отсутствие снимка изображением другого цвета без пояснения. Для товара, где внешний вид определяет выбор, стоит подготовить отдельные фотографии до начала продаж.
Короткое замечание о различиях отображения оттенка на экранах допустимо, но оно не заменяет точное описание. Если материал имеет естественные различия рисунка, объясните, что именно может отличаться у полученного экземпляра, опираясь на реальные свойства товара.
Шаг 5. Раскройте состав каждой комплектации
Названия «Базовая», «Стандарт» и «Расширенная» удобны как метки, но не объясняют содержимое. Рядом с названием перечислите предметы, их количество и важные характеристики. Покупатель должен понимать, сможет ли использовать товар сразу или потребуется что-то докупить.
Для сравнения наборов используйте одинаковый порядок сведений. Ниже — условный пример оформления, а не описание конкретного товара.
| Сведения | Только инструмент | Набор с принадлежностями | Набор с кейсом |
|---|---|---|---|
| Основной товар | Инструмент | Инструмент | Инструмент |
| Принадлежности | Не входят | Перечисленный набор | Тот же перечисленный набор |
| Хранение | Без кейса | Без кейса | Кейс включён |
| Что уточнить | Что нужно приобрести для работы | Состав и совместимость принадлежностей | Размеры кейса и содержимое набора |
В реальной карточке замените общие слова конкретным перечнем. «Набор принадлежностей» без расшифровки не позволяет сравнить предложения. Укажите, какие детали входят и для каких задач подходят, если это подтверждено характеристиками.
Отдельно обозначьте предметы, показанные на фотографиях, но не включённые в заказ. Для светильника это может быть лампа, для мебели — декор, для оборудования — расходные материалы. Пояснение разместите рядом с изображением или составом набора, где покупатель его заметит.
Не смешивайте комплектацию и дополнительные услуги. Если установка оплачивается отдельно, покажите её отдельной опцией с условиями. Если услуга входит в выбранное предложение, явно включите её в состав и объясните, что именно будет выполнено.
Шаг 6. Обновляйте сведения после каждого выбора
Выбор варианта должен менять все связанные сведения, а не только выделение кнопки. Проверьте цену, фотографии, характеристики, наличие, срок отправки и ограничения доставки. Общие свойства модели можно оставить постоянными, а отличающиеся — обновлять.
Цена «от» подходит для предварительного знакомства с моделью. После выбора полного сочетания нужна цена выбранного исполнения. Если окончательная стоимость зависит от дополнительных параметров, покажите, какие данные ещё требуется указать для расчёта.
Наличие тоже относится к конкретному варианту. Фраза «В наличии» возле модели не должна скрывать, что выбранный размер доступен только под заказ. Разделяйте наличие на складе, изготовление и ожидание поставки. Срок отправки и срок доставки называйте отдельно, если показываете оба.
При несовместимом выборе объясните проблему и сохраните остальные параметры. Например, после выбора размера можно отметить недоступные цвета. Если система автоматически переключает цвет или комплектацию, покупатель должен заметить изменение и подтвердить подходящий вариант перед заказом.
Шаг 7. Сохраните выбранный вариант в корзине
Возле кнопки покупки покажите короткое описание выбора: модель, размер, цвет и комплектацию. Это последняя возможность проверить сочетание без перехода к оформлению. Если обязательный параметр не выбран, объясните, что нужно указать.
В корзине сохраните те же названия и фотографию. Покупатель не должен расшифровывать внутренний код, чтобы вспомнить свой выбор. Артикул можно показывать дополнительно, но размер, цвет и состав набора должны оставаться читаемыми.
Одинаковые модели с разными параметрами удобно отображать отдельными строками. Если человек добавил две футболки разных размеров, общее количество без расшифровки создаёт неопределённость. При изменении варианта пересчитайте цену и повторно проверьте наличие.
Передайте выбранные параметры в подтверждение заказа и сведения для сборки. Особенно важно сохранить состав комплектации: одно название набора может быть недостаточным, если его содержание изменилось после покупки.
Как проверить карточку перед запуском
Пройдите путь покупателя на компьютере и телефоне. Проверяйте конкретные ситуации, а не только внешний вид страницы:
- Выберите каждое доступное сочетание и сопоставьте сведения с рабочей таблицей.
- Попробуйте выбрать отсутствующий размер и несуществующее сочетание параметров.
- Переключите цвет и проверьте основную фотографию и подписи в галерее.
- Сравните комплектации по составу, цене и необходимым дополнениям.
- Добавьте разные исполнения модели в корзину и проверьте их названия.
- Вернитесь из корзины и убедитесь, что выбор можно проверить и изменить.
- Проверьте читаемость таблиц, подписей и элементов выбора на телефоне.
Попросите человека, который не знаком с товаром, объяснить выбранное исполнение: что он получит, что входит в набор и чего в заказе нет. Не подсказывайте ответ. Его вопросы помогут обнаружить сведения, которые продавцу кажутся очевидными, а покупателю нужны перед оплатой.
Частые вопросы
Нужно ли создавать отдельную страницу для каждого цвета?
Для выбора цвета одной модели часто достаточно общей карточки с переключателем. Отдельные страницы имеют смысл, если исполнению нужно самостоятельное описание или так устроен каталог. Решение стоит принимать по удобству выбора и возможностям магазина, без ожидания гарантированного эффекта в поиске.
Как показывать отзывы о разных вариантах?
Рядом с отзывом полезно указывать купленный размер, цвет или комплектацию, если эти данные известны. Замечание о посадке одного размера или составе конкретного набора не следует подавать как характеристику всех исполнений. Не добавляйте параметры покупки, если они не подтверждены.
Что делать, если варианты меняются после заказа?
Сохраните в заказе выбранные параметры и состав набора на момент покупки. Если поставка этого исполнения стала невозможна, согласуйте замену с покупателем. Автоматическая подмена похожим цветом или другой комплектацией не отражает первоначальный выбор.
Нужно ли повторять общее описание для каждого варианта?
Общие свойства можно оставить в одном описании модели. Для выбранного варианта отдельно показывайте только отличающиеся сведения и данные заказа. При этом покупателю должно быть понятно, какие характеристики относятся ко всей модели, а какие — к текущему исполнению.