Logo

Как подключить чат на сайте

Как работает чат на сайте в Cloft, как установить виджет на сайт, где появляются обращения и как обрабатывать сообщения посетителей внутри инбокс.

Updated May 12, 2026

Чат на сайте

Чат на сайте в Cloft — это виджет для общения с клиентами прямо на вашем сайте. Через него посетители могут задавать вопросы, писать в поддержку или оставлять заявки, а все сообщения автоматически попадают в Inbox Cloft вместе с историей диалога и контекстом клиента.


Как работает чат на сайте

После подключения на сайте появляется виджет чата. Когда посетитель отправляет сообщение:

  • диалог автоматически создается в Inbox;

  • сохраняется история переписки;

  • фиксируется источник обращения;

  • сотрудники могут отвечать из Cloft;

  • AI-агент может автоматически подключаться к диалогам.

Подробнее о работе с диалогами читайте в статье «Обзор инбокс».


Как подключить чат на сайт

Шаг 1. Откройте рабочее пространство

Перейдите в:

Чат на сайте → Установка

б.png

Шаг 2. Скопируйте код виджета

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

CleanShot 2026-03-18 at 13.38.55@2x.png

Шаг 3. Добавьте код на сайт

Вставьте код перед закрывающим тегом </body> на всех страницах сайта.

Подключить виджет можно:

  • напрямую в HTML;

  • через CMS;

  • через Google Tag Manager;

  • через конструктор сайта.


Шаг 4. Обновите сайт

После добавления кода:

  • обновите страницу

  • откройте сайт

  • убедитесь, что чат появился


Подключение через CMS и конструкторы

WordPress

Перейдите:
Внешний вид → Редактор темы
или используйте плагины для вставки кода в <head> и <body>.


Tilda

Перейдите:
Настройки сайта → Дополнительно → HTML-код

Вставьте код в блок подключения скриптов.


Bitrix

Добавьте код в шаблон сайта перед </body>.


Shopify

Перейдите:
Online Store → Themes → Edit code

Добавьте код в файл theme.liquid.


Как проверить подключение

После установки:

  1. обновите сайт;

  2. откройте страницу;

  3. убедитесь, что виджет появился;

  4. отправьте тестовое сообщение.

Если подключение выполнено правильно:

  • диалог появится в Inbox;

  • сообщение отобразится в реальном времени;

  • клиент автоматически создастся в системе.

сайт

Настройки чата

После подключения можно настроить внешний вид и поведение виджета.

Доступные настройки:

  • название виджета;

  • приветственное сообщение;

  • позиция чата;

  • цветовая схема;

  • аватар;

  • отображение на мобильных устройствах;

  • автоматическое открытие;

  • подключение AI-агента.

Подробнее о настройках чата читайте в статье «Настройки чата на сайте».


AI-агент в чате

Чат на сайте можно подключить к AI-агенту Cloft.

AI сможет:

  • автоматически отвечать клиентам;

  • использовать базу знаний;

  • собирать информацию;

  • переводить сложные обращения на сотрудников.

Подробнее — в статье «AI-агент для сайта».


Где отображаются сообщения

Все сообщения из чата автоматически попадают в инбокс.

В диалоге сотрудники видят:

  • историю сообщений;

  • данные клиента;

  • источник обращения;

  • действия AI-агента;

  • внутренние комментарии команды.

Подробнее — в статье «Как устроены диалоги в Cloft».


Если чат не отображается

Проверьте:

  • код установлен на сайте;

  • скрипт добавлен без изменений;

  • сайт опубликован после изменений;

  • нет блокировки со стороны CMS или CSP-политик;

  • код установлен перед </body>.

Также убедитесь, что:

  • виджет включен;

  • домен сайта добавлен в настройки канала.


Что дальше

После подключения чата рекомендуем:

  1. настроить AI-агента;

  2. подключить базу знаний;

  3. настроить автоматические сценарии;

  4. добавить быстрые ответы;

  5. распределить диалоги между сотрудниками.

Мы используем Cookies

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