Как подключить чат на сайте
Как работает чат на сайте в Cloft, как установить виджет на сайт, где появляются обращения и как обрабатывать сообщения посетителей внутри инбокс.
Чат на сайте
Чат на сайте в Cloft — это виджет для общения с клиентами прямо на вашем сайте. Через него посетители могут задавать вопросы, писать в поддержку или оставлять заявки, а все сообщения автоматически попадают в Inbox Cloft вместе с историей диалога и контекстом клиента.
Как работает чат на сайте
После подключения на сайте появляется виджет чата. Когда посетитель отправляет сообщение:
диалог автоматически создается в Inbox;
сохраняется история переписки;
фиксируется источник обращения;
сотрудники могут отвечать из Cloft;
AI-агент может автоматически подключаться к диалогам.
Подробнее о работе с диалогами читайте в статье «Обзор инбокс».
Как подключить чат на сайт
Шаг 1. Откройте рабочее пространство
Перейдите в:
Чат на сайте → Установка

Шаг 2. Скопируйте код виджета
В разделе установки нажмите «Копировать код».

Шаг 3. Добавьте код на сайт
Вставьте код перед закрывающим тегом </body> на всех страницах сайта.
Подключить виджет можно:
напрямую в HTML;
через CMS;
через Google Tag Manager;
через конструктор сайта.
Шаг 4. Обновите сайт
После добавления кода:
обновите страницу
откройте сайт
убедитесь, что чат появился
Подключение через CMS и конструкторы
WordPress
Перейдите:
Внешний вид → Редактор темы
или используйте плагины для вставки кода в <head> и <body>.
Tilda
Перейдите:
Настройки сайта → Дополнительно → HTML-код
Вставьте код в блок подключения скриптов.
Bitrix
Добавьте код в шаблон сайта перед </body>.
Shopify
Перейдите:
Online Store → Themes → Edit code
Добавьте код в файл theme.liquid.
Как проверить подключение
После установки:
обновите сайт;
откройте страницу;
убедитесь, что виджет появился;
отправьте тестовое сообщение.
Если подключение выполнено правильно:
диалог появится в Inbox;
сообщение отобразится в реальном времени;
клиент автоматически создастся в системе.
/kb-files/635/8d0b23b1-6ea6-4c21-9aa6-41e1a2610597/preview.png)
Настройки чата
После подключения можно настроить внешний вид и поведение виджета.
Доступные настройки:
название виджета;
приветственное сообщение;
позиция чата;
цветовая схема;
аватар;
отображение на мобильных устройствах;
автоматическое открытие;
подключение AI-агента.
Подробнее о настройках чата читайте в статье «Настройки чата на сайте».
AI-агент в чате
Чат на сайте можно подключить к AI-агенту Cloft.
AI сможет:
автоматически отвечать клиентам;
использовать базу знаний;
собирать информацию;
переводить сложные обращения на сотрудников.
Подробнее — в статье «AI-агент для сайта».
Где отображаются сообщения
Все сообщения из чата автоматически попадают в инбокс.
В диалоге сотрудники видят:
историю сообщений;
данные клиента;
источник обращения;
действия AI-агента;
внутренние комментарии команды.
Подробнее — в статье «Как устроены диалоги в Cloft».
Если чат не отображается
Проверьте:
код установлен на сайте;
скрипт добавлен без изменений;
сайт опубликован после изменений;
нет блокировки со стороны CMS или CSP-политик;
код установлен перед
</body>.
Также убедитесь, что:
виджет включен;
домен сайта добавлен в настройки канала.
Что дальше
После подключения чата рекомендуем:
настроить AI-агента;
подключить базу знаний;
настроить автоматические сценарии;
добавить быстрые ответы;
распределить диалоги между сотрудниками.