> 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-embed-a-widget-on-a-site/how-to-embed-a-jedidesk-widget-in-webflow.md).

# How to embed a #jedidesk widget in WebFlow

1. **​**[**Create a #jedidesk widget**](https://docs.jedidesk.com/v/english/widget/how-to-create-a-jedidesk-widget) and copy the generated code.
2. Log in to [**WebFlow**](https://webflow.com/).
3. Open the **➕ Add Elements** panel and add the **Code Embed** to the Webflow canvas:

<figure><img src="https://docs.jedidesk.com/~gitbook/image?url=https%3A%2F%2F4292724302-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FXkehX3Ue2D5LVuBJjMnb%252Fuploads%252FDhbNfvBaynUcKEY4TEFj%252FWebFlow_1.png%3Falt%3Dmedia%26token%3D3a24a744-bd21-4c40-88fd-3655716cb0f1&#x26;width=768&#x26;dpr=1&#x26;quality=100&#x26;sign=ac22f647c85dcde768cdccf413465492c392239d75276327c9ceb709bc6c6cec" alt=""><figcaption></figcaption></figure>

1. Paste the copied #jedidesk widget code, click **Save** and close the modal window:

<figure><img src="https://docs.jedidesk.com/~gitbook/image?url=https%3A%2F%2F4292724302-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FXkehX3Ue2D5LVuBJjMnb%252Fuploads%252F3qYPMkPoNudv0CRBj5lP%252FWebFlow_2.png%3Falt%3Dmedia%26token%3Ddd21a14a-d80c-437c-9ac1-95f68fa16c13&#x26;width=768&#x26;dpr=1&#x26;quality=100&#x26;sign=567448dfedf70fad67b76cb652c00cb50bfd22526e3a642ed20bf460be4278a3" alt=""><figcaption></figcaption></figure>