Покупатель открывает одну вещь, но редко понимает, с чем её носить и что к ней взять.
Генератор образов для Tilda добавляет в карточку товара кнопку «Собрать образ». По нажатию магазин сам подбирает комплект из собственного каталога: открытый товар остаётся основой, а к нему встают верх, низ, обувь и аксессуары. Цвет и размер выбираются внутри окна, понравившиеся позиции закрепляются, остальные генерируются заново, а весь образ уходит в корзину одной кнопкой. Настройка проходит в визуальном конфигураторе — программировать владельцу магазина не нужно.
Доступ на 30 дней открывает генератор образов и всю библиотеку готовых решений: инструкции, обновления и помощь по установке включены.
Коротко: что делает генератор образов
- В карточке товара появляется кнопка «Собрать образ».
- Открытый товар становится основой комплекта и занимает один из слоёв.
- Остальные позиции подбираются из категорий, которые вы заранее задали.
- Покупатель закрепляет понравившиеся вещи и генерирует остальные заново.
- Весь образ отправляется в корзину одной кнопкой — вместе с выбранными цветом и размером.
Важно: это не генератор фотографий и не виртуальная примерка. Решение работает с реальными товарами из каталога магазина, которые можно сразу купить.
Как покупатель собирает образ в магазине на Tilda
Весь сценарий проходит в одном окне: покупатель не уходит с карточки товара и не листает каталог в поисках сочетаний.
Открывает карточку товара
Покупатель заходит, например, в карточку рубашки и рядом с ценой видит кнопку «Собрать образ». Отдельная страница подборок не нужна — точка входа находится там, где человек уже принимает решение о покупке.
Получает комплект из каталога
Рубашка остаётся стартовым товаром, а генератор добавляет к ней брюки, обувь, верхнюю одежду и аксессуары. Состав комплекта определяют слои, которые вы описали при настройке, поэтому в образе не окажется случайных позиций из другой группы товаров.
Закрепляет понравившиеся позиции
Понравились кроссовки, но не пальто? Кроссовки закрепляются, и при следующей генерации они остаются на месте, а остальные позиции меняются. Товары можно и переставлять: на компьютере — влево и вправо, на телефоне — вверх и вниз.
Выбирает цвет и размер
Вариации выбираются прямо в окне образа. Доступность размеров зависит от выбранного цвета: если у бежевого варианта нет 48-го размера, подбирается ближайший доступный в сторону увеличения.
Добавляет весь образ в корзину
Кнопка «Добавить весь образ в корзину» отправляет в ST100 все выбранные позиции, включая тот товар, с которого началась генерация. Вместо одной покупки в заказе оказывается комплект.
Что это за генератор и чем он отличается от ИИ-стилиста
По запросу «генератор образов» чаще всего находятся нейросети, которые рисуют одежду или переодевают человека на фотографии. Это другая история и другая задача.
ИИ-стилист и виртуальная примерка
- генерируют изображения и подменяют одежду на фото человека;
- показывают вещи, которых может не быть в продаже;
- результат нельзя добавить в заказ;
- владелец не управляет тем, что покажет модель.
Конструктор образов для магазина на Tilda
- работает только с каталогом конкретного магазина;
- правила совместимости задаёт владелец, а не модель;
- в образе стоят реальные товары с ценой, цветом и размером;
- любой комплект можно сразу купить.
Отсутствие нейросети здесь не минус, а управляемость: вы точно знаете, из каких категорий соберётся образ, и не рискуете тем, что покупателю предложат несочетаемый или отсутствующий товар. Магазин остаётся автором подборки, а генератор — механикой, которая эту подборку показывает.
Что умеет генератор образов для Tilda
Комплекты собираются не случайно: структуру образа и принадлежность товаров к слоям описываете вы.
Слои образа
Образ состоит из слоёв: головной убор, верхняя одежда, рубашка или футболка, брюки или юбка, обувь, аксессуары. Количество и названия слоёв владелец магазина задаёт самостоятельно, а размер подборки указывается числом.
- Открытый товар сам занимает один слой
- Слои создаются, переименовываются и удаляются
Группы генерации
Для каждого направления каталога — своя группа со своими слоями и правилами: мужские и женские образы, взрослые и детские комплекты, повседневные и вечерние подборки, разные коллекции.
Автоматическое распределение каталога
Категории и товары распределяются по слоям по кодовым словам в названиях. Предусмотрены готовые шаблоны и режим создания структуры с нуля для нетипичного каталога.
- Любую категорию можно переназначить вручную
- Отдельные товары правятся точечно
- Кодовые слова меняются под свой каталог
Закрепление и повторная генерация
Покупатель оставляет понравившиеся позиции и меняет остальные товары — столько раз, сколько нужно. Именно эта механика удерживает человека в карточке товара.
Перемещение товаров внутри образа
Любую позицию, кроме стартовой, покупатель двигает сам: на компьютере — влево и вправо, на телефоне — вверх и вниз.
Цвета, размеры и вариации
Вариации выбираются без выхода из собранного комплекта, а доступные размеры подстраиваются под выбранный цвет — покупателю не приходится открывать карточку каждой вещи отдельно.
Добавление комплекта в корзину
Решение не просто показывает рекомендации: весь образ, включая стартовый товар, отправляется в корзину ST100 одной кнопкой с выбранными вариациями.
Собственные тексты и оформление
Название кнопки, заголовок окна, пояснения, названия слоёв и подписи действий задаёте вы — механика говорит голосом вашего бренда.
Какие комплекты можно собирать
Основной сценарий — интернет-магазин одежды. Но слои описываются вручную, поэтому та же механика собирает и другие наборы.
Магазин одежды
Верх, низ, обувь, сумка, головной убор и аксессуары — полноценный образ вокруг выбранной вещи.
Обувь и аксессуары
Основная модель, носки, средства ухода, ремень или сумка в одном комплекте.
Косметика
Тон, румяна, тушь, средство для губ и аксессуары — набор под один образ.
Посуда и товары для дома
Основной предмет, дополнительная посуда, текстиль и декор в одном стиле.
Еда и подарочные наборы
Горячее, напиток и десерт или несколько товаров подарочной корзины.
Как настроить генератор без программирования
В закрытой части находится визуальный конфигуратор. Вы отвечаете на понятные вопросы о своём каталоге, а он собирает готовый код.
Подключить каталог
Указываете адрес магазина и ID общей категории каталога — конфигуратор загружает товары и категории и показывает, сколько их нашлось.
Создать слои и группы
Выбираете готовый шаблон структуры или собираете её с нуля: сколько слоёв в образе и какие группы генерации нужны магазину.
Распределить категории
Проверяете автоматическое распределение и исправляете неподходящие назначения через выпадающие списки. Отдельные товары можно назначить точечно.
Сформировать готовый код
Задаёте тексты и размер подборки и нажимаете кнопку — конфигуратор собирает код под ваши настройки автоматически.
Установить код на сайт
Вставляете код по инструкции в настройки Tilda, публикуете страницы и проводите тест на компьютере и телефоне.
Сохранить настройки
Черновик сохраняется в браузере, а полный набор параметров выгружается файлом — чтобы вернуться к нему позже или продолжить на другом устройстве.
Памятка перед запуском: проверьте товары с несколькими цветами, с отсутствующими размерами, с вариациями, с разным количеством в корзине, а также совместимость с другими установленными модификациями корзины.
Совместимость и ограничения
Чтобы решение не разочаровало, стоит заранее знать, на чём оно работает и что от вас потребуется.
Необходим каталог товаров Tilda — механика строится на его категориях и вариациях.
Решение рассчитано на стандартную корзину ST100.
Категории, цвета и размеры должны быть заполнены корректно: пустые или противоречивые данные ухудшают подбор.
Качество комплектов зависит от того, как настроены группы и слои, — это ручная работа владельца магазина.
Это не автоматическая оценка сочетаемости одежды нейросетью: правила задаёте вы.
При наличии других скриптов корзины требуется тестирование совместимости.
Нестандартная логика подбора может потребовать отдельной доработки.
Как генератор помогает увеличить средний чек
Кросс-селл в интернет-магазине обычно упирается в одно: покупатель не видит, что ещё взять, и не хочет искать это сам. Генератор образов закрывает именно этот разрыв — он показывает сопутствующие товары в момент выбора, а не после оформления заказа.
- показывает сопутствующие товары в момент выбора;
- избавляет покупателя от ручного поиска сочетаний;
- демонстрирует товар в контексте полного комплекта;
- сокращает путь от рекомендации до корзины;
- даёт добавить несколько позиций одним действием.
Всё это создаёт условия для дополнительных продаж и может увеличить количество позиций в заказе. Насколько именно — зависит от ассортимента, качества настройки слоёв и трафика магазина, поэтому обещать конкретные проценты роста было бы нечестно.
Что входит в доступ к решению
Оплата открывает не один скрипт, а всю библиотеку готовых решений для Tilda на 30 дней — можно установить столько механик, сколько нужно проекту.
Генератор образов и вся библиотека готовых решений
Доступ подходит, если нужно запустить механику сейчас и сохранить возможность взять другие решения для следующих задач.
- генератор образов и комплектов;
- визуальный конфигуратор настройки;
- инструкция со скриншотами;
- доступ к остальным решениям библиотеки;
- обновления в течение 30 дней;
- помощь по установке.
Установленный код продолжает работать без ограничений и после окончания доступа. Продление нужно для новых версий, обновлений и других решений библиотеки. Все решения и актуальные условия →
Какие ещё решения входят в библиотеку
Механики рассчитаны на совместную работу: генератор собирает комплект, а скидочные решения управляют ценой этого комплекта.
Как запустить генератор
Получить доступ
Вы получаете закрытую страницу с визуальным конфигуратором, пошаговой инструкцией со скриншотами и остальными решениями библиотеки.
Настроить каталог
Создаёте группы и слои, проверяете распределение товаров и задаёте тексты окна генерации. Обычно это занимает 15–30 минут.
Установить и протестировать
Копируете сформированный код в настройки Tilda, публикуете магазин и проверяете работу на компьютере и телефоне.
Нужна нестандартная логика подбора?
Напишите, если хотите заранее уточнить совместимость с вашей корзиной, обсудить структуру слоёв под ассортимент или заказать доработку под проект.
Частые вопросы о генераторе образов для Tilda
Есть ли в Tilda встроенный генератор образов?
Является ли это решение ИИ-стилистом?
Нужно ли уметь программировать?
Можно ли разделить мужские и женские комплекты?
Работает ли генератор с цветами и размерами?
Можно ли закрепить часть комплекта и заменить остальные товары?
Добавляется ли весь образ в корзину одной кнопкой?
Работает ли решение на телефоне?
Подойдёт ли генератор для товаров, кроме одежды?
Что произойдёт с установленным кодом через 30 дней?
Другие статьи и решения по Tilda
Дайте покупателю собрать образ прямо в карточке товара
Генератор образов для Tilda превращает карточку одной вещи в точку сборки заказа.
- комплекты формируются из собственного каталога;
- настройка выполняется через визуальный конфигуратор;
- цвет, размер и корзина работают внутри одного сценария;
- программировать самостоятельно не требуется.
Также на связи в MAX
Еще материалы
-
Подарок за сумму заказа в Tilda: выбор подарка от суммы корзиныПовышайте средний чек с помощью подарков Дайте покупателю подарок за сумму заказа — и пусть он сам выберет его в
-
Как добавить дополнительные товары в корзине в Tilda при добавлении основного
При добавлении основного товара в корзину Тильды, автоматически добавляем дополнительные товары
-
Акция «3 по цене 2» на Tilda: готовое решение с автоматикой
Увеличивайте продажи акциями, которых нет в Tilda Запустите акцию «3 по цене 2», «4 по цене 3» или собственную механику
-
Промокод только на нужные товары в Tilda — ставится за 10 минут
Как добавить промокод на тильде на определенный товар, и вообще как сделать промокод. Рассмотрим порядок действий, все хитрости и нюансы
-
Система выдачи сертификатов и дипломовПринцип работы автоматизированной выдачи документов Структурно систему можно разделить на 3 части Взаимосвязь между 1 и 3 осуществляется через запросы
-
Решение 8 Инструкция — Промокод на определенный товар Тильда
Это пошаговая инструкция по установке и настройке 8 решения по промокодам: Шаг 1 Копируем код и устанавливаем в HEAD проекта
