Born to Bloom • внутренняя инструкция

Как создавать товары и заполнять характеристики

Эта инструкция описывает минимально необходимое заполнение товара для нового листинга Born to Bloom: как создать товар, как назвать его, какие характеристики нужно заполнить обязательно, чтобы товар корректно отображался в каталоге, фильтровался, показывал преимущества в листинге и выводил цветовые кружочки.

Tilda Товары Характеристики Новый листинг BTB
Введение

Что описывает эта инструкция

Наверх ↑

Эта инструкция нужна для того, чтобы новые товары правильно работали в обновлённой логике каталога. Речь идёт не обо всех возможных настройках товара в Tilda, а именно о том минимуме, который обязателен для корректной работы нового листинга Born to Bloom.

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

Что должно отрабатывать правильно

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

Что будет в следующих шагах

  • создание нового товара
  • правила названия товара
  • заполнение описания
  • добавление товара в нужные разделы
  • заполнение характеристик
  • логика кружочков и цветов
  • финальная проверка перед публикацией
Главный принцип этой инструкции: товар должен быть заполнен не просто «как карточка товара», а как элемент системы каталога. Поэтому здесь особенно важны разделы, характеристики, преимущества и логика цветов.
Шаг 1

Создать новый товар

Наверх ↑

Создание товара начинается в разделе товаров внутри Tilda. Здесь создаётся карточка, которая будет использоваться в каталоге.

1. Перейти в раздел товаров

Откройте:
Мои сайты → Товары
2. Нажать кнопку «Добавить»

Создаётся новая карточка товара.
3. Ввести название товара

Название задаётся сразу при создании товара.
Здесь можно добавить скрин:
Мои сайты → Товары → Добавить
Название товара влияет на отображение в листинге, поэтому его важно задать правильно сразу.
Шаг 2

Как правильно назвать товар

Наверх ↑

Название товара должно быть коротким, чистым и не содержать лишних свойств.

Правильно

  • Кардиган Тюльпаны
  • Футболка Лето
  • Платье Роза

Неправильно

  • Кардиган розовый для девочки
  • Футболка хлопковая белая
  • Платье для девочки 3-6 лет
В названии не указываем:
  • цвет
  • пол
  • возраст
  • состав
Рекомендуемый формат:
тип товара + название модели
Шаг 3

Заполнить описание товара

Наверх ↑

После создания товара необходимо заполнить описание.

1. Вписать описание в поле «Текст»

Описание добавляется именно в поле «Текст», а не в другие поля.
2. Сделать описание продающим

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

Не применять инструменты форматирования (размеры, цвета, отступы и т.д.), чтобы сохранить единый стиль карточек.
Описание должно быть единым по стилю во всех карточках товаров.
Шаг 4

Добавить товар во все подходящие разделы

Наверх ↑

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

Главный принцип: товар должен быть добавлен во все релевантные разделы каталога: на верхнем, среднем и нижнем уровне, а также в возрастные и дополнительные разделы, если он туда подходит.
1. Открыть разделы товара

В карточке товара нужно найти блок, где проставляются галочки по разделам каталога.
2. Добавить товар в основную категорию

Сначала товар добавляется в его прямую категорию. Например, если это варежки, то товар должен быть добавлен в путь:
Каталог → Одежда → Аксессуары → Варежки, перчатки
3. Добавить товар в возрастные разделы

Если товар подходит по возрасту, он должен быть добавлен и в соответствующие возрастные категории.
4. Добавить товар в дополнительные релевантные ветки

Если товар подходит для разделов «Малышам», «Детям», «Девочкам», «Мальчикам» или для подборок, его нужно отметить и там.
5. Проверить, что товар лежит везде, где его ожидает пользователь

Товар должен находиться не только по своему товарному типу, но и по логике возраста, пола и раздела каталога.

Пример: базовый путь для варежек

Каталог → Одежда → Аксессуары → Варежки, перчатки

Это основная товарная ветка, в которой такой товар должен находиться в любом случае.

Что важно помнить

  • товар не добавляется только в один раздел
  • нужно учитывать возрастную логику
  • нужно учитывать дополнительные витрины каталога
  • нужно учитывать, в каком разделе пользователь будет искать этот товар
Если товар не добавить в нужные разделы, он будет технически существовать в системе, но пользователь не найдёт его в нужной ветке каталога.
Пример

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

Наверх ↑

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

1. Основная категория

Товар добавляется в:
Каталог → Одежда → Аксессуары → Варежки, перчатки
2. Если товар подходит малышам

