Онлайн-чат для HTML-сайта: установка одной строкой

Content-Security-Policy и заголовки безопасности

Если на сервере настроен заголовок Content-Security-Policy, разрешите monochat.ru в script-src и connect-src (включая wss://monochat.ru для живых сообщений), monochat.firsts3.ru в img-src для вложений и 'unsafe-inline' в style-src — виджет добавляет свои стили внутрь Shadow DOM. Шрифт заголовка грузится с fonts.googleapis.com и fonts.gstatic.com; без них виджет работает с системным шрифтом.

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

Своя кнопка и одностраничные приложения

После загрузки скрипта доступен window.Monochat. Повесьте Monochat.open() на свою кнопку «Написать нам», а стандартную кнопку спрячьте вызовом Monochat.hide(). Скрипт асинхронный, поэтому перед вызовом проверяйте, что window.Monochat уже существует.

В SPA подключайте строку в index.html, а не внутри компонента — иначе при переходах скрипт может добавиться повторно. Если открываете свою модалку, временно прячьте кнопку чата вызовом hide() и возвращайте show().

Если сайт делает ИИ-агент (Cursor, Lovable, Bolt, v0), дайте ему готовый промпт со страницы «Промпт для ИИ-агента» — он вставит виджет правильно.

Telegram, MAX и ВКонтакте — в том же окне, что и чат на HTML-сайте

Виджет — только один из каналов проекта. В разделе «Каналы» к нему подключаются Telegram-бот (токен от @BotFather), бот MAX (после верификации организации на платформе MAX для партнёров), сообщество ВКонтакте и почтовый ящик по IMAP. Все обращения приходят в общие «Входящие»: оператор отвечает из одного окна, а клиент получает ответ туда, откуда написал.

Для лендинга без бэкенда чат часто заменяет форму заявки: посетитель пишет, а контакты и переписка сразу лежат в карточке клиента.

Пошаговые инструкции по каналам: Telegram, MAX, ВКонтакте, почта. Чтобы новые сообщения не пропускать с телефона, в разделе «Уведомления» привяжите Telegram: туда приходит текст сообщения и ссылка на диалог, а отвечаете вы уже в панели.

ИИ-сотрудник для сайта на HTML-сайте: с чего начать

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

Затем в настройках пространства, в блоке «ИИ-ассистент», включите «Подсказки оператору»: ИИ пишет черновик ответа внутренней заметкой, клиент его не видит, оператор правит и отправляет. Когда черновики стабильно точные, переключите режим на «Автоответ клиенту». Для лендинга одной услуги хватает пяти–семи статей, чтобы ИИ закрывал большую часть вопросов.

ИИ передаёт диалог человеку, если клиент просит оператора, ответа нет в базе знаний или уверенность ниже 70%; после ответа оператора он 30 минут не вмешивается. Подробно — на странице «ИИ-бот для сайта».

Чат не появился на сайте HTML-сайте: что проверить

• Строка вставлена внутрь другого script или комментария — проверьте исходный код страницы.

• CSP блокирует загрузку — ошибка видна в консоли браузера.

• Домен. Виджет загружается только с доменов из его настроек. Если сайт открывается и по техническому адресу, и по своему домену, добавьте оба — по одному на строку. Приставку www указывать не нужно, для поддоменов включите «Разрешить поддомены».

• Консоль браузера. Нажмите F12 и откройте вкладку «Сеть» (Network): если запрос init к monochat.ru вернул 403 «Domain not allowed», адрес страницы не совпадает с доменами виджета.

• Блокировщики рекламы и расширения иногда прячут сторонние виджеты — проверяйте в окне инкогнито.