Веб-чат — виджет чата, который встраивается на ваш сайт. Посетители пишут в чат; ответы даёт AI-агент или операторы.
1. Основные настройки
URL сайта — укажите адрес сайта, на котором будет размещён виджет (например, https://example.com). Нужен для корректной работы виджета.
2. Визуальные настройки
Секции формы позволяют настроить внешний вид без правки кода.
Шапка чата — тип фона (цвет или градиент), цвет текста и крестика, заголовок, иконка или паттерн.
Аватары — изображения или иконки для сообщений агента и оператора, размеры.
Сообщения — приветственный текст, плейсхолдер поля ввода, имя агента, быстрые вопросы (до 5).
Кнопка открытия чата (FAB) — иконка, цвет, размер, информационные сообщения над кнопкой.
Блок на странице — высота, минимальная и максимальная высота, скругление, рамка, тень, фон и отображение шапки для inline-режима.
Дополнительно — Privacy Notice, копирайт в подвале, кнопка эмодзи.
3. Embed-код
После создания интеграции перейдите в режим Просмотр. Доступны два кода установки:
Плавающая кнопка — стандартный вариант. Скопируйте код из блока Embed-код веб-чата: плавающая кнопка и вставьте его на страницы сайта, обычно перед </body>.
Блок на странице — inline-вариант. Скопируйте код из блока Embed-код веб-чата: блок на странице и вставьте его в то место страницы, где должен находиться чат. Код уже содержит контейнер <div id="ai-indev-chat"></div> и инициализацию mode: 'inline'.
В inline-режиме чат открыт сразу, занимает 100% ширины контейнера и не показывает плавающую кнопку.
Менять визуальные настройки можно в любой момент — виджет подхватывает конфигурацию с сервера.