Дополнительно он должен быть добавлен в разделы для малышей, если размерная сетка подходит, например, для возраста от 6 месяцев до 4 лет.
3. Примеры разделов для малышей

В зависимости от возраста и структуры каталога товар может быть добавлен в:
Малышам → Одежда Малышам → 6-9 месяцев Малышам → 9-12 месяцев Малышам → 12-18 месяцев Малышам → 18-24 месяцев Малышам → Аксессуары, текстиль Малышам → Аксессуары, текстиль → Варежки, перчатки
4. Если товар подходит детям 3-6 лет

Тогда его нужно дополнительно разложить по соответствующим детским веткам.
5. Если товар унисекс

Его нужно добавить и в ветку для девочек, и в ветку для мальчиков, если обе ветки релевантны.

Примеры дополнительных разделов

  • Детям 3-6 → Девочкам → Аксессуары
  • Детям 3-6 → Мальчикам → Аксессуары
  • дополнительные подборки, если товар туда подходит

Как принимать решение

  • смотреть на возрастную сетку товара
  • смотреть, в каких разделах пользователь будет его искать
  • добавлять товар во все логически подходящие ветки
При заполнении разделов важно мыслить не только товарной категорией, но и пользовательским сценарием поиска.
Шаг 5

Заполнить характеристики товара

Наверх ↑

После того как товар создан и добавлен в нужные разделы, необходимо заполнить характеристики. Они отвечают за фильтрацию, отображение товара в листинге и корректную работу каталога.

Все характеристики должны заполняться строго единообразно. Если значения будут отличаться по написанию, это приведёт к некорректной работе фильтров и отображения товаров.

Как устроена характеристика

Каждая характеристика задаётся как связка: название → значение

  • слева указывается название характеристики
  • справа указывается значение характеристики

Обязательные характеристики

  • Гендер
  • Коллекция
  • Кружочки
  • Пол
  • Сезон
  • Преимущество
  • Тип товара
  • Цвет
  • Состав
Характеристика «Кружочки» является обязательной и отвечает за отображение цветов в листинге. Подробная инструкция по её заполнению приведена в следующем разделе.
Шаг 5.1

Гендер, Коллекция и Пол

Наверх ↑

Эти характеристики отвечают за отображение товара и корректную фильтрацию.

1. Гендер

Название характеристики:
Гендер
Что показывает:

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

Варианты значений:
  • Для девочек
  • Для мальчиков
  • Для мальчиков и девочек
2. Коллекция

Название характеристики:
Коллекция
Как заполнять:

Значение указывается в едином формате, с соблюдением регистра.

Примеры значений:
  • Весна-Лето 2026
  • Осень-Зима 2025/2026
  • Осень-Зима 2026/2027
3. Пол

Название характеристики:
Пол
Что важно:

Эта характеристика участвует в фильтрации. Поэтому значения нужно добавлять отдельными строками.

Если товар только для девочек:
  • Пол → Для девочек
Если товар только для мальчиков:
  • Пол → Для мальчиков
Если товар подходит и для девочек, и для мальчиков:
  • Пол → Для девочек
  • Пол → Для мальчиков
Важно:
Гендер — это отображение по ховеру.
Пол — это характеристика для фильтрации.
Поэтому их нельзя путать и нельзя объединять значения поля «Пол» в одну строку.
Шаг 5.2

Сезон, Преимущество, Тип товара, Цвет, Состав

Наверх ↑

Эти характеристики влияют на отображение товара в листинге и его фильтрацию.

1. Сезон

Название характеристики:
Сезон
Варианты значений:
  • Весна-Лето
  • Осень-Зима
Если товар всесезонный:
  • дополнительно можно указать Все сезоны
Важно:

Если товар подходит только под один сезон, указывается только одно значение.

2. Преимущество

Название характеристики:
Преимущество
Что делает:

Эта характеристика выводится в листинге под названием товара.

Как заполнять:

Значения записываются через запятую.

Пример:
  • Кашемир, Шерсть мериноса
3. Тип товара

Название характеристики:
Тип товара
Как заполнять:

Значение пишется с большой буквы.

Примеры значений:
  • Кардиган
  • Варежки
  • Футболка
  • Рубашка
4. Цвет

Название характеристики:
Цвет
Как заполнять:

Указывается основной цвет товара. Значение пишется с большой буквы.

Пример:
  • Жёлтый
5. Состав

Название характеристики:
Состав
Как заполнять:

Сначала пишется материал, затем процент.

Примеры значений:
  • Кашемир 100%
  • Кашемир 15%, Хлопок 85%
