Интеграция виджета чата Zendesk в платформу Discourse

Документация Интеграции
,
1

:bookmark: Это руководство объясняет, как добавить виджет Zendesk Chat на ваш форум Discourse, чтобы вы могли предоставлять пользователям поддержку в режиме реального времени.

:person_raising_hand: Требуемый уровень доступа пользователя: Администратор

Добавление виджета Zendesk Chat на Discourse

Это руководство проведет вас через процесс интеграции виджета Zendesk Chat в ваш форум Discourse. Эта функция позволяет предлагать пользователям форума поддержку в режиме реального времени.

Создание учетной записи Zendesk

  1. Перейдите по адресу Register и заполните форму регистрации.

Screenshot 2024-03-01 at 2.02.44 PM
Screenshot 2024-03-01 at 2.02.44 PM1920×1020 62.6 KB

  1. Следуйте шагам регистрации и выберите название вашей команды. Оно автоматически станет URL-адресом для доступа к Zendesk.

Screenshot 2024-03-01 at 2.03.57 PM
Screenshot 2024-03-01 at 2.03.57 PM1920×1081 64.3 KB

  1. Проверьте вашу электронную почту, подтвердите адрес, а затем войдите в Zendesk.

Настройка виджета Zendesk Chat

  1. После настройки учетной записи перейдите в Центр администрирования Zendesk (https://your_team_name.zendesk.com/admin/home).

  2. На панели управления Центра администрирования в левом меню нажмите Channels (Каналы), затем выберите Messaging (Общение):

Screenshot 2024-03-01 at 1.49.23 PM
Screenshot 2024-03-01 at 1.49.23 PM2248×1392 289 KB

  1. На странице Messaging (Общение) нажмите на название вашей команды:

Screenshot 2024-03-01 at 1.50.11 PM
Screenshot 2024-03-01 at 1.50.11 PM2336×734 44.7 KB

  1. Выполните шаги Add Web Widget (Добавить веб-виджет):
    • Подтвердите название канала.
    • Скопируйте фрагмент кода веб-виджета.
    • Настройте внешний вид чата (цвет, положение, звук и т. д.).

Screenshot 2024-03-01 at 1.50.20 PM
Screenshot 2024-03-01 at 1.50.20 PM2314×1442 308 KB

Screenshot 2024-03-01 at 1.55.59 PM
Screenshot 2024-03-01 at 1.55.59 PM1232×1192 86.4 KB

Добавление виджета Zendesk Chat на Discourse

  1. В панели администратора Discourse перейдите в раздел Admin > Appearance > Themes and Components и переключитесь на вкладку Components, затем нажмите Install (Установить).

image
image627×695 21.4 KB

  1. Выберите Create new (Создать новый).

image
image227×251 3.4 KB

  1. Введите название компонента, убедитесь, что тип установлен как “Component” (Компонент), и нажмите Create (Создать).

image
image671×288 8.1 KB

  1. Выберите тему (темы), в которую вы хотите добавить новый компонент, затем нажмите Edit CSS/HTML (Редактировать CSS/HTML).

image
image787×561 58.5 KB

  1. Перейдите на вкладку Common > <head>, вставьте скрипт Zendesk и нажмите Save (Сохранить).

Настройка политики безопасности контента (Content Security Policy)

  1. В настройках вашего сайта Discourse выполните поиск по фразе “content security policy script src”.
  2. Добавьте https://static.zdassets.com/web_widget/ в белый список.

Проверка установки

  1. Перезагрузите ваш сайт Discourse. Теперь вы должны увидеть значок чата в нижней части сайта, который виден как посетителям, так и зарегистрированным пользователям.

image

image
image359×573 8.32 KB

Завершение настройки Zendesk Chat

После добавления виджета на ваш форум Discourse вам необходимо настроить параметры чата:

  1. Вернитесь по адресу https://your-team-name.zendesk.com/admin/channels/messaging_and_social/channels_list.

  2. Нажмите на название вашей команды, чтобы получить доступ к настройкам виджета.

  3. Вы можете настроить различные аспекты вашего чата:

    • Style (Стиль): Отрегулируйте внешний вид виджета чата в соответствии с дизайном вашего форума.
    • Responses (Ответы): Настройте автоматические ответы или готовые сообщения для распространенных запросов.

:information_source: Не забудьте тщательно протестировать ваш виджет чата после внесения любых изменений, чтобы убедиться, что он работает как ожидалось на вашем форуме Discourse.

14 лайков