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

# How to embed a #jedidesk widget in OPENCART

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 [**OpenCart**](https://opencart.ua/).

{% hint style="info" %}
**#jedidesk** widget code meets the same placement requirements as Google Analytics code. Therefore, it can be placed in this block both separately and together with the Google code. This does not cause a conflict or disruption of the site.
{% endhint %}

3. Go to **Administration →** **Modules** and extensions and select the **Analytics** extension type.\
   \
   Install **Google Analytics** and click the **Edit** button on the right:

<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%252FdKSL4BoAi7No0Wl01j7N%252FOPENCART_01.png%3Falt%3Dmedia%26token%3De1dbeff8-d42d-4e6c-b8d8-074a542f3e57&#x26;width=768&#x26;dpr=1&#x26;quality=100&#x26;sign=1b55d0cf3aab6db72b12aa9e1fb8e0455efa56af7ab53a400b5d45740486dfa7" alt=""><figcaption></figcaption></figure>

4. Paste your the **#jedidesk widget code**, select the **Enabled** status and save the settings:

<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%252FXWaRq8v3ZlxIBQFkmPll%252FOPENCART_02.png%3Falt%3Dmedia%26token%3D2d794a78-987a-4bb0-8aff-2dd45cca9fe8&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=3019b9345c11b795d85e1c8d96eb18d9ab69549109d4c7b156b369f81833f87f" alt=""><figcaption></figcaption></figure>

***

**You can also insert the code via FTP, for this you need:**

1. Go to the hosting of your site, or connect to the hosting via an FTP client and go to the directory: ***main\_folder/themes/name of your template/footer.tpl***&#x20;

<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%252FcgDGlxWOymXK7fBbtzME%252FFTP_01.png%3Falt%3Dmedia%26token%3Dbbbe6eb9-b397-4503-a500-535b4bca1fa1&#x26;width=768&#x26;dpr=1&#x26;quality=100&#x26;sign=04974ee7c522b5f9b8a7e1484bf1d270063c85cd8ac4097add0b230f0a15172e" alt=""><figcaption></figcaption></figure>

2. Open the **footer.tpl** file in editor mode and insert the JediDesk widget code before the closing <mark style="color:red;">**\<body>**</mark> tag and save the changes:

<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%252Fz5qIoGZWWjpURzr0SeR7%252FFTP_02.png%3Falt%3Dmedia%26token%3Da0987308-709b-4c00-b2c3-737ba3a84bbe&#x26;width=768&#x26;dpr=1&#x26;quality=100&#x26;sign=144cde5f08708fd8ff0d30af5931844c83c0d353494343273bf81aed51b6e489" alt=""><figcaption></figcaption></figure>

3. In some templates, the **footer.tpl** file is not connected to each page, then it is appropriate to use the **header.tpl** file from the directory: ***main folder/themes/your template name/header.tpl***\
   \
   You need to insert the #jedidesk widget code in it before the closing <mark style="color:red;">**\<head>**</mark> tag and save the changes.
