ИИ-менеджер отдела продаж — виджет для сайта застройщика

Живой виджет работает прямо на этой странице — тема переключается в шапке

Отдел продаж, который отвечает за 3 секунды и не уходит домой

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

Посмотреть код вставки

1 строкакода на сайте — вся интеграция

24/7ответ в любое время, включая ночь и выходные

0 зависимостейни jQuery, ни сборщика, ни внешних библиотек

~42 КБлоадер на сайте; окно чата — по клику

Что умеет виджет

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

Консультация по вашей базе

Отвечает по загруженным документам, FAQ и регламентам застройщика: сроки сдачи, отделка, паркинг, эскроу, условия покупки. Ответ опирается на ваши материалы, а не на выдумку модели.

Подбор квартиры из каталога

Уточняет бюджет, число комнат, этаж и вид из окна — и показывает конкретные лоты с ценой, площадью и планировкой. Карточка открывается прямо в переписке, вместе с 3D-туром.

Расчёт ипотеки

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

Передача живому менеджеру

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

Квалификация и карточка в CRM

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

Голос, языки и мобильный

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

Разговор, а не анкета

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

Менеджер по недвижимости на связи

Здравствуйте! Помогу подобрать квартиру, рассчитать ипотеку и записать на просмотр. С чего начнём?

Нужна трёшка до 12 млн, чтобы окна не на дорогу

Нашёл три варианта в свободной продаже: 3-комнатная, 78 м², 5 этаж — окна во двор, 11,2 млн ₽ 3-комнатная, 81 м², 9 этаж — окна во двор, 11,8 млн ₽ 3-комнатная, 76 м², 14 этаж — угловая, 11,9 млн ₽ 📐 Смотреть планировку 🕶 Открыть 3D-тур 360° Выберите вариант ✅ 3к, 78 м², 5 эт., 11,2 млн ₽ ✅ 3к, 81 м², 9 эт., 11,8 млн ₽ ✅ 3к, 76 м², 14 эт., 11,9 млн ₽

Посчитай платёж по семейной на первую

При взносе 20% и сроке 25 лет платёж — 57 800 ₽ в месяц. Показать соседние варианты по этой же ставке или записать вас на просмотр?

Ряд под перепиской — только действия: выбор квартиры, предзаявка на ипотеку, отзыв согласия на обработку данных. Фраз-подсказок в окне нет: покупатель пишет своими словами.

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

Голосом и с озвучкой Вопрос можно надиктовать, ответ — прослушать. Работает средствами браузера, без сторонних сервисов и без отправки голоса третьим лицам.

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

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

Один ассистент — все каналы

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

Сайт застройщика Встраиваемый виджет — то, что вы видите в правом нижнем углу этой страницы.

Telegram Свой бот у каждого застройщика. Варианты предлагаются кнопками, а каталог открывается в Mini App «Шахматка квартир».

WhatsApp Тот же диалог через WhatsApp Cloud API, с кнопками быстрых ответов.

Авито Ответ на сообщения по объявлениям — там, где покупатель уже ищет квартиру.

Встраивание — одна строка перед </body>

Сайт может быть на «1С-Битрикс», Tilda, WordPress или собран вручную — виджету всё равно. Ни сборщика, ни правки шаблонов, ни доступа к вашей вёрстке не требуется.

index.html · перед </body>

…

data-tenant-slug — публичный слаг вашего застройщика, его показывает кабинет во вкладке «Профиль». Он обязателен: сайт живёт на своём домене, и без слага шлюз отдаст каталог застройщика по умолчанию, а заявка уйдёт не в ту воронку. Слаг — идентификатор витрины, а не ключ доступа: никакого токена в код сайта класть не нужно и нельзя.

data-tenant-slugСлаг застройщика. Обязателен — без него виджет не запустится

data-themelight — светлое окно. Без атрибута — тёмное. Переключатель в шапке этой страницы меняет ровно его

data-titleЗаголовок окна вместо «Менеджер по недвижимости»

data-subtitleСтрока под заголовком вместо «Менеджер на связи»

data-greetingПервая фраза ассистента — только на ЭТОМ сайте, перекрывает настройку «Приветствие виджета» из кабинета. Обычно её удобнее задать один раз в кабинете (действует сразу на всех сайтах) и оставить этот атрибут пустым

data-accentАкцентный цвет под ваш бренд-бук, HEX (например #c9962f)

data-z-indexСлой, если на сайте свои плавающие панели

data-voice-langЯзык голосового ввода

data-csat-afterЧерез сколько ответов предложить оценку

Чего в атрибутах нет. Положение кнопки не настраивается — она всегда в правом нижнем углу, отступ 20 px; на телефоне окно раскрывается на весь экран. Адреса ручек и выбор модели сниппетом тоже не задаются: их знает сервер по настройкам вашего застройщика. Если в старой строке вставки остались data-send-path, data-model или data-quick-replies — виджет назовёт их в консоли браузера и продолжит работать по умолчанию.

Метки рекламной кампании (utm_source, utm_medium, utm_campaign, utm_content, utm_term, gclid, yclid) и адрес перехода виджет читает сам и запоминает первое касание: покупатель пришёл по объявлению, неделю ходил по каталогу и написал в чат позже — в карточке останется та кампания, которая его привела, а не последняя страница перед сообщением. Ничего дописывать в код вставки для этого не нужно. Этими же метками различаются несколько сайтов или лендингов одного застройщика: отдельного атрибута для «метки канала» нет — источник в карточке лида определяют UTM и адрес перехода, которые действительно уезжают на сервер.

Управлять окном можно из своего кода: window.AIChatWidget.open(), .close(), .reset(), .askFeedback(), .isOpen() — например, открывать чат по клику на кнопке «Задать вопрос», а оценку спрашивать своей кнопкой «Оцените нас».

Чем это отличается от формы «оставьте заявку»

Форма обратной связи берёт контакт и замолкает до звонка менеджера. За это время покупатель успевает открыть три сайта конкурентов.

Что происходит	Форма обратной связи	ИИ-менеджер
Ответ на вопрос	Через часы, письмом или звонком	Сразу в окне, пока покупатель на странице
Ночь и выходные	Заявка ждёт утра понедельника	Диалог идёт, лид собирается
Что получает менеджер	Имя и телефон	Бюджет, сроки, комнатность, история переписки, степень прогрева
Подбор квартиры	Покупатель ищет в каталоге сам	Ассистент показывает подходящие лоты с ценой и планировкой
Ипотека	Отдельный калькулятор на другой странице	Расчёт в том же диалоге, по вашим программам
Живой менеджер	Перезванивает и начинает разговор заново	Подхватывает тот же диалог, зная всё сказанное
Барьер входа	Телефон нужен до первого ответа	Спрашивают только когда есть о чём договариваться

Проверьте сами

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

Виджет на этой странице — настоящий

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

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

Заодно эта страница — стенд на прочность: её собственный CSS намеренно написан как худшие шаблоны «Битрикса» — button, input, textarea перекрашены глобальными правилами с !important. Виджет обязан выглядеть корректно вопреки им: все его классы имеют префикс .ai-wgt- и не зависят от стилей сайта-хозяина.