Как продавать товар с большим количеством цветов, размеров и вариантов — гид 2026

Обновлено: сентябрь 2026

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

Почему большое количество вариантов снижает конверсию

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

Основные признаки того, что ассортимент нужно упорядочить:

• Хаос в фильтрах: клиент не может быстро найти нужный вариант, потому что характеристики перемешаны или названия непонятны
• Жалобы на путаницу: возвраты и негативные отзывы из-за того, что клиент заказал не тот цвет или размер, который ожидал
• Ошибки в заказах: менеджеры тратят время на уточнение, какой именно вариант имел в виду клиент
• Низкая конверсия при высоком трафике: люди заходят на страницу, но не доходят до заявки или корзины

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

Григорий Блаер, основатель Zveno: «Из 47 аудитов сайтов B2B малого бизнеса в 60% случаев проблема с вариантами товара была одной из главных причин низкой конверсии. Владельцы бизнеса часто не осознают масштаб проблемы, считая, что «чем больше выбор, тем лучше». На практике избыточный выбор парализует клиента — он не может быстро принять решение и уходит к конкуренту с более простой структурой».

Как переизбыток вариантов влияет на бизнес-показатели

Переизбыток вариантов бьёт по трём ключевым метрикам:

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

Получить бесплатный аудит сайта

Когда объединять варианты в одну карточку, а когда разносить на отдельные страницы

Решение о структуре карточек товара — стратегическое. Оно влияет на SEO, рекламу, аналитику и управление ассортиментом. Главный критерий — насколько существенны различия между вариантами для клиента.

Объединяем в одну карточку

Используйте единую карточку с вариациями, если товары отличаются только:

• Цветом или оттенком (синий/голубой/тёмно-синий)
• Размером (S/M/L/XL или числовые размеры)
• Материалом (хлопок/полиэстер/смесовая ткань)
• Комплектацией (базовая/расширенная, с аксессуарами или без)

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

Преимущества единой карточки:

• Меньше страниц для поддержки и обновления
• Проще настроить рекламу (один товар — одна группа объявлений)
• Клиент не теряется в похожих карточках
• Удобнее отслеживать общую конверсию по товару

Технические ограничения: многие платформы ограничивают количество вариантов в одной карточке (например, до 100 комбинаций). Если вариантов больше — придётся либо сокращать ассортимент, либо разносить на несколько карточек.

Разносим на отдельные страницы

Создавайте отдельные карточки или лендинги, если товары различаются:

• Моделью или артикулом (разные поколения продукта, разные линейки)
• Брендом (даже если функционал похож)
• Функционалом (базовая модель без опций vs продвинутая с дополнительными возможностями)
• Ценовым сегментом (эконом/индивидуальный формат/премиум с разницей в цене больше 30%)
• Целевой аудиторией (товар для разных отраслей или задач)

Такая структура позволяет:

• Оптимизировать каждую страницу под свои ключевые слова (например, «станок для малого цеха» vs «станок для крупного производства»)
• Настроить точечные рекламные кампании под конкретные сегменты
• Показать разные кейсы и офферы для разных задач клиента
• Отслеживать конверсию по каждой модели отдельно

Пример из практики Zveno: клиент продавал промышленное оборудование с 15 модификациями по мощности и комплектации. Сначала всё было в одной карточке — конверсия 0,8%. Мы разнесли на 3 отдельных лендинга под разные задачи (малый бизнес, средний цех, крупное производство), внутри каждого оставили выбор мощности и опций. Конверсия выросла до 2,3% — клиенты перестали теряться в выборе и сразу попадали на «свою» страницу.

Гибридный подход: готовые конфигурации + детализация

Для сложных B2B-товаров с большим количеством вариантов работает гибридная схема:

1. Показываем 3–4 типовых конфигурации (готовые решения под частые задачи)
2. Внутри каждой конфигурации даём выбор цвета, размера или дополнительных опций
3. Добавляем кнопку «Индивидуальная комплектация» для редких запросов

Так клиент быстро находит подходящее решение, а вы не перегружаете карточку десятками малоходовых вариантов.

Подобрать формат для задачи

Как упростить выбор варианта: UX-паттерны для конверсии

Правильный интерфейс выбора варианта — это ключ к конверсии. Если клиент не понимает, что он выбрал, или не видит разницы между вариантами, он просто уйдёт. UX-исследования для e-commerce выделяют несколько проверенных паттернов.

Визуальные свотчи для цвета и материала

Используйте визуальные свотчи (цветные квадраты, образцы текстуры) для вариантов, которые имеют визуальное значение:

• Цвет корпуса, ткани, покрытия
• Рисунок или узор
• Тип поверхности (глянец/матовый/текстурированный)

Правила:

• Свотч должен точно соответствовать реальному цвету товара (не приблизительно, а максимально близко к фото)
• Рядом с активным свотчем показывайте название цвета текстом («Выбран: тёмно-синий»)
• При клике на свотч меняйте основное фото товара на соответствующий цвет
• Если цвет недоступен — делайте свотч неактивным, но оставляйте видимым

