> 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

PrestaShop is open source software designed to quickly create an online store. With this application, the user can set up their store both on cloud storage and on their own hosting.

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 %}
