Довідковий центр DobroDesk

Налаштуйте віджет DobroDesk для сайту

Налаштуйте онлайн-чат зі збереженням історії повідомлень — від папки підтримки Inbox до першої успішної відповіді клієнту.

Близько 15 хвилинОновлено

Результат

На сайті з'явиться кнопка "Підтримка", нові повідомлення надходитимуть до вибраної папки Inbox, а відповіді відображатимуться в тій самій розмові клієнта.

Що потрібно перед початком

Щоб налаштувати віджет у DobroDesk, не потрібно розуміти або редагувати код. Спочатку визначте адресу, з якої клієнти отримуватимуть відповіді, папку Inbox, за якою стежитиме команда, і сайт, де буде кнопка "Підтримка".

  • Підключена скринька, наприклад support@yourcompany.com. Цю адресу клієнти бачитимуть, коли команда відповідає електронною поштою.
  • Папка DobroDesk Inbox, наприклад General support або Orders. Це робоча черга, до якої надходитимуть розмови з віджета.
  • Повна адреса сайту, наприклад https://www.example.com. Скопіюйте її з адресного рядка браузера без частини після доменного імені.
  • Доступ до панелі керування сайтом. Якщо сайтом керує інша людина, надішліть їй інструкцію зі встановлення та скопійований код, не передаючи пароль від DobroDesk.

Кожен віджет зберігається окремо. Дайте йому зрозумілу назву, щоб згодом команда легко розрізняла сайти або бренди.

Підключіть віджет до правильної папки Inbox

  1. У DobroDesk відкрийте Admin, виберіть Channels, потім Website widgets і Add widget.

    Налаштуйте віджет DobroDesk для сайту: Підключіть віджет до правильної папки Inbox, 1. У DobroDesk відкрийте Admin, виберіть Channels, потім Website widgets і Add widget.
    Червона рамка на знімку показує елемент DobroDesk, який потрібно знайти.
  2. Введіть назву підтримки, яку бачитимуть клієнти. Після створення DobroDesk автоматично згенерує випадковий публічний Integration ID — вибирати або вводити його не потрібно.

    Налаштуйте віджет DobroDesk для сайту: Підключіть віджет до правильної папки Inbox, 2. Введіть назву підтримки, яку бачитимуть клієнти. Після створення DobroDesk автоматично згенерує випадковий публічний Integration ID — вибирати або вводити його не потрібно.
    Червона рамка на знімку показує елемент DobroDesk, який потрібно знайти.
  3. Додайте всі повні адреси сайтів, де може відображатися віджет. Указуйте по одній адресі в рядку разом із https://.

    Налаштуйте віджет DobroDesk для сайту: Підключіть віджет до правильної папки Inbox, 3. Додайте всі повні адреси сайтів, де може відображатися віджет. Указуйте по одній адресі в рядку разом із https://.
    Червона рамка на знімку показує елемент DobroDesk, який потрібно знайти.
  4. Виберіть знайому клієнтам адресу відповіді та папку Inbox, за якою стежитиме команда.

    Налаштуйте віджет DobroDesk для сайту: Підключіть віджет до правильної папки Inbox, 4. Виберіть знайому клієнтам адресу відповіді та папку Inbox, за якою стежитиме команда.
    Червона рамка на знімку показує елемент DobroDesk, який потрібно знайти.
  5. Вирішіть, залишити віджет чернеткою чи активувати, і виберіть Create widget. Новий віджет з'явиться у списку.

    Налаштуйте віджет DobroDesk для сайту: Підключіть віджет до правильної папки Inbox, 5. Вирішіть, залишити віджет чернеткою чи активувати, і виберіть Create widget. Новий віджет з'явиться у списку.
    Червона рамка на знімку показує елемент DobroDesk, який потрібно знайти.

Онлайн-чат та історія повідомлень додаються автоматично. Reply email визначає адресу надсилання відповідей, Inbox — місце, де команда знаходить розмову, а Integration ID пов'язує встановлений код саме з цим віджетом.

