> For the complete documentation index, see [llms.txt](https://help.novatalks.com.ua/ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.novatalks.com.ua/ru/get-started/settings/inboxes/website.md).

# Онлайн чат та виджет на сайте

## Создание/Редактирование канала Веб-сайт <a href="#create-edit-a-website-channel" id="create-edit-a-website-channel"></a>

Для подключения онлайн-чата и виджета в NovaTalks при создании нового Канала необходимо выбрать тип канала - Website.

<figure><img src="/files/xRrQAaHeF4doCf7xj4M8" alt=""><figcaption></figcaption></figure>

### Основные настройки <a href="#main-settings" id="main-settings"></a>

**Основные настройки** отображают Название канала, Каналы, которые будут подключены к виджету, Чат-бот и настройки вида виджета.

<figure><img src="/files/5BVFpNgQvnYcCUKA6LrB" alt=""><figcaption></figcaption></figure>

1. **Добавить канал** - создание каналов, которые будут добавлены к Вашему виджету.&#x20;

При добавлении канала необходимо заполнить поля: Имя, URL, Подсказка, Тип канала и установить галочку возле Включить канал.

<figure><img src="/files/A7TT7Mb5yJFVM52cKPFs" alt=""><figcaption></figcaption></figure>

2. **Имя сайта**&#x20;
3. **Чат-бот** - чат-бот, который будет подключен к каналу. Настраивается в разделе Чат-боты.&#x20;
4. **Цвет виджета** - цвет виджета&#x20;
5. **Заголовок приветствия** - приветственное сообщение, отображаемое в заголовке виджета.&#x20;
6. **URL-адрес картинки** - URL изображения, которое будет отображаться вместо стандартной иконки виджета.&#x20;
7. **Показать значок закрытия виджета**&#x20;
8. **Получение настроек с сервер**а - это опция, которая определяет, необходимо ли сохранять на сервере настройки виджета.

{% hint style="success" %}
**Если опция включена**, то настройки будут обновляться автоматически через запрос к серверу NovaTalks.&#x20;

**Если выключена** - настройки сохраняются локально в html странице заказчика. При каждом изменении в настройках виджета, необходимо копировать код с конфигурацией и вносить изменения в html страницу.
{% endhint %}

9. **Отслеживание языка** - это опция, которая определяет, необходимо ли сохранять в атрибутах контакта Язык общения клиента, обратившегося через онлайн чат.&#x20;
10. **Отслеживание URL** - это опция, которая определяет, необходимо ли сохранять в атрибутах контакта URL начала разговора в онлайн чате.&#x20;
11. **Отслеживание UTM** - это опция, которая определяет, необходимо ли сохранять в атрибутах контакта UTM метки, которые содержатся в URL начала разговора в онлайн чате (Подробнее - [Системные кастомные атрибуты Контакта](/ru/get-started/settings/untitled.md#sistemnye-polzovatelskie-atributy-kontakta)).

{% hint style="info" %}
Отслеживание URL/UTM не поддерживается в каналах Twitter и Line.&#x20;

Отслеживание для Instagram работает только при открытии ссылки с мобильного устройства.
{% endhint %}

12. **Начальное сообщение** - текст сообщения, который будет добавлен клиенту в окно ввода сообщения выбранного канала. Активно только для каналов WhatsApp, Номерной Telegram, Email.

<figure><img src="/files/8LGGccWgUtbnPdpe1hor" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Для WhatsApp, Номерной Telegram и Email для отслеживания URL/UTM необходимо получать параметр clickId. При выборе клиентом на виджете одного из этих каналов начальное сообщение вместе с clickId автоматически добавится вашим клиентам в окно ввода сообщения. Вы можете указать собственный текст начального сообщения, но обязательно включите переменную clickId={{shortUUID}}.&#x20;

Если Начальное сообщение не будет содержать переменную clickId={{shortUUID}} или клиент не отправит сообщение с переменной, то отслеживание URL/UTM осуществляться не будет.
{% endhint %}

13. **Отслеживание ОС** - это опция, которая определяет, необходимо ли сохранять в атрибутах контакта Операционная система клиента, обратившегося через онлайн чат.&#x20;
14. **Отслеживание названия браузера** - это опция, которая определяет, необходимо ли сохранять в атрибутах контакта Название браузера клиента, обратившегося через онлайн чат.&#x20;
15. **Отслеживание IP и страны по IP** - это опция, которая определяет, необходимо ли сохранять в атрибутах контакта Страну клиента, обратившегося через онлайн чат.
16. **Язык сайта**&#x20;
17. **Тип разговора** - это тип канала, с которого обратился клиент. По умолчанию для канала Веб-сайт установлено значение «Чат».&#x20;
18. **Включить форму сбора предварительной информации** - форма сбора предварительной информации позволяет получить информацию о пользователях, прежде чем они начнут разговор. Информация по всем полям после заполнения клиентом автоматически записывается в карточку клиента.

**Типы полей формы:**

* **Стандартные поля** - это основные поля контакта (адрес электронной почты, номер телефона и полное имя).&#x20;
* **Кастомные поля** - это поля кастомных атрибутов.

**Настройки формы:**

* Выбирать **Поле обязательное или нет**, перетаскивая ползунок возле каждого поля.&#x20;
* Выбирать **Отображать поле или нет**, перетаскивая ползунок возле каждого поля.
* Устанавливать различные настройки формы сбора предварительной информации в зависимости **Когда чат-центр онлайн и Когда чат-центр оффлайн**.

<figure><img src="/files/z9055sHMtD0VnwYpkyJ7" alt=""><figcaption></figcaption></figure>

19. **Показать имя агента**
20. **Показать аватар агента**
21. **Позиция** - позиция, где будет отображаться виджет: снизу справа/снизу слева/по центру слева/по центру справа.&#x20;
22. &#x20;**Отступ** - число в пикселях или %, на которое виджет будет отодвинут от края окна браузера.
23. &#x20;**Устройства** - устанавливается на каких устройствах будет отображаться виджет: ПК или/и мобильная версия и в каком виде будет отображаться виджет для каждого типа устройства: развернутом или свернутом.&#x20;
24. &#x20;**Иконки** - устанавливается для каждого типа устройства положение в котором будут отображаться иконки мессенджеров: горизонтально или вертикально.
25. **Виджет встроенный в iFrame** - возможность размещения виджета на сайте как iframe.

***

### Настройки обработки разговоров <a href="#configure-conversation-handling" id="configure-conversation-handling"></a>

<figure><img src="/files/N9pMlGaa4ZLbyB9L4mJl" alt=""><figcaption></figcaption></figure>

1. **Утилизация, %** - показатель, который показывает на сколько % определенный диалог утилизирует агента. Возможные значения: 0 - 100.

{% hint style="success" %}
В зависимости от значения данного параметра рассчитывается текущая утилизация агента (сумма утилизаций диалогов, назначенных на данного агента). При автоматическом распределении диалогов утилизация агента не должна превышать 100%.&#x20;

Поэтому чем ниже значение утилизации диалога, назначенного на команду, тем больше диалогов может быть автоматически распределено на агента и наоборот.
{% endhint %}

2. **Лимит автоназначения** - максимальное количество разговоров, которые агент может одновременно обслуживать в рамках данного Канала. Если по агенту такой показатель достиг установленного значения, то ACD больше не назначит подобный диалог на такого агента.
3. **Автоответ** - нужно ли автоматически принять диалог при назначении на агента.&#x20;
4. **Таймаут оповещения** - время, в течение которого агенту необходимо принять или отклонить Разговор. Если агент не отреагирует в течение заданного времени, то разговор вернется в начало очереди, а агент перейдет в статус Занят сабстатус Not responding.

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

1. **Коды завершения** - коды, которые используются для классификации диалогов. Выбираются агентом после завершения разговора.&#x20;
2. **Таймаут Кодов завершения** - время, в течение которого необходимо выбрать Код завершения. Если агент не отреагирует в течение заданного времени, то разговор завершится и Код завершения не будет установлен.

***

### Агенты <a href="#agents" id="agents"></a>

Список агентов, которые включены в канал.

<figure><img src="/files/YG1uGpOqpz9HXtmPR67q" alt=""><figcaption></figcaption></figure>

***

#### Просмотр и создание канала

Шаг для просмотра настроек нового канала и подтверждения его создания.

<figure><img src="/files/vOocUclE1G7lg2HHKkBc" alt=""><figcaption></figcaption></figure>

***

### Код для установки виджета для установки виджета

Скопируйте Код канала и разместите на Вашем сайте.

<figure><img src="/files/eI0ZijVVKSWGPzkA4K0o" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.novatalks.com.ua/ru/get-started/settings/inboxes/website.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
