> 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-modx.md).

# How to embed a #jedidesk widget in MODX

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 [**MODX**](https://modx.com/).
3. On the left side of the panel in the **Elements** section, select the **Templates →** **Basic template** block:

<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%252FMvECwOdns2PWBVag2zcH%252FMODX_01.jpg%3Falt%3Dmedia%26token%3Dc1913fb5-4784-499e-9e3b-829958a1c6c7&#x26;width=768&#x26;dpr=1&#x26;quality=100&#x26;sign=34fbe5c20be539a7a2377802ca2af32e5ce72efa64448799015817ed739293db" alt=""><figcaption></figcaption></figure>

4. In the template settings, paste the **#jedidesk widget code** before <mark style="color:red;">**\<body> (1)**</mark> and save by clicking the **Save button&#x20;**<mark style="color:red;">**(2)**</mark>:

<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%252FThVECJa2htC9LoeHqxzD%252FMODX_02.jpg%3Falt%3Dmedia%26token%3D729228c8-8012-405e-9954-5d0cffd5b577&#x26;width=768&#x26;dpr=1&#x26;quality=100&#x26;sign=bdca18199f63182a0f2fe1473890b7cc497316841b7c6ff685df476f42f19ac7" alt=""><figcaption></figcaption></figure>
