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
Заполнен Пол
Заполнен Сезон
Заполнено Преимущество
Заполнен Тип товара
Заполнен Цвет
Заполнен Состав
Все фотографии товара выдержаны в единой логике
Первые фотографии внутри категории не выбиваются по ракурсу и масштабу
Дополнительные ракурсы не выбиваются по кадрированию
Листинг не выглядит хаотично из-за фото этого товара
Если хотя бы один пункт не выполнен, товар может отображаться некорректно или выбиваться из общей визуальной системы каталога.
Born to Bloom • внутренняя рабочая инструкция по созданию товаров и заполнению характеристик