Ошибка: скрывать варианты цвета в выпадающем списке. Клиент не видит весь выбор сразу и может не заметить нужный вариант.

Компактные «пилюли» для размеров и комплектаций

Для размеров, мощностей, объёмов и других параметров используйте компактные кнопки-«пилюли»:

• Все варианты видны сразу (S, M, L, XL или 500 Вт, 1000 Вт, 1500 Вт)
• Активный вариант выделен цветом или рамкой
• Недоступные варианты зачёркнуты или затемнены

Правила:

• Не используйте выпадающие списки для 2–7 вариантов — это лишний клик и скрытая информация
• Если вариантов больше 10 — группируйте их (например, «Размеры для детей» / «Размеры для взрослых»)
• Рядом с селектором размещайте ссылку на таблицу размеров или характеристик

Пример: для спецодежды показываем размеры 44–62 как отдельные кнопки, рядом — ссылка «Таблица размеров с замерами». Клиент сразу видит доступные размеры и может уточнить свой.

Логика выбора: от главного к второстепенному

Если у товара несколько параметров, выстраивайте выбор по приоритету:

1. Сначала ключевой параметр: тип продукта, мощность, форм-фактор — то, что определяет функционал
2. Затем второстепенные: цвет, материал, мелкие опции

Так клиент не тратит время на выбор цвета, если ему сначала нужно определиться с мощностью.

Ошибка: показывать все параметры одновременно без приоритета. Клиент не понимает, с чего начать.

Что должно меняться при выборе варианта

Когда клиент переключает вариант, обязательно обновляйте:

• Основное фото (показываем выбранный цвет/комплектацию)
• Цену (если варианты различаются по стоимости)
• Срок поставки или наличие (если для разных вариантов разные сроки)
• Характеристики (габариты, вес, мощность — если они меняются)

Если что-то из этого не обновляется автоматически — клиент не понимает, что изменилось, и может заказать не то, что хотел.

Таблицы размеров и характеристик

Для товаров с размерами или сложными характеристиками разместите таблицу рядом с селектором:

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

Таблица должна открываться в модальном окне или быть видна сразу. Не заставляйте клиента скачивать PDF или искать информацию в описании.

Структура продающего лендинга: 12 обязательных блоков

Фотографии и визуализация различий: как показать выбранный вариант

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

Отдельные фото для каждого цвета

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

Что показывать:

• Основное фото товара в выбранном цвете (крупный план)
• Фото в контексте использования (на модели, в интерьере, в работе)
• Детали и текстуры (если цвет влияет на восприятие материала)

Требования к фото:

• Одинаковый ракурс и освещение для всех цветов (чтобы клиент мог сравнивать)
• Реалистичная цветопередача (не перенасыщенные, не затемнённые)
• Достаточное разрешение для зума (клиент должен видеть детали)

Фото замеров и габаритов для размеров

Для товаров с размерами (одежда, мебель, оборудование) добавляйте фото с замерами:

• Одежда: фото с рулеткой на ключевых участках (длина рукава, обхват груди, длина изделия)
• Мебель: фото с указанием габаритов в сантиметрах, фото в интерьере для масштаба
• Оборудование: фото с размерами корпуса, фото рядом с человеком для понимания масштаба

Так клиент поймёт, подойдёт ли ему размер, без необходимости звонить и уточнять.

Схемы и чертежи для сложных B2B-товаров

Если товар технически сложный (оборудование, комплектующие, системы), добавляйте:

• Схемы подключения или установки
• Чертежи с размерами и точками крепления
• Фото комплектации (что входит в базовую версию, что в расширенную)

Это особенно важно для B2B-клиентов, которые заказывают товар для интеграции в существующие системы. Им нужно заранее понимать, подойдёт ли товар по габаритам и характеристикам.

Видео для демонстрации вариантов

Для товаров, где важно показать различия в действии (например, разные режимы работы оборудования или разные комплектации), используйте короткие видео:

• Обзор всех цветов и комплектаций
• Демонстрация работы разных вариантов
• Сравнение базовой и расширенной комплектации

Видео повышает доверие и снижает количество уточняющих вопросов.

Записаться на разбор ситуации

Как сократить варианты без потери продаж: ABC-анализ ассортимента

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

Ширина и глубина ассортимента: в чём разница

• Ширина ассортимента — количество категорий или товарных групп (например, 5 категорий: станки, расходники, инструмент, спецодежда, упаковка)
• Глубина ассортимента — количество вариантов внутри одной категории (например, 20 цветов спецодежды или 15 модификаций станка)

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

ABC-анализ для оптимизации вариантов

Используйте ABC-анализ, чтобы понять, какие варианты стоит оставить в публичной продаже, а какие — убрать или перевести в статус «по запросу»:

• Группа A (20% вариантов, 80% выручки): основные ходовые конфигурации. Их заказывают чаще всего. Держите всегда в наличии, выкладывайте хорошие фото и подробные описания, активно продвигайте.
• Группа B (30% вариантов, 15% выручки): средние по спросу варианты. Оставляйте в ассортименте для выбора, но не закупайте большими партиями.
• Группа C (50% вариантов, 5% выручки): редкие конфигурации. Уберите из публичного каталога или переведите в статус «под заказ с увеличенным сроком поставки».

