For the complete documentation index, see llms.txt. This page is also available as Markdown.

1️⃣Як створити чат #jedidesk

Сервіс #jedidesk пропонує дуже легке створення та налаштування свого віджету


1. Налаштування мови та тексту

Відкрийте Налаштування -> Інтеграції -> Налаштування віджету.

Кожна мова* віджета налаштовується окремо. Натисніть на кнопку Виберіть мову, та виберіть, наприклад, українську. Заповніть шаблони віджета та натисніть Зберегти:

Список мов віджета за замовчуванням
Налаштування віджета

Якщо ви бажаєте скинути свої налаштування, натисніть Налаштування за замовчуванням.

За замовчуванням для віджета доступно 3 мови: англійська, українська, російська, але ви завжди можете додати більше мов через кнопку Додати нову мову:

Додаткові мови для віджета

Щоб обрана мова працювала в віджеті, активуйте її через перемикач:

Активація обраної мови в віджеті

Якщо вимкнути прийняття звернень через віджет, він буде працювати лише як редірект в підключені чат-боти, тому клієнти не зможуть звертатися через чат:

Активація віджета як чату

2. Налаштування міні-віджета

Окрім розгорнутого віджета, можна налаштувати міні-віджет:


3. Налаштування положення міні-віджета

У налаштуваннях зовнішнього вигляду віджета з’явилась можливість змінювати положення міні-віджета на сайті. Це допоможе розмістити іконку вище, нижче або змістити її вбік, якщо вона перекриває важливі елементи сайту.

Вибір сторони відображення

Спочатку оберіть, з якого боку сайту буде відображатися віджет:

  • Ліворуч

  • Праворуч

Якщо обрано положення ліворуч, боковий відступ буде рахуватися від лівого краю сайту. Якщо обрано праворуч — від правого краю сайту.

Налаштування відступів для десктопа

Для десктопної версії сайту можна налаштувати положення міні-іконки за допомогою відступів у пікселях.

Desktop: відступ іконки знизу, px Визначає, на скільки пікселів міні-віджет буде піднятий від нижнього краю екрана.

Desktop: відступ іконки збоку, px Визначає відступ міні-віджета від лівого або правого краю сайту, залежно від обраної сторони відображення.

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

Окремі налаштування для мобільних

Якщо потрібно, щоб на смартфонах міні-віджет мав інше положення, увімкніть перемикач Окремі налаштування для мобільних.

Після увімкнення можна окремо задати положення міні-віджета для мобільної версії сайту. Це зручно, якщо на мобільному екрані іконка перекриває кнопки, меню, кошик або інші важливі елементи.

Розширені CSS-правки

Для більш гнучкого налаштування доступний розділ Розширені CSS-правки. За замовчуванням це поле приховане. Щоб відкрити його, натисніть на назву розділу.

Цей розділ призначений для додаткового налаштування зовнішнього вигляду віджета через власні CSS-правила. Його варто використовувати лише тим користувачам або розробникам, які розуміють, як працюють CSS-стилі.

4. Згенерований код віджета

Після налаштування віджета, натисніть Зберегти та скопіюйте згенерований код віджета для додавання на ваш веб-ресурс:

Отримання згенерованого коду віджета

5. Анімація набору повідомлень

Коли ваш клієнт пише повідомлення у чаті через віджет, ви будете бачити це повідомлення та зможете заздалегідь підготуватися до відповіді:

Клієнт пише повідомлення в реальному часі
Клієнт надіслав повідомлення

Клієнт також буде бачити, що ви йому пишете, але не буде бачити текст:

Менеджер пише повідомлення
Менеджер надіслав повідомлення

6. Відео-інструкція

Відео-інструкція зі створення віджета #jedidesk

Last updated