Узнайте цену окон в диалоге, как в Авито

Клиент пишет или наговаривает голосом: “нужно 2 окна 130×140 и балконная дверь”. Сайт отвечает сообщением, показывает варианты окон, картинки, комплектации и предварительную стоимость.

Открыть демо чата ТЗ для калькулятора

Чат вместо формыНикаких сложных полей на старте — человек просто пишет задачу.

Голос с телефонаКруглая кнопка микрофона: наговорил размеры — получил расчёт.

Карточки с ценамиКалькулятор отдаёт цену, картинку, комплектацию и CTA.

ОЭ

Менеджер Окна Эконом
онлайн, считает стоимость

Здравствуйте! Напишите, какие окна нужны. Можно просто: “2 окна 130 на 140, кухня и спальня”.

Хочу узнать цену на окно 130×140, поворотно-откидное.

Поняла. Показываю предварительные варианты. Точную цену уточним после замера/профиля.

Как должна работать логика

Сейчас на странице стоит фронтовой прототип. Реальный калькулятор потом подключается одним API: сайт отправляет текст/голосовую расшифровку и получает массив вариантов с ценами и картинками.

Клиент пишет

Размеры, количество створок, город, пожелания.

Сайт понимает запрос

Текст или голос превращается в структурированные параметры.

Калькулятор считает

Возвращает цены, изображения, комплектацию, сроки.

Чат продаёт

Показывает карточки и предлагает оставить телефон.

ТЗ для стыковки с калькулятором

Нужен endpoint, который принимает сообщение клиента и отдаёт готовые варианты для карточек в чате.

POST /api/window-chat/calculate Content-Type: application/json { "session_id": "uuid", "message": "нужно 2 окна 130 на 140 и балконная дверь", "source": "text|voice", "city": "Пенза", "customer_phone": null } Ответ: { "reply": "Подобрала 3 варианта. Цена предварительная, без замера.", "items": [ { "id": "win-001", "title": "Окно 1300×1400, 2 створки", "image_url": "https://.../window.png", "price_from": 18400, "currency": "RUB", "details": ["ПВХ профиль", "поворотно-откидная створка", "двухкамерный стеклопакет"], "cta": "Хочу такой вариант" } ], "next_questions": ["Нужен подоконник?", "Есть ли демонтаж старого окна?"] }

Голос: Web Speech API в браузереFallback: текстовый вводКарточки: image_url + price_fromЛид: телефон после расчёта