Webchat-виджет

Webchat — это встраиваемый live-чат Repost21 для любого сайта. Посетители пишут прямо в виджет на странице, а диалоги попадают в общие Входящие как отдельный канал «Чат на сайте». Отвечать может AI-агент (автоматически) или оператор — вручную, из того же инбокса, что и Telegram/Instagram/WhatsApp.

Как создать чат

1. Открой AI-агенты → Webchat виджет.
2. Нажми «Создать чат».
3. Repost21 сам создаст AI-агента-«мозг» для этого чата и привяжет его к виджету — отдельно ничего настраивать не нужно.
4. Тебя сразу перенесёт в редактор: слева настройки вида и поведения, справа живое превью.

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

Совет

Агента-«мозг» можно донастроить в любой момент — в редакторе чата есть карточка «Мозг агента» с кнопкой перехода в настройки агента. Там меняется системный промпт, AI-модель (Быстрая / Сбалансированная / Мощная) и подключается База знаний, чтобы чат отвечал по твоим материалам.

Редактор темы

Всё, что меняешь, сохраняется автоматически — embed-код при этом не меняется, виджет на сайте подтянет новый вид сам.

Секция	Что настраивается
Мозг агента	Какой AI-агент отвечает в чате, переход к его настройкам
Бренд	Имя (заголовок чата) и подзаголовок
Цвет	Акцентный цвет — 6 готовых пресетов или свой через палитру
Размер и позиция	Угол экрана (справа/слева снизу), скругление углов, отступы от края, шрифт
Поведение	Текст приветствия, плейсхолдер поля ввода, режим идентификации, звук уведомлений, скрыть подпись «Powered by»
Код для встройки	Готовый embed-код с кнопкой «Скопировать»

Режим идентификации

Определяет, что виджет спросит у посетителя перед началом диалога:

Режим	Что видит посетитель
Аноним	Пишет сразу, без формы
Имя	Короткая форма — только имя
Имя + email	Форма с именем и email — данные попадут в карточку контакта в инбоксе

Живое превью

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

Встраивание на сайт

Скопируй embed-код из редактора (секция «Код для встройки») и вставь одну строку перед закрывающим </body>:

<script
  src="https://widget.repost21.com/widget.js"
  data-widget-id="wc_ВАШ_ID"
  defer
></script>

• data-widget-id — идентификатор твоего чата, он уже подставлен в код в редакторе.
• Виджет работает на любом домене — ограничений по сайтам нет.
• Тему и поведение виджет подтягивает сам — после правок в редакторе ничего переустанавливать не нужно.

Заметка

Стили виджета изолированы от сайта: он не ломает вёрстку страницы, а CSS сайта не влияет на чат.

Что видит посетитель

• Кнопка-лаунчер в углу страницы; по клику открывается панель чата с приветствием.
• Текст, картинки и файлы — посетитель может писать и прикреплять вложения.
• Ответы в реальном времени — сообщения оператора и AI приходят мгновенно, без перезагрузки страницы (если соединение нестабильное, виджет сам переключается на резервный режим).
• Звуковое уведомление о новом ответе — если включено в настройках поведения.
• Бейдж непрочитанного на кнопке-лаунчере, когда панель закрыта и пришёл ответ.
• На телефонах чат раскрывается на весь экран.

Куда попадают диалоги

Каждый диалог из виджета появляется в разделе Входящие как канал «Чат на сайте» — рядом с диалогами из соцсетей:

• AI-агент отвечает автоматически — для webchat это поведение по умолчанию: посетитель ждёт мгновенный ответ.
• Оператор может перехватить диалог в любой момент кнопкой «Перехватить» — AI замолчит, дальше отвечает человек. Потом диалог можно вернуть AI.
• Работают все инструменты инбокса: теги, заметки, назначение оператора, история переписки.
• Если посетитель оставил имя и email (режим «Имя + email»), они видны в карточке контакта.

Совет

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