> 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/dodati-chat-na-sait/vstanovlennya-chatu-jedidesk-na-webflow.md).

# Встановлення чату #jedidesk на WebFlow

Webflow — це потужний конструктор сайтів, що надає можливості візуального веб-дизайну та гнучкого керування кодом, що дозволяє створювати професійні сайти без програмування.

1. [**Створіть віджет #jedidesk**](/vidzhet/yak-stvoriti-chat-jedidesk.md) та скопіюйте згенерований код.
2. Авторизуйтесь в системі [**WebFlow**](https://webflow.com/).
3. Відкрийте панель ➕ **Додати Елементи** та додайте **Code Embed** на сторінку Webflow:

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2FDhbNfvBaynUcKEY4TEFj%2FWebFlow_1.png?alt=media&amp;token=3a24a744-bd21-4c40-88fd-3655716cb0f1" alt=""><figcaption></figcaption></figure>

4. Вставте скопійований код віджета #jedidesk, натисність **Зберегти** та закрийте модальне вікно:

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2F3qYPMkPoNudv0CRBj5lP%2FWebFlow_2.png?alt=media&amp;token=dd21a14a-d80c-437c-9ac1-95f68fa16c13" alt=""><figcaption></figcaption></figure>