Сімейства товарів (варіації)
Сімейства товарів (варіації товарів, варіанти товару, угруповання за характеристиками, опції) - це інструмент, який дозволяє об'єднати кілька товарів в одну групу і дати покупцеві можливість перемикатися між варіантами у картці товару.
Також цей функціонал відомий як: product variations, product variants, configurable products, variable products, product options, модифікації товару, селектор варіантів, color/size swatches - кнопки-кружечки для вибору кольору або розміру.
Покупець заходить на сторінку смартфона та бачить кнопки вибору кольору та пам'яті. Натискає на інший колір – переходить до потрібного варіанту. Не потрібно шукати товар у каталозі, не потрібно порівнювати – все в одному місці.
.png)
Які завдання вирішує
- Зручність для покупця - Переключення між варіантами товару в один клік, без повернення в каталог
- Зростання конверсії — покупець бачить усі доступні варіанти та швидше приймає рішення про купівлю
- Зниження показника відмов — відвідувач не йде зі сторінки у пошуках потрібного кольору чи розміру
- Поліпшення SEO - Кожен варіант залишається окремою сторінкою з унікальним контентом, при цьому товари пов'язані між собою
- Професійний вид сайту — кольорові кружечки, кнопки розмірів — як у найкращих інтернет-магазинах світу
Що отримає користувач
Після налаштування сімейств на вашому сайті з'являться гарні перемикачі варіантів товару: кольорові кружечки для вибору кольору (за допомогою двоколірних варіантів), текстові кнопки для вибору пам'яті, розміру, об'єму та інших характеристик. Все це працює автоматично після розвантаження даних з Elbuz.
Головний принцип
Кожна комбінація характеристик = окремий товар у каталозі.
Сімейство - це не один товар з варіантами усередині. Це кілька самостійних товарів, об'єднаних загальною назвою сімейства Кожен товар має свою ціну, фото, опис та залишки. А сімейство – це невидима нитка, яка пов'язує їх разом.
Проста аналогія
Уявіть шафу з футболками. Усі футболки однієї моделі, але різних кольорів та розмірів. Кожна лежить на своїй полиці – це окремий товар у каталозі. А табличка на шафі "Футболка Classic" - Це назва сімейства. Покупець відкриває шафу і бачить усі варіанти одразу.
Опис основних полів та налаштувань
| Поле / Налаштування | Де знаходиться | Опис |
|---|---|---|
| Назва сімейства | Картка товару | Загальне ім'я групи товарів. Усі товари з однаковою назвою поєднуються в одну родину. Наприклад: "iPhone 15 Pro" |
| Варіативний атрибут | Довідник атрибутів | Прапор, який вказує, що цей атрибут використовується для перемикання між товарами. Включається один раз для кожного атрибуту та діє на весь каталог |
| Довідник квітів | Атрибути → вкладка "Значення" → кнопка "Довідник кольорів" | Таблиця відповідності текстових назв кольорів та їх hex-кодів. Використовується для відображення кольорових кружечків на сайті. Підтримує два кольори для двоколірних варіантів |
| Сімейства товарів | Налаштування експорту (тунель) | Галочка, яка включає розвантаження сімейств на сайт. Без неї дані про сімейства не будуть надіслані |
Покрокова інструкція
Крок 1. Підготуйте товари в каталозі
Переконайтеся, що в каталозі Elbuz створено усі варіанти товару як окремі картки. У кожного товару мають бути заповнені характеристики (атрибути), якими вони відрізняються.
Приклад - iPhone 13 Pro Max:
| Товар | Пам'ять | Колір |
|---|---|---|
| iPhone 13 Pro Max 128GB Graphite | 128 | чорний |
| iPhone 13 Pro Max 128GB Sierra Blue | 128 | синій |
| iPhone 13 Pro Max 128GB Alpine Green | 128 | зелений |
| iPhone 13 Pro Max 256GB Alpine Green | 256 | зелений |
| iPhone 13 Pro Max 512GB Alpine Green | 512 | зелений |
| iPhone 13 Pro Max 1TB Alpine Green | 1000 | зелений |
Кожен рядок у таблиці – це окрема картка товару в Elbuz.
.png)
Крок 2. Позначте атрибути як варіативні
Відкрийте розділ Атрибути та знайдіть характеристики, за якими товари перемикатимуться. Увімкніть у них прапор "Використовувати для створення варіативних товарів".
Типові варіативні атрибути:
- Колір
- Вбудована пам'ять (ГБ)
- Розмір (S, M, L, XL)
- Об'єм (мл, л)
- Вага (кг)
Це робиться один раз для кожного атрибуту. Налаштування діє на весь каталог - всі товари, які мають цей атрибут, зможуть використовувати його для варіативності.
Крок 3. Заповніть поле "Сімейство" у товарів
У кожного товару, який має увійти до сімейства, заповніть поле "Назва сімейства". Усі товари з однаковою назвою об'єднаються в одну групу.
Важливо: назва сімейства має бути абсолютно однаковим у всіх товарів групи. Зайва прогалина, інший регістр літер або друкарська помилка — і товар не потрапить до сімейства.
| Товар | Сімейство |
|---|---|
| iPhone 13 Pro Max 128GB Graphite | iPhone 13 Pro Max |
| iPhone 13 Pro Max 128GB Sierra Blue | iPhone 13 Pro Max |
| iPhone 13 Pro Max 256GB Alpine Green | iPhone 13 Pro Max |
| iPhone 13 128GB Blue | iPhone 13 |
| iPhone 13 256GB Green | iPhone 13 |
Товари із сімейством "iPhone 13 Pro Max" будуть в одній групі, а товари із сімейством "iPhone 13" - В іншій. Це два незалежні сімейства.
Порада: рекомендуємо копіювати назву сімейства з першого товару і вставляти в інші - так ви уникнете друкарську помилку.
Крок 4. Налаштуйте довідник кольорів
Якщо один із варіативних атрибутів – це колір, налаштуйте Довідник квітів, щоб на сайті відображалися красиві кольорові кружечки замість тексту.
- Відкрийте розділ Атрибути → вкладка "Значення"
- Натисніть кнопку "Довідник квітів" (іконка пензля)
- У списку виберіть атрибут кольору (наприклад, "Колір корпусу" )
- Натисніть кнопку "Заповнити значеннями з товарів" (іконка чарівної палички) — система автоматично завантажить усі унікальні значення кольорів з каталогу та спробує визначити hex-коди для відомих назв
- Перевірте результат. Для значень, де колір не визначився автоматично, клацніть по осередку в колонці "Колір" - Відкриється палітра для вибору
- Для двоколірних варіантів (наприклад, "чорний та червоний" ) заповніть також колонку "Другий колір" — на сайті такий варіант буде відображатися як двоколірний кружечок
.png)
Кнопки керування довідником:
- Чарівна паличка - Заповнити значеннями з товарів (з автовизначенням кольорів)
- Ластик - скинути колір у вибраного рядка
- Кошик - Видалити вибраний рядок
- Хрестик — очистити всі записи вибраного атрибута
- Оновити - оновити таблицю
Поширені кольори та їх hex-коди:
| Назва | Hex-код | приклад |
|---|---|---|
| Чорний | #1A1A1A | |
| Білий | #FFFFFF | |
| Сірий | #9E9E9E | |
| Сріблястий | #C0C0C0 | |
| Червоний | #F44336 | |
| Рожевий | #E91E63 | |
| Фіолетовий | #9C27B0 | |
| Синій | #2196F3 | |
| Блакитний | #03A9F4 | |
| Бірюзовий | #00BCD4 | |
| Зелений | #4CAF50 | |
| Жовтий | #FFEB3B | |
| Помаранчевий | #FF9800 | |
| Коричневий | #795548 | |
| Золотий | #FFD700 | |
| Графітовий | #424242 |
Крок 5. Увімкніть експорт та вивантажте на сайт
Перейдіть до Налаштування експорту (налаштування тунелю) та увімкніть галочку "Сімейства товарів". Запустіть розвантаження – дані автоматично потраплять на сайт.
Після розвантаження на сайті з'являться:
- Кольорові кружечки для вибору кольору (включаючи двоколірні варіанти)
- Текстові кнопки для вибору пам'яті, розміру та інших характеристик
- Автоматичні посилання між товарами однієї родини
Як працює перемикання - правило комбінацій
Це найважливіший момент для розуміння. Коли покупець на сторінці товару, система показує кнопки перемикання. Але не всі варіанти будуть активними. Активними будуть лише ті, котрим існує товар із необхідною комбінацією характеристик.
Приклад 1 - Повна матриця (всі кнопки активні)
У нас 4 товари – по одному на кожну комбінацію:
| Товар | Пам'ять | Колір |
|---|---|---|
| A | 128 ГБ | синій |
| B | 128 ГБ | зелений |
| C | 256 ГБ | синій |
| D | 256 ГБ | зелений |
Покупець відкриває товар A (128 ГБ, синій):
- Кнопки пам'яті: 128 ГБ (обрано) | 256 ГБ (активно → веде на товар C, тому що 256 ГБ + синій існує)
- Кнопки кольору: синій (вибрано) | зелений (активно → веде на товар B, тому що 128 ГБ + зелений існує)
Все працює ідеально, тому що для кожної кнопки є товар із потрібною комбінацією.
Приклад 2 - Неповна матриця (частина кнопок неактивна)
Тепер уявімо, що у нас лише 2 товари:
| Товар | Пам'ять | Колір |
|---|---|---|
| A | 128 ГБ | синій |
| D | 256 ГБ | зелений |
Покупець відкриває товар A (128 ГБ, синій):
- Кнопки пам'яті: 128 ГБ (обрано) | 256 ГБ ( неактивно - система шукає товар "256 ГБ + синій", а такого немає)
- Кнопки кольору: синій (вибрано) | зелений ( неактивно - система шукає товар "128 ГБ + зелений", а такого немає)
Правило повної матриці
Щоб усі кнопки були активними, кожної комбінації значень атрибутів повинен існувати окремий товар.
Якщо у вас 3 кольори та 4 варіанти пам'яті - для повного покриття потрібно 3 × 4 = 12 товарів.
Якщо не всі комбінації існують, нічого страшного. Система просто покаже відсутні варіанти як неактивні. Покупець побачить, що такої комбінації немає.
Коли правило матриці не застосовується
Якщо ви використовуєте лише один варіативний атрибут (наприклад, тільки колір), всі кнопки завжди будуть активними. Правило матриці працює лише за двох і більше варіативних атрибутів.
Приклади для різних категорій товарів
Смартфони (колір + пам'ять)
Варіативні атрибути: Колір, Вбудована пам'ять
| Сімейство | Товар | Колір | Пам'ять |
|---|---|---|---|
| Samsung Galaxy S24 | Galaxy S24 128GB Black | чорний | 128 |
| Galaxy S24 128GB Violet | фіолетовий | 128 | |
| Galaxy S24 256GB Black | чорний | 256 | |
| Galaxy S24 256GB Violet | фіолетовий | 256 |
На сайті: кнопки-кружечки для вибору кольору та текстові кнопки для вибору пам'яті.
Одяг (розмір + колір)
Варіативні атрибути: Розмір, Колір
| Сімейство | Товар | Розмір | Колір |
|---|---|---|---|
| Футболка Classic | Classic S Біла | S | білий |
| Classic M Біла | M | білий | |
| Classic L Біла | L | білий | |
| Classic S Чорна | S | чорний | |
| Classic M Чорна | M | чорний | |
| Classic L Чорна | L | чорний |
Побутова техніка (тільки колір)
Варіативний атрибут: Колір
| Сімейство | Товар | Колір |
|---|---|---|
| Холодильник Samsung RB38 | Samsung RB38 Білий | білий |
| Samsung RB38 Сірий | сірий | |
| Samsung RB38 Чорний | чорний |
Один атрибут – всі кнопки завжди активні.
Косметика (обсяг)
Варіативний атрибут: Об'єм
| Сімейство | Товар | Об'єм |
|---|---|---|
| Крем для обличчя Nivea | Крем Nivea 50мол | 50 мл |
| Крем Nivea 100мол | 100 мл | |
| Крем Nivea 200мол | 200 мл |
На сайті: текстові кнопки з об'ємами.
Рекомендації щодо заповнення
Як вибрати назву сімейства
- Використовуйте базова назва моделі без зазначення варіативних характеристик. Наприклад: "iPhone 15 Pro", а не "iPhone 15 Pro 256GB Blue"
- Назва має бути зрозумілим та коротким - воно не відображається на сайті, але допомагає вам орієнтуватися в каталозі
- Якщо товари однієї лінійки відрізняються моделлю - створюйте окремі сімейства: "iPhone 15", "iPhone 15 Pro", "iPhone 15 Pro Max"
Як заповнювати довідник квітів
- Почніть з автозаповнення — система розпізнає більшість стандартних назв квітів російською, українською та англійською мовами
- Перевірте складові кольори — для значень начебто "чорний та червоний" або "білий/сірий" система автоматично заповнить обидва кольори
- Для нестандартних назв (наприклад, "тихоокеанський синій" ) підберіть колір вручну через палітру
- Довідник заповнюється один раз — нові товари з тими ж назвами кольорів підтягнуті hex-код автоматично під час експорту
Скільки варіативних атрибутів використати
- 1 атрибут (Тільки колір або тільки розмір) - найпростіший варіант. Усі кнопки завжди активні. Ідеально для побутової техніки, косметики
- 2 атрибути (Колір + пам'ять, розмір + колір) - оптимальний варіант для електроніки та одягу. Пам'ятайте про правило матриці
- 3 і більше атрибутів - Можливо, але кількість необхідних товарів зростає в геометричній прогресії (3 кольори × 4 розміру × 2 матеріалу = 24 товару). Використовуйте з обережністю
Чекліст перед розвантаженням
- Всі товари сімейства створені як окремі картки у каталозі
- У потрібних атрибутів включено прапор "Використовувати для створення варіативних товарів"
- У всіх товарів сімейства заповнено однакове назва сімейства
- Значення атрибутів (пам'ять, колір, розмір тощо) заповнені у кожного товару
- У Довідник квітів вказані hex-коди для всіх значень атрибуту кольору
- У налаштуваннях експорту включено галочку "Сімейства товарів"
- Якщо використовуються два варіативні атрибути — перевірено матрицю комбінацій
Часті помилки та їх вирішення
| Помилка | Що відбувається | Як виправити |
|---|---|---|
| Різне написання назви сімейства товарів | Товар не потрапляє до сімейства | Скопіюйте назву з іншого товару групи – не набирайте вручну |
| Не заповнено атрибут товару | Товар є у сімействі, але кнопка для нього не з'являється | Заповніть значення варіативного атрибуту цього товару |
| Не вказано hex-колір у довіднику | Замість кольорового кружечка відображається текст або пусте місце | Відкрийте Довідник кольорів та заповніть hex-код для потрібного значення |
| Неповна матриця комбінацій | Частина кнопок показується як "немає" | Створіть товари для відсутніх комбінацій або зменшіть кількість варіативних атрибутів до одного |
| Прапор "варіативний" не включений до атрибуту | Сімейства не експортуються на сайт | Увімкніть у налаштуваннях атрибута |
| Не включено галочку "Сімейства товарів" в експорті | Дані не вивантажуються на сайт | Увімкніть у налаштуваннях тунелю |
| Товар із кількістю 0 або статусом "відключено" | Товар не відображається у перемикачі на сайті | Переконайтеся, що товар активний і має більшу кількість нуля |
Поради щодо оптимальної конфігурації
- Почніть із малого. Налаштуйте сімейства для однієї категорії товарів, переконайтеся, що все працює правильно, і лише потім масштабуйте весь каталог
- Використовуйте один варіативний атрибут якщо не впевнені. Це найпростіший сценарій – всі кнопки завжди активні, і не потрібно створювати повну матрицю товарів
- Слідкуйте за одноманітністю назв. Якщо в одному товарі колір записаний як "Чорний", а в іншому як "чорний" — це два різні значення. Стандартизуйте написання
- Довідник квітів заповнюйте заздалегідь. Найзручніше один раз налаштувати всі кольори, ніж повертатися до цього при кожному вивантаженні
- Перевіряйте результат на сайті після кожного розвантаження. Відкрийте картку товару та переконайтеся, що перемикачі відображаються коректно
- Головний товар сімейства визначається автоматично - це товар із найвищою ціною. Він буде використовуватися як основний у мікророзмітці для пошукових систем
Часті питання
Чи можна додати товар до кількох сімейств?
Ні. Кожен товар може належати лише одному сімейству. Якщо вам потрібно зв'язати товар із кількома групами, перегляньте структуру сімейств.
Що станеться, якщо видалити товар із сімейства?
Після наступного розвантаження сімейство оновиться автоматично. Видалений товар зникне з перемикачів на сайті.
Чи обов'язково заповнювати довідник квітів?
Тільки якщо ви бажаєте бачити кольорові кружечки на сайті. Без довідника кольорів перемикач відображатиметься як текстові кнопки (подібно до вибору пам'яті або розміру).
Скільки товарів може бути в одному сімействі?
Обмежень немає. Але пам'ятайте: що більше варіантів, то більше кнопок побачить покупець. Рекомендуємо не перевищувати 20-30 товарів в одному сімействі для комфортного сприйняття.
Чи можна використовувати сімейства лише для деяких категорій?
Так. Сімейства створюються лише тих товарів, у яких заповнено поле " Назва сімейства ". Інші товари вивантажуються як завжди.
- Які завдання вирішує
- Головний принцип
- Опис основних полів та налаштувань
- Покрокова інструкція
- Як працює перемикання - правило комбінацій
- Приклади для різних категорій товарів
- Рекомендації щодо заповнення
- Чекліст перед розвантаженням
- Часті помилки та їх вирішення
- Поради щодо оптимальної конфігурації
- Часті питання


.png)