← Статьи
Конфигураторы

Конфигуратор на сайте производителя: как встроить и с чем связать

Озвучка статьи

Голос:··

Как разместить конфигуратор на сайте производителя: отдельная страница, виджет или API, куда передавать собранную конфигурацию — заявку, CRM, 1С, корзину, — как не отдать конкурентам прайс и логику, и что учесть по мобильным, скорости и SEO. Практический разбор от студии WOID.

Конфигуратор на сайте производителя: как встроить и с чем связать

Дилер собирает изделие в конфигураторе, видит цену и нажимает «Отправить заявку». Через день менеджер перезванивает и просит пересказать по телефону, что именно он собрал, — потому что сборка никуда не ушла.\\

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

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


Что значит «встроить конфигуратор на сайт» и почему это не просто страница

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

Устройство самого конфигуратора — каталог, правила, визуальный слой — мы разбирали в статье «Конфигуратор продукта: как производителю продавать сложные изделия через визуальную сборку»; здесь речь о том, что происходит после того, как он написан.

Чем конфигуратор на сайте отличается от внутреннего инструмента менеджера

Внутренний инструмент

Сотрудник знает продукт, обучен и не пытается «обмануть» систему. Он работает в предсказуемой среде, где «менеджер разберётся» — рабочая позиция по умолчанию.

Публичный конфигуратор

Работает с чужими людьми — дилером, проектировщиком, снабженцем, случайным посетителем. Должен выдерживать неаккуратный ввод, неполные данные и вопрос «а почему так дорого».

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

Почему без связок конфигуратор на сайте не окупается

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

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


Какой способ размещения выбрать: страница, виджет или API

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

СпособЧто этоКогда выбирать
Отдельная страницаКонфигуратор живёт по своему адресу, на него ведут ссылки из каталога и менюОдно или несколько изделий, сборка — самостоятельный сценарий
Встроенный виджетБлок в карточке товара или странице категории; сборка без разрыва «смотрю/собираю»Нужна максимальная конверсия: покупатель не покидает привычное место
API-ядроРасчётное ядро наружу: работает на сайтах дилеров, в партнёрских кабинетах, на маркетплейсахПродажи через сеть: дилер хочет свои цены и условия

Отдельная страница на сайте производителя

Самый простой и предсказуемый вариант. Плюсы очевидны: простая разработка, полный контроль над интерфейсом, возможность спокойно размещать подсказки и инженерные пояснения рядом с полями выбора. Минус один: клиент, который пришёл из карточки товара, должен сделать дополнительный шаг — и часть покупателей на этом шаге теряется.

Встроенный виджет на страницах каталога

Виджет встраивается прямо в карточку товара или категорию, и покупатель собирает изделие, не покидая привычного места. Это заметно лучше для конверсии: нет разрыва между «смотрю товар» и «собираю товар».

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

API-ядро для партнёрских сайтов и маркетплейсов

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

API-вариант нужен производителям, которые продают через сеть: дилер хочет, чтобы его клиент собирал изделие на сайте дилера, с ценами и условиями этого дилера. Как такие партнёрские контуры устроены целиком, мы разбирали на странице дилерских кабинетов.


С чем связать конфигуратор, чтобы он не остался витриной

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

Заявка вместо корзины: как конфигурация попадает в CRM

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

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

Передача заказа в 1С и в готовое КП

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

Здесь работает то же жёсткое правило, что и в любом цифровом контуре производителя: источник истины для цен и номенклатуры один. Конфигуратор читает прайс из учётной системы, а не хранит свою копию. Как устроен такой обмен в связке с коммерческим циклом — в статье «Интеграция CPQ с 1С и CRM».

Что делать, если конфигурация должна попасть в корзину интернет-магазина

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

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


Как не отдать конкурентам прайс и логику конфигуратора

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

Плохо

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

Правильно

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

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

Права доступа: разные цены для розницы, дилеров и монтажников

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

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


Что учесть по мобильным, скорости и SEO

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

Мобильная версия: почему она важна не только «для галочки»

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

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

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

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

Практическое правило: конфигуратор загружается там, где он нужен, и не блокирует остальные страницы. Для визуальных сборок это означает отложенную подгрузку моделей — пользователь должен увидеть интерфейс раньше, чем тяжёлую графику. Что даёт визуальный слой и когда он окупается — в статье «3D-конфигуратор продукта».

SEO конфигуратора: как не потерять трафик из-за динамики

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

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


