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

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

1. **Відкрийте адмін-панель Shopify**: [Увійдіть](https://accounts.shopify.com/signup?rid=4257a147-8035-4162-99e8-ed6e13e027a0) у свій обліковий запис Shopify.

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2F5RUOSBuBgJ2WJ4HqvScn%2F%7B536DBBBE-8F1F-4C53-861E-BFD4DC864423%7D.png?alt=media&amp;token=05cc05a6-26c9-4df0-901d-180587ab11cb" alt=""><figcaption></figcaption></figure>

2. На лівій бічній панелі п**ерейдіть у розділ «**[**Інтернет-магазин**](https://admin.shopify.com/store/sfpqzr-ep/themes?appLoadId=4f4eb198-8104-4774-b2fb-274f83148b35)**»**

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2FNuDlb98EmgTpq9RsQw60%2F%7B2ACB2163-728D-4C79-8191-A75281AEB28F%7D.png?alt=media&amp;token=532b3127-cc29-4961-90fd-5ff6a3fd5c0b" alt=""><figcaption></figcaption></figure>

3. **Виберіть «Themes» (Теми)**: У підменю виберіть **«Themes»**. Оберіть тему та натисніть Редагувати тему та н**алаштуйте поточну тему**, потім оберіть **«Add Section»**&#x20;

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2Flxw6Wg8athU0RYZTIaxC%2F%7BB76EFC38-8FF4-4E66-91DA-2638004DF6EB%7D.png?alt=media&amp;token=a80ad8c0-7d48-4355-b9cd-21619e36b5db" alt=""><figcaption></figcaption></figure>

і у випадаючемо меню оберіть "Custom Liquid"

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2F0GWDExWw8Vq9DhM8huZX%2F%7BF3AF9504-05D4-4290-8AB2-7F8D760966C4%7D.png?alt=media&amp;token=28bd34a1-982c-4daf-9c06-0102fc1163b2" alt=""><figcaption></figcaption></figure>

4. Поверніться до JediDesk, перейдіть у Інтеграції - [Налаштування віджету](https://app.jedidesk.com/settings-widget) і скопіюйте код віджета:

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2F6YIr2b8WlYDDojf7ixhH%2F%7B4C3A8B94-1996-4F72-8C00-7A817BD396C6%7D.png?alt=media&amp;token=714b33b9-84de-4036-9107-f4a94d14a2fe" alt=""><figcaption></figcaption></figure>

5. Після копіювання коду поверніться до вкладинки Shopify та вставте скопійований код у це поле:

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2FczzbZCXH5oTTxWzAkFRo%2F%7B3852DC53-8961-40B6-8BF4-A3CC580B21E2%7D.png?alt=media&amp;token=14293481-9c62-41fa-9639-705b25b52239" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2FkruMIfvtFfO2wiBJt1QM%2F%7B291E8DF8-2984-4E73-900D-69C24CB6FFE8%7D.png?alt=media&amp;token=d55165f2-9940-43ee-8e11-335b2469286b" alt=""><figcaption></figcaption></figure>

6. Після виконання цих дій на вашому сайті з'явиться віджет JediDesk

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2F89tKP6mTqERuC7n8QG1V%2F%7B9E58106C-1AAE-4E72-B792-F7422323E4FD%7D.png?alt=media&amp;token=978f8310-c591-493f-bc36-a5f075450d52" alt=""><figcaption></figcaption></figure>