> For the complete documentation index, see [llms.txt](https://docs.jedidesk.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jedidesk.com/vidzhet/yak-stvoriti-chat-jedidesk.md).

# Як створити чат #jedidesk

#### **Навігація:**

1. [Налаштування мови та тексту](#id-1.-nalashtuvannya-movi-ta-tekstu)
2. [Налаштування міні-віджета](#id-2.-nalashtuvannya-mini-vidzheta)
3. [Згенерований код віджета](#id-3.-zgenerovanii-kod-vidzheta)
4. [Анімація набору повідомлень](#id-4.-animaciya-naboru-povidomlen)
5. [Відео-інструкція](#id-5.-video-instrukciya)

***

#### **1. Налаштування мови та тексту**

Відкрийте **Налаштування** **->** **Інтеграції** **->** [**Налаштування віджету**](https://app.jedidesk.com/settings-widget).

Кожна мова<mark style="color:red;">\*</mark> віджета налаштовується окремо. Натисніть на кнопку <mark style="background-color:blue;">**Виберіть мову**</mark>, та виберіть, наприклад, українську. \
Заповніть шаблони віджета та натисніть <mark style="background-color:blue;">**Зберегти**</mark>:

<figure><img src="/files/39NlCM8zoIVSSwAqFtA8" alt=""><figcaption><p>Список мов віджета за замовчуванням</p></figcaption></figure>

<figure><img src="/files/Bzb0LP4WbKGv3Oi4T75D" alt=""><figcaption><p>Налаштування віджета</p></figcaption></figure>

***

Якщо ви бажаєте скинути свої налаштування, натисніть <mark style="background-color:blue;">**Налаштування за замовчуванням**</mark>.

За замовчуванням для віджета доступно 3 мови: англійська, українська, російська, але ви завжди можете додати більше мов через кнопку <mark style="background-color:blue;">**Додати нову мову**</mark>:

<figure><img src="/files/Y5N54LyjwmhlvjBHC6z6" alt=""><figcaption><p>Додаткові мови для віджета</p></figcaption></figure>

***

Щоб обрана мова працювала в віджеті, активуйте її через перемикач:

<figure><img src="/files/AE58Vm6CWLIPM9u7Ope9" alt=""><figcaption><p>Активація обраної мови в віджеті</p></figcaption></figure>

***

Якщо вимкнути прийняття звернень через віджет, він буде працювати лише як редірект в підключені чат-боти, тому клієнти не зможуть звертатися через чат:

<figure><img src="/files/p6TdvMBGOcymlXbqzK2G" alt=""><figcaption><p>Активація віджета як чату</p></figcaption></figure>

{% hint style="danger" %} <mark style="color:red;">**Увага!**</mark> У тому випадку, коли віджет налаштований на кілька мов, мова віджету залежить від мови браузера клієнта, а не від мови веб-ресурсу, на якому розміщено віджет. Наприклад, якщо браузер налаштований на українську мову, клієнт буде бачити віджет на українській мові.
{% endhint %}

***

#### **2. Налаштування міні-віджета**

Окрім розгорнутого віджета, можна налаштувати міні-віджет:

<figure><img src="/files/QNmqZQiqGcG2Ph7wqjkq" alt=""><figcaption><p>Налаштування міні-віджета</p></figcaption></figure>

***

#### **3. Згенерований код віджета**

Після налаштування віджета, натисніть <mark style="background-color:blue;">**Зберегти**</mark> та скопіюйте згенерований код віджета для додавання на ваш веб-ресурс:

<figure><img src="/files/rUHcNQ1shlJQkn1KVq8f" alt=""><figcaption><p>Отримання згенерованого коду віджета</p></figcaption></figure>

***

#### 4. Анімація набору повідомлень

Коли ваш клієнт пише повідомлення у чаті через віджет, ви будете бачити це повідомлення та зможете заздалегідь підготуватися до відповіді:

<figure><img src="/files/VP93tSwZvIevgpdDl5Sm" alt=""><figcaption><p>Клієнт пише повідомлення в реальному часі</p></figcaption></figure>

<figure><img src="/files/Fgym2hk4va27HbSjwemz" alt=""><figcaption><p>Клієнт надіслав повідомлення</p></figcaption></figure>

***

Клієнт також буде бачити, що ви йому пишете, але не буде бачити текст:

<div><figure><img src="/files/pp9YZ7ki3xYKnd2q5uml" alt=""><figcaption><p>Менеджер пише повідомлення</p></figcaption></figure> <figure><img src="/files/nVYIj13IpPQs2PWBgzUw" alt=""><figcaption><p>Менеджер надіслав повідомлення</p></figcaption></figure></div>

***

#### 5. Відео-інструкція

{% embed url="<https://www.youtube.com/watch?v=cqGE3uflAkY>" %}
Відео-інструкція зі створення віджета #jedidesk
{% endembed %}


---

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

```
GET https://docs.jedidesk.com/vidzhet/yak-stvoriti-chat-jedidesk.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.