Додайте кнопку "Підтримка" на сайт

  1. Відкрийте віджет зі списку й знайдіть Widget embed configuration. Там міститься точний код цього віджета.

    Налаштуйте віджет DobroDesk для сайту: Додайте кнопку "Підтримка" на сайт, 1. Відкрийте віджет зі списку й знайдіть Widget embed configuration. Там міститься точний код цього віджета.
    Червона рамка на знімку показує елемент DobroDesk, який потрібно знайти.
  2. Скористайтеся наведеною нижче інструкцією без редагування коду. У панелі сайту знайдіть налаштування на кшталт Custom code, Footer code, Body end, Scripts або Integrations, яке діє на весь сайт.

  3. Виберіть Copy widget code і вставте весь блок один раз у поле коду для всього сайту. Не видаляйте рядки й не додавайте навколо ще один тег script.

    Налаштуйте віджет DobroDesk для сайту: Додайте кнопку "Підтримка" на сайт, 3. Виберіть Copy widget code і вставте весь блок один раз у поле коду для всього сайту. Не видаляйте рядки й не додавайте навколо ще один тег script.
    Червона рамка на знімку показує елемент DobroDesk, який потрібно знайти.
  4. Збережіть або опублікуйте зміни сайту. Якщо сайт використовує кеш, очистьте його, щоб відвідувачі отримали нову версію.

  5. Розширену інструкцію Content Security Policy використовуйте лише тоді, коли адміністратор підтвердив наявність CSP або браузер повідомляє, що DobroDesk заблоковано.

    Налаштуйте віджет DobroDesk для сайту: Додайте кнопку "Підтримка" на сайт, 5. Розширену інструкцію Content Security Policy використовуйте лише тоді, коли адміністратор підтвердив наявність CSP або браузер повідомляє, що DobroDesk заблоковано.
    Червона рамка на знімку показує елемент DobroDesk, який потрібно знайти.

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

Надішліть повне тестове повідомлення

  1. Відкрийте справжній сайт у приватному режимі браузера. Знайдіть кнопку "Підтримка" в нижньому куті й натисніть її.

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

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

  4. Виберіть Contact support, введіть доступну вам адресу й надішліть повідомлення на кшталт Website widget test - please reply.

  5. Відкрийте вибрану папку Inbox у DobroDesk. Знайдіть нову розмову, надішліть відповідь і поверніться до того самого приватного вікна, щоб переконатися, що відповідь з'явилась.

Успішний тест має три ознаки: кнопка "Підтримка" з'являється, повідомлення надходить до правильної папки Inbox, а клієнт бачить відповідь у тому самому віджеті.

За що відповідає кожна частина віджета

  • Кнопка "Підтримка": відкриває та закриває віджет без переходу з поточної сторінки.
  • Заголовок: показує назву підтримки й коротко пояснює, коли очікувати відповідь.
  • Доступність: повідомляє, чи команда зараз онлайн, відійшла або офлайн, і коли буде відповідь.
  • Запропоновані відповіді: показують лише схвалену публічну інформацію, яка може розв'язати типове питання до надсилання повідомлення.
  • Звернення до підтримки: збирає адресу клієнта й повідомлення та створює розмову для команди.
  • Повідомлення: зберігають повідомлення клієнта й публічні відповіді команди разом та одразу показують нові відповіді у відкритому віджеті.
  • Маршрутизація Inbox: визначає робочу чергу DobroDesk для розмови. Внутрішню назву папки Inbox клієнт не бачить.

Якщо щось не працює

  • Немає кнопки "Підтримка": переконайтеся, що віджет має статус Active, перевірте адреси сайтів і додавання коду в область для всього сайту.
  • Кнопка є, але повідомлення не надсилається: відкрийте налаштування віджета, перевірте статус і повторіть тест у приватному вікні.
  • Повідомлення потрапляє не туди: відкрийте віджет і перевірте вибрану папку Inbox.
  • Зміни не видно: опублікуйте зміни сайту й очистьте кеш сайту або хостингу.
  • Проблема лишилася: скористайтеся наведеною нижче інструкцією з усунення несправностей і надішліть підтримці DobroDesk адресу сайту, час тесту та знімок екрана.

Наступні кроки