Все значения должны быть единообразными: одинаковый регистр, одинаковая структура записи и одинаковая логика заполнения по всем товарам.
Шаг 5.3

Настроить кружочки (цвета товара)

Наверх ↑

Характеристика «Кружочки» отвечает за отображение цветов товара в листинге: при наведении на карточку (десктоп) и под фото товара (мобильная версия).

Если «Кружочки» заполнены неправильно — цвета не будут отображаться, либо будут отображаться некорректно.
1. Добавить характеристику «Кружочки»

Название характеристики:
Кружочки

Значение задаётся в виде HEX-кодов цветов.

2. Если у товара один цвет

Указывается один HEX-код:

#F5E6D3
3. Если цвет составной (2–3 цвета)

Цвета записываются через знак +:

#F5E6D3+#A67C52

Это означает, что кружочек будет отображать несколько цветов.

4. Если у товара несколько вариантов цвета

Варианты разделяются через вертикальную черту:

#F5E6D3|#A67C52|#000000

Каждый вариант — это отдельный цвет товара.

5. Если варианты тоже составные

Сначала используем +, потом |:

#F5E6D3+#A67C52|#000000+#FFFFFF

То есть:

  • внутри варианта → плюс
  • между вариантами → вертикальная черта

Как запомнить

  • + — внутри одного цвета
  • | — разные варианты товара

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

  • использование названий цветов вместо HEX
  • пробелы между значениями
  • смешивание логики «+» и «|»
Все значения должны быть записаны без пробелов и строго в формате HEX.
Здесь можно добавить скрин:
пример заполнения характеристики «Кружочки»
Шаг 6

Добавить и подготовить фотографии товара

Наверх ↑

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

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

У одного товара все фотографии должны быть:

  • с одинаковым кадрированием
  • с одинаковой логикой масштаба
  • с одинаковыми отступами
  • с одинаковым визуальным стилем
2. Первые фотографии внутри одной категории должны быть одинаковыми по подаче

Если мы берём одну категорию, например кардиганы, то все первые фото в этой категории должны быть:

  • в одном и том же ракурсе
  • с одинаковым масштабом изделия
  • с одинаковыми отступами
  • с одинаковым кадрированием
3. Дополнительные ракурсы тоже должны быть единообразными

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

  • одинаковый масштаб внутри типа ракурса
  • одинаковые отступы
  • одинаковое кадрирование

Съёмка

  • светлый нейтральный фон, не чисто белый
  • мягкий рассеянный свет
  • без жёстких теней
  • без пересветов и провалов в тенях
  • фактура ткани должна читаться
  • изделие должно выглядеть объёмно

Фон

  • итоговый фон: #EFE8DF
  • ровный, без градиентов
  • одинаковый на всех фотографиях

Обработка

  • сохранять натуральные цвета изделий
  • не уводить изображение в холодный оттенок
  • не уводить изображение в жёлтый оттенок
  • аккуратно усиливать объём
  • не использовать перешарп

Тени

  • добавлять мягкую тень под изделием
  • тень должна быть лёгкой и размытая
  • без жёстких краёв
  • без чёрных пятен
  • без ореолов
  • тень не должна перетягивать на себя внимание

Кадрирование

  • изделие должно быть по центру
  • отступы вокруг изделия должны быть одинаковыми
  • пропорция изображений должна быть единой
  • листинг не должен выглядеть хаотично
Изображение должно выглядеть как предмет в пространстве, а не как вырезка на белом фоне.
Для добавления динамики можно использовать имиджевую фотографию первой или второй, но в дальнейшей системной работе по каталогу одинаковые типы изделий нужно стараться фотографировать одинаково.
Шаг 7

Чек-лист перед публикацией товара

Наверх ↑

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

Товар создан в разделе «Товары»
Название товара короткое и без лишних свойств
Описание заполнено в поле «Текст»
Описание не отформатировано инструментами Tilda
Товар добавлен во все нужные разделы каталога
Заполнен Гендер
Заполнена Коллекция
Заполнен Пол
Заполнен Сезон
Заполнено Преимущество
Заполнен Тип товара
Заполнен Цвет
Заполнен Состав
Заполнены Кружочки в формате HEX
Все фотографии товара выдержаны в единой логике
Первые фото внутри категории не выбиваются по ракурсу и масштабу
Дополнительные ракурсы не выбиваются по кадрированию
Листинг не выглядит хаотично из-за фото этого товара
Если хотя бы один пункт не выполнен, товар может отображаться некорректно или выбиваться из общей визуальной системы каталога.