Что ещё нужно учесть до старта разработки

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

  • У каталога должен быть владелец. Опции, цены и правила меняются постоянно, и если каждое изменение требует программиста, инструмент устаревает быстрее, чем успевает окупиться. Изменения должны вноситься в админке, а логика — редактироваться без правки кода.
  • Аналитика настраивается с первого дня. Без замера конверсии сборки в заявку невозможно понять, где теряются клиенты: на первом шаге, на цене или на отправке заявки. Показатели по шагам дают материал для улучшений, а общая цифра «сколько заявок» — нет.
  • Ответственный за качество данных нужен заранее. Ошибка в прайсе, попавшем в публичный конфигуратор, видна клиенту мгновенно и стоит доверия ко всему инструменту. Обновление цен и номенклатуры — регламент, а не разовая акция.

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


Как понять, что конфигуратор на сайте работает

Оценивать результат нужно по трём-четырём показателям, которые считаются из данных, а не «на ощущение».

  1. Доля посетителей страницы, которые дошли до готовой сборки.
  2. Конверсия сборки в заявку.
  3. Доля заявок, которые менеджеру не нужно переспрашивать — то есть встройка полная.
  4. Время от сборки до отправленного КП. Если оно сократилось в разы — инструмент работает по своему главному назначению: убирает ручной цикл между интересом клиента и документом на его столе.

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

Живой пример — калькулятор конвекторов Vitron Pro: подбор, который раньше делали вручную по XLS-прайсу, теперь занимает минуты и заканчивается заявкой с конкретным артикулом.


Какие ошибки чаще всего ломают внедрение

Большинство внедрений ломается не на технике, а на пяти ошибках:

  1. Начать с дизайна, а не со связок. Красивый интерфейс, за которым нет передачи данных, приходится переделывать вместе с логикой.
  2. Оставить логику расчёта в браузере, а вместе с ней — прайс с коэффициентами.
  3. Сделать конфигуратор без админки: после первого же изменения прайса проект встаёт в очередь к разработчику.
  4. Не предусмотреть мобильный сценарий и сохранение сборки, из-за чего теряются самые «горячие» клиенты.
  5. Забыть про текстовое наполнение вокруг инструмента, из-за чего раздел перестаёт приводить трафик из поиска.

С чего начать

Конфигуратор на сайте даёт результат, когда закрывает конкретную боль — ручной подбор, ошибки комплектации, долгий цикл подготовки КП, — а не абстрактную «цифровизацию». Прежде чем считать бюджет, проверьте, как часто и как долго сегодня собираются ваши изделия: если это десятки часов в месяц, встройка окупится быстрее, чем кажется.

Про то, как встроить конфигуратор в существующий сайт без перестройки ядра, — в статье «Конфигуратор продукта: что это, зачем нужен и сколько стоит». А чтобы понять, что даст встройка именно вашему сайту, заполните бриф за 5 минут — получите оценку по срокам и бюджету под ваш каталог на странице старта проекта.


Читайте также

Серия о цифровых инструментах для B2B — от простого подбора к коммерческому контуру:


Частые вопросы

Сколько времени занимает встройка конфигуратора на сайт?

Если расчётное ядро и каталог уже готовы, а сайт позволяет встроить внешний блок, размещение и связки занимают от недели до нескольких недель — в зависимости от числа потоков (заявка, КП, 1С, корзина) и от состояния интеграций на стороне сайта. Если начинать с нуля — каталог, правила, цена, интерфейс, встройка, — проект считается целиком, а не как «страница с формой».

Можно ли встроить конфигуратор в сайт на Bitrix или WordPress?

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

Нужен ли для конфигуратора отдельный сервер?

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

Как конфигуратор на сайте связан с дилерским кабинетом?

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

Что делать, если сайт планируется переделывать?

Начинать с расчётного ядра, а не с вёрстки. Ядро — каталог, правила, цены, связи — переносится на новый сайт без переделки, тогда как виджет и страницы придётся собрать заново. Именно поэтому конфигуратор разумно проектировать как сервис, независимый от конкретной версии сайта.

Как посчитать, окупится ли конфигуратор на сайте?

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

Больше материалов о калькуляторах, конфигураторах, дилерских кабинетах и CPQ для производителей — в блоге WOID. Посмотреть, как конфигураторы и расчётные инструменты выглядят в работе, можно на странице демо.


← К списку статей