> 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/english/widget/how-to-create-a-jedidesk-widget.md).

# How to create a #jedidesk Widget

#### **Navigation:**

1. [Language and text settings](#id-1.-language-and-text-settings)
2. [Mini widget settings](#id-2.-mini-widget-settings)
3. [Generated widget code](#id-3.-generated-widget-code)
4. [Animation of typing messages and viewing messages typed in the chat](#id-4.-animation-of-typing-messages-and-viewing-messages-typed-in-the-chat)

***

#### **1.** Language and text settings:

Open **Settings** **->** **Integration** **->** [**Widget Settings**](https://app.jedidesk.com/settings-widget) tab.

The widget in each language<mark style="color:red;">\*</mark> is configured separately. Click on **Select language**, and select, for example, English, fill in all the templates and click <mark style="background-color:blue;">**Save**</mark> button:

<figure><img src="/files/7rXmuyPgbiVqxbJe9l3D" alt=""><figcaption><p>List of default languages</p></figcaption></figure>

<figure><img src="/files/rjLBbvLHerycwNfssU21" alt=""><figcaption><p>Template for customizing the widget</p></figcaption></figure>

***

If you want to reset all widget settings, click <mark style="background-color:blue;">**Default setting**</mark> button.

By default, 3 languages are available for the widget, but you can always add more languages:

<figure><img src="/files/JFptsH56Ci9Kc3iNeTXZ" alt=""><figcaption><p>Additional languages for the widget</p></figcaption></figure>

***

To enable other languages, click the switch after selecting the language:

<figure><img src="/files/obv6xtXVbRj70AfQemdX" alt=""><figcaption><p>Activate the selected language for the widget</p></figcaption></figure>

***

If you disable accepting requests through the widget, it will only work as a redirect to your messenger bots:

<figure><img src="/files/UECJQG7XgqZSwFB7xCgj" alt=""><figcaption><p>Widget activation as a chat</p></figcaption></figure>

{% hint style="danger" %} <mark style="color:red;">Please note that when the widget is set to multiple languages, the language of the widget depends on the language of the client's browser and not on the language of the web resource on which the widget is placed. For example, if the browser is set to the English language, the client will see the widget in the English language.</mark>
{% endhint %}

***

#### **2.** Mini widget setting&#x73;**:**

Instead of an expanded widget, you can set up a mini-widget with icons:

<figure><img src="/files/CBs5AEYezMfC2htQGhlM" alt=""><figcaption><p>Customizing the mini widget</p></figcaption></figure>

***

#### **3.** Generated widget code:

When you’re done designing your widget, click <mark style="background-color:blue;">**Save**</mark> button and copy the generated code to paste on your site:

<figure><img src="/files/6ZLRu85oMGUlLgmdTbzW" alt=""><figcaption><p>Getting the widget code</p></figcaption></figure>

***

#### 4. Animation of typing messages and viewing messages typed in the chat

When your customer writes a message in the chat via the widget, you will see the message and can prepare a response in advance:

<figure><img src="/files/VO3quRTQ3B1iVkP4cMWG" alt=""><figcaption><p>The customer writes messages in real time</p></figcaption></figure>

<figure><img src="/files/4HIhEPgPu3lnyWGnrsWt" alt=""><figcaption><p>The customer has sent a message</p></figcaption></figure>

***

The customer will also see what you write to him, but will not see the text before sending:

<div><figure><img src="/files/f2J4L0GoFZ3Jljy4lJRW" alt=""><figcaption><p>The manager writes a message</p></figcaption></figure> <figure><img src="/files/6RsTf7RUtRCgJWpv6seb" alt=""><figcaption><p>The manager sent a message</p></figcaption></figure></div>


---

# 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://docs.jedidesk.com/english/widget/how-to-create-a-jedidesk-widget.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.