Как провести анализ:

1. Выгрузите данные по продажам за последние 6–12 месяцев
2. Посчитайте выручку по каждому варианту (цвет, размер, комплектация)
3. Отсортируйте по убыванию выручки
4. Разделите на группы A, B, C по накопленной доле выручки

Что делать с группой C:

• Убрать из каталога и продавать только по запросу
• Объединить несколько малоходовых вариантов в один универсальный (например, вместо 5 оттенков синего оставить 1)
• Повысить цену на редкие варианты, чтобы компенсировать затраты на хранение

Из практики Zveno: клиент продавал расходники для оборудования, в каталоге было 80 артикулов. После ABC-анализа оставили 25 в публичной продаже (группа A и часть B), остальные перевели в «под заказ». Конверсия выросла на 40% — клиенты перестали теряться в выборе, а затраты на склад сократились на 30%.

Стратегия «ядро + индивидуальная комплектация»

Для B2B-товаров с большим количеством вариантов работает такой подход:

1. Публичный каталог: 5–10 типовых конфигураций, которые закрывают 80% запросов
2. Индивидуальная комплектация: клиент оставляет заявку, вы подбираете нужный вариант и делаете персональное предложение

Вы не перегружаете сайт сотнями вариантов, но не теряете клиентов с нестандартными запросами.

Как оформить на сайте:

• Показываем типовые конфигурации с ценами и кнопкой «Заказать»
• Добавляем блок «Нужна другая комплектация?» с формой заявки
• В форме — поля для описания задачи и контактов

Ценообразование по вариантам

Если варианты различаются по себестоимости, цена должна это отражать:

• Популярные варианты можно сделать чуть дороже — спрос это компенсирует
• Непопулярные варианты — дешевле или дороже в зависимости от стратегии: стимулировать спрос или компенсировать затраты на хранение
• Базовая комплектация — по стандартной цене, расширенная — с наценкой за дополнительные опции

Как показывать цену:

• Если разброс цен небольшой (до 20%) — показываем диапазон «от X до Y рублей» и точную цену после выбора варианта
• Если разброс большой — показываем цену базового варианта и пометку «цена зависит от комплектации»
• Если все варианты по одной цене — показываем одну цену без уточнений

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

Форма заявки на сайте: как сделать, чтобы заполняли

Часто задаваемые вопросы

Как понять, когда объединять все цвета и размеры в одну карточку, а когда делать отдельные товары?

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

Как не запутать клиента, если у товара десятки размеров и комплектаций?

Используйте визуальные селекторы (свотчи для цвета, «пилюли» для размеров), показывайте все варианты сразу, а не в выпадающих списках. Добавьте таблицу размеров или характеристик рядом с селектором. Выстраивайте выбор по приоритету: сначала ключевой параметр (мощность, тип), затем второстепенные (цвет, опции). Обновляйте фото, цену и характеристики при переключении варианта.

Что делать с вариантами, которые почти не продаются, но нужны для индивидуальных клиентов?

Проведите ABC-анализ и переведите малоходовые варианты (группа C) в статус «под заказ». Уберите их из публичного каталога, но оставьте возможность заказать через форму «Индивидуальная комплектация». Так вы не перегружаете сайт и склад, но не теряете клиентов с нестандартными запросами. Можно также повысить цену на редкие варианты, чтобы компенсировать затраты.

Как показывать разные цены для вариантов, чтобы не было ощущения обмана у клиента?

Если разброс цен небольшой (до 20%), показывайте диапазон «от X до Y рублей» и точную цену после выбора варианта. Когда разброс большой — указывайте цену базового варианта с пометкой «цена зависит от комплектации». Главное правило: никогда не показывайте только самую низкую цену, если большинство вариантов стоят дороже. Это воспринимается как обман. Цена должна обновляться сразу при выборе варианта.

Какие UX-паттерны лучше использовать для выбора цвета и размера на лендинге?

Для цвета — визуальные свотчи (цветные квадраты), которые точно соответствуют реальному товару. Рядом показывайте название активного цвета текстом. Для размеров используйте компактные кнопки-«пилюли» (S, M, L), все варианты должны быть видны сразу. Выпадающие списки оставьте для большого количества вариантов. При выборе варианта обязательно меняйте основное фото товара.

Как настроить карточку товара с вариациями так, чтобы не было ошибок в заказах и возвратов?

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

Как измерить, какие варианты стоит оставить в ассортименте, а какие удалить или скрыть?

Выгрузите данные по продажам за 6–12 месяцев и посчитайте выручку по каждому варианту. Проведите ABC-анализ. Варианты группы A (20% вариантов, 80% выручки) оставьте и продвигайте активнее. Группу B держите в ассортименте, но не закупайте большими партиями. Группу C (50% вариантов, 5% выручки) уберите из публичного каталога или переведите в «под заказ». Дополнительно отслеживайте CTR по вариантам и конверсию в заявку.