> 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/vidzhet/dodati-chat-na-sait/vstanovlennya-chatu-jedidesk-na-prestashop.md).

# Встановлення чату #jedidesk на PrestaShop

1. [**Створіть віджет #jedidesk**](/vidzhet/yak-stvoriti-chat-jedidesk.md) та скопіюйте згенерований код.
2. Авторизуйтесь в системі [**PrestaShop**](https://prestashop.com/).

***

#### Варіант №1. ВСТАНОВЛЕННЯ КОДУ ЧЕРЕЗ FTP:

1. Необхідно зайти на хостинг вашого сайту, або підключитися до хостингу через FTP-клієнт і пройти до директорії: ***головна\_папка/themes/назва вашого шаблону/footer.tpl*** :

<figure><img src="/files/t25CNeFhl1BaJtblZb6f" alt=""><figcaption></figcaption></figure>

2. Відкрити в режимі редактора файл **footer.tpl** і вставити код віджета #jedisesk перед тегом, що закривається <mark style="color:red;">**\</body>**</mark> та зберегти зміни:

<figure><img src="/files/Sqz2flsiuCeqnHSIqAoO" alt=""><figcaption></figcaption></figure>

3. У деяких шаблонах файл footer.tpl не підключається до кожної сторінки, тоді доречно використовувати файл **header.tpl** з директорії: ***головна папка/themes/назва вашого шаблону/header.tpl***\
   \
   У ньому необхідно вставити код віджету #jedidesk перед закриваючим тегом <mark style="color:red;">**\</head>**</mark> та зберегти зміни.

***

#### **Варіант №2. ВСТАНОВЛЕННЯ КОДУ ЧЕРЕЗ МОДУЛЬ CONTENTBOX (АБО ІНШИЙ HTML-МОДУЛЬ)**

2. Необхідно попередньо завантажити модуль contentBox із сайту [http://contentbox.org](http://contentbox.org/):

<figure><img src="/files/Zp1AACSA69nPR6WH5XBK" alt=""><figcaption></figcaption></figure>

2. Зайдіть в панель керування PrestaShop, в розлілі **Управление модулями** завантажуємо **модуль ContentBox**:

<figure><img src="/files/ig9Jna87LqwOQuuzBL62" alt=""><figcaption></figcaption></figure>

3. Після успішного завантаження модуля натисніть **Настроить**:

<figure><img src="/files/zqmDmSpwg50QeSodOmEw" alt=""><figcaption></figcaption></figure>

4. У вікні виберіть редактор **HTML → Edit HTML source** (поряд зі шрифтом) і вставте код свого віджету #jedidesk.\
   \
   Збережіть зміни натисканням на **Update (Save)***.*

{% hint style="info" %}
Якщо вікно не відкрилося автоматично, його можна викликати, натиснувши на кнопку *Configure* у списку модулів, у модулі *СontentBox.*
{% endhint %}