> 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>
