> 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-sitepro.md). # Встановлення чату #jedidesk на SitePro 1. [**Створіть віджет #jedidesk**](/vidzhet/yak-stvoriti-chat-jedidesk.md) та скопіюйте згенерований код. 2. Авторизуйтесь в системі [**SitePro**](https://site.pro/uk/). 3. Вставте віджет одним з варіантів: #### Варіант 1: 1. **Додавання HTML-коду**: * Перетягніть **Розширені функції** з головної панелі інструментів; * Виберіть **шаблон HTML**; * Виберіть значок **HTML коду ✏️** на правій панелі інструментів та вставте код; * Натисніть кнопку **Застосувати**; * Натисніть кнопку **Перегляд**, щоб переглянути зміни. 2. **Налаштування HTML-коду:** * **Розмір**: \ Відрегулюйте розмір HTML-коду або натисність **Дозволити автоналаштування розміру** на панелі інструментів праворуч. *** #### Варіант 2: **Додавання скрипту користувача:** 1. Перейдіть до **Налаштування** (у верхній частині конструктора сайтів); 2. Перейдіть до **Сторінки** у пунктах меню та перейдіть на вкладку **Скрипти**; 3. Вставте свій код в одне з трьох доступних полів: * **Перед \** — вставте код у кінець розділу сторінки/сайту \ * **Після \** — вставте код на початок розділу сторінки/сайту \ * **Перед \** — вставте код у кінець розділу сторінки/сайту \ 4. Скрипт можна додати як для сайту (всі сторінки), так і для конкретної сторінки; 5. Натисніть кнопку **Застосувати**.