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

Конфигуратор на Tilda

Создадим конфигуратор товара на Tilda: покупатель сможет выбрать совместимые опции и отправить менеджеру точный состав нужной комплектации.
TILDA
ТЕХНИЧЕСКИЕ УСЛУГИ
Зададим правила сочетания компонентов, зависимые поля, ограничения выбора и связь с ценой. Продумаем отображение результата и передачу вариантов в заявку.
Подбор комплектации без недопустимых сочетаний и обращение с готовым перечнем выбранных характеристик.

Как собрать продукт без ошибки

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

01 / Что проверим

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

02 / Что усилим

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

03 / Что настроим

Клиенту нужно сохранить выбранную комплектацию. Менеджеру нужна точная спецификация конфигурации, а не только контакт клиента. Спецификация должна отличать выбранную модификацию от товара в базовом исполнении.
Проектируем правила комплектации вместе с ответственным за продукт.
Передача спецификации в заявку. Продумываем сброс, изменение ранних параметров и сохранение выбранной конфигурации для менеджера. Если конфигурация передается менеджеру, в ней должны быть артикулы и количества, а не только скриншот выбранного внешнего вида.

Что именно выполняем

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

01 / Аудит страницы

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

02 / Усиление предложения

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

03 / Настройка обращения

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

Технические решения

Практические подходы под конкретную задачу и ограничения проекта.

Правила выбора

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

Изменение комплектации

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

Итоговая спецификация

Формируем понятную спецификацию выбранной комплектации с названиями, кодами и количеством компонентов. Недопустимые сочетания блокируем с объяснением причины. Стоимость рассчитываем лишь по утвержденной модели. Инженерные расчеты, CAD и связь с производством оцениваются отдельно.

Особенность 01

Если выбранная опция недоступна, объясняем ограничение и предлагаем допустимую комбинацию вместо молчаливой ошибки.

Особенность 02

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

Особенность 03

Учитываем большой объем комбинаций. После обновления модельного ряда необходимо перепроверять правила совместимости и значения вариантов.

Проверяем ограничения до начала работ и фиксируем устойчивое решение.

Кто хранит правила продукта

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

Как проходит работа

От первого запроса до стабильной публикации.

01 / Продукт

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

02 / Логика

Реализуем зависимые состояния. По согласованной модели рассчитываем итог и передаем спецификацию в форму или CRM, проверяя работу при возвращении к предыдущему шагу.

03 / Комбинации

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

Портфолио студии

Наши проекты

Подборка реализованных сайтов на Tilda для IT-компаний, производителей, личных брендов, сервисов и проектов в сфере гостеприимства.

Все кейсы студии

Реальные кейсычасть проектов из портфолио студии

Разные нишиединый уровень проработки

Реальные сайтыструктура, дизайн и разработка

Стоимость и условия

Стоимость технической доработки зависит от исходной сборки, объёма изменений, адаптивных состояний, интеграций и необходимости работы с внешними сервисами.

Что нужно для оценки

Ссылка на сайт или проект Tilda, описание задачи, доступ к макету или визуальные примеры — если они есть.

Как определяем объём

Сначала проверяем, что реально решается средствами Tilda, а что требует внешнего API, сервера или отдельного сервиса.

Что получает клиент

Согласованный объём правок, адаптацию под устройства и проверку сценария, которого касается доработка.

Нам доверяют

Наши клиенты

Создаём и развиваем сайты для компаний и экспертов из IT, медицины, HoReCa, производства, образования, туризма и других направлений.

Отзывы клиентов
Часть брендов, с которыми мы работали

Команда Marmelad.digital

О студии

Веб-студия marmelad.digital разрабатывает сайты на Тильде для бизнеса и экспертов: изучаем задачу, проектируем структуру, создаём индивидуальный дизайн, настраиваем аналитику и закладываем основу для SEO-продвижения.

Подробнее о студии

Ключевые специалисты лично ведут проект — от первой структуры до публикации сайта.

Все ключевые этапы — внутри студии
Вадим Марков — разработка сайтов в студии Marmelad.digital

Разработка и техническая реализация

Вадим

Отвечает за структуру, сборку сайтов на Tilda, адаптив, анимацию, формы, аналитику и техническую SEO-подготовку. Следит, чтобы решения работали стабильно на всех устройствах и не усложняли дальнейшее развитие проекта.

  • Архитектура сайта
  • Разработка на Tilda
  • SEO и аналитика
Дарья Маркова — дизайн сайтов в студии Marmelad.digital

Дизайн и визуальная система

Дарья

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

  • Арт-направление
  • Интерфейс и типографика
  • Мобильный дизайн
30+

реализованных B2B-проектов для IT, HoReCa, производства, медицины, образования и других направлений

7+

лет разрабатываем и запускаем сайты — от анализа и структуры до дизайна, интеграций и публикации

Пишем о разработке сайтов, дизайне и SEO

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

Частые вопросы о доработках на Tilda

Чем отличается от калькулятора?

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

Нужна визуализация?

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

Можно сохранить выбор?

Согласуем передачу в заявку, ссылку или отдельное хранение. Уточняем формат передачи или хранения конфигурации до разработки интерфейса.
Данные попадут в CRM?
Настраиваем формат спецификации, понятный отделу продаж. Проверяем, что в заявку попадают значения и артикулы выбранных опций, а не только общая сумма.

Покажите продукт и правила комплектации

Пришлите таблицу опций и ограничений совместимости. Определим сценарий выбора и формат спецификации, которую получит менеджер.
Made on
Tilda