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