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

# How to embed a #jedidesk widget in PrestaShop

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 [**PrestaShop**](https://prestashop.com/).

***

#### **Option #1. EMBED CODE VIA FTP:**

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=4&#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=4&#x26;quality=100&#x26;sign=144cde5f08708fd8ff0d30af5931844c83c0d353494343273bf81aed51b6e489" alt=""><figcaption></figcaption></figure>

3. &#x20;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***&#x20;

   \
   You need to insert the #jedidesk widget code in it before the closing <mark style="color:red;">**\<head>**</mark> tag and save the changes.

***

#### **Option #2. EMBED CODE VIA THE CONTENTBOX MODULE (OR OTHER HTML MODULE)**

1. Download the contentBox module from the site [http://contentbox.org](http://contentbox.org/):&#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%252FZexMIm8kxshjMY4wfPQE%252FPRESTASHOP_01.png%3Falt%3Dmedia%26token%3Dd084618c-2659-445e-911e-3e2b5b122d03&#x26;width=768&#x26;dpr=1&#x26;quality=100&#x26;sign=78a94c2c1f263829add16d64644c50e0fe9fdd9af9ec8cbc152cf0baac2a96e5" alt=""><figcaption></figcaption></figure>

2. Go to the PrestaShop control panel, in the **Module Manager** section, download the **ContentBox module**:

<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%252Ffe1JeAcRsWqs3guX1ecM%252FPRESTASHOP_02.png%3Falt%3Dmedia%26token%3D93d1e9e3-01f4-499e-afdb-bc3c97a684e2&#x26;width=768&#x26;dpr=1&#x26;quality=100&#x26;sign=61759e1d25bdf95810c7eb423e9fc02913712afc697b3011ed1d2236d15ac938" alt=""><figcaption></figcaption></figure>

3. After successfully downloading the module, click **Configure**:

<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%252Ft7Dz2PnWswtxuVHS1Wqy%252FPRESTASHOP_03.png%3Falt%3Dmedia%26token%3D5b92c69b-903d-4899-b9e6-fae6d7f6858a&#x26;width=768&#x26;dpr=1&#x26;quality=100&#x26;sign=731be3aa10a22fe4e5dd25f5132205b5635a6603192c12fac089899cb5e55a06" alt=""><figcaption></figcaption></figure>

4. In the window, select the **HTML editor → Edit HTML source** (next to the font) and paste the code of your #jedidesk widget.

Save changes by clicking **Update (Save)***.*

{% hint style="info" %}
If the window did not open automatically, it can be called by clicking on the Configure button in the list of modules, in the СontentBox module.
{% endhint %}
