> 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

PrestaShop є відкритим програмним забезпеченням для швидкого створення інтернет-магазину. З цією програмою користувач може налаштувати свій магазин як на хмарному сховищі, так і на власному хостингу.

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

***

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

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

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2FcgDGlxWOymXK7fBbtzME%2FFTP_01.png?alt=media&amp;token=bbbe6eb9-b397-4503-a500-535b4bca1fa1" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2Fz5qIoGZWWjpURzr0SeR7%2FFTP_02.png?alt=media&amp;token=a0987308-709b-4c00-b2c3-737ba3a84bbe" 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="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2FZexMIm8kxshjMY4wfPQE%2FPRESTASHOP_01.png?alt=media&amp;token=d084618c-2659-445e-911e-3e2b5b122d03" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2Ffe1JeAcRsWqs3guX1ecM%2FPRESTASHOP_02.png?alt=media&amp;token=93d1e9e3-01f4-499e-afdb-bc3c97a684e2" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2Ft7Dz2PnWswtxuVHS1Wqy%2FPRESTASHOP_03.png?alt=media&amp;token=5b92c69b-903d-4899-b9e6-fae6d7f6858a" alt=""><figcaption></figcaption></figure>

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

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