Integration des Zendesk Chat Widgets in die Discourse Plattform

Dokumentation Integrationen
,
1

:bookmark: Diese Anleitung erklärt, wie Sie ein Zendesk Chat-Widget zu Ihrem Discourse-Forum hinzufügen, damit Sie Ihren Benutzern Echtzeit-Support anbieten können.

:person_raising_hand: Erforderliches Benutzerniveau: Administrator

Hinzufügen eines Zendesk Chat-Widgets zu Discourse

Diese Anleitung führt Sie durch den Prozess der Integration eines Zendesk Chat-Widgets in Ihr Discourse-Forum. Mit dieser Funktion können Sie Ihren Forum-Benutzern Echtzeit-Support anbieten.

Erstellen eines Zendesk-Kontos

  1. Gehen Sie zu Register und füllen Sie das Registrierungsformular aus.

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

  1. Folgen Sie den Registrierungsschritten und wählen Sie Ihren Teamnamen. Dieser wird automatisch zur URL für den Zugriff auf Zendesk.

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

  1. Überprüfen Sie Ihre E-Mail-Adresse und melden Sie sich bei Zendesk an.

Konfigurieren des Zendesk Chat-Widgets

  1. Sobald Ihr Konto eingerichtet ist, gehen Sie zu Ihrem Zendesk Admin Center (https://your_team_name.zendesk.com/admin/home).

  2. Klicken Sie im Dashboard des Admin Centers im linken Menü auf Channels und wählen Sie dann Messaging:

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

  1. Klicken Sie auf der Messaging-Seite auf Ihren Teamnamen:

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

  1. Schließen Sie die Schritte zum Hinzufügen des Web-Widgets ab:
    • Bestätigen Sie den Kanalnamen
    • Kopieren Sie den Web-Widget-Code-Snippet
    • Passen Sie das Chat-Erscheinungsbild an (Farbe, Position, Ton usw.)

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

Hinzufügen des Zendesk Chat-Widgets zu Discourse

  1. Gehen Sie in Ihrem Discourse-Administrationsbereich zu Admin > Appearance > Themes and Components und wechseln Sie zur Registerkarte Components und klicken Sie dann auf Install.

image
image627×695 21.4 KB

  1. Wählen Sie Create new.

image
image227×251 3.4 KB

  1. Geben Sie einen Namen für die Komponente ein, stellen Sie sicher, dass der Typ auf „Component“ eingestellt ist, und klicken Sie auf Create.

image
image671×288 8.1 KB

  1. Wählen Sie das(die) Thema(Themen) aus, zu dem Sie die neue Komponente hinzufügen möchten, und klicken Sie dann auf Edit CSS/HTML.

image
image787×561 58.5 KB

  1. Navigieren Sie zur Registerkarte Common > <head>, fügen Sie Ihr Zendesk-Skript ein und klicken Sie auf Save.

Konfigurieren der Content Security Policy

  1. Suchen Sie in Ihren Discourse-Site-Einstellungen nach „content security policy script src“.
  2. Fügen Sie https://static.zdassets.com/web_widget/ zur Whitelist hinzu.

Überprüfen der Installation

  1. Laden Sie Ihre Discourse-Site neu. Sie sollten nun das Chat-Symbol unten auf Ihrer Seite sehen, das sowohl für Besucher als auch für registrierte Benutzer sichtbar ist.

image

image
image359×573 8.32 KB

Abschließen der Zendesk Chat-Einrichtung

Nachdem Sie das Widget zu Ihrem Discourse-Forum hinzugefügt haben, müssen Sie Ihre Chat-Einstellungen konfigurieren:

  1. Gehen Sie zurück zu https://your-team-name.zendesk.com/admin/channels/messaging_and_social/channels_list

  2. Klicken Sie auf Ihren Teamnamen, um auf die Widget-Einstellungen zuzugreifen.

  3. Sie können verschiedene Aspekte Ihres Chats anpassen:

    • Style: Passen Sie das Erscheinungsbild Ihres Chat-Widgets an das Design Ihres Forums an.
    • Responses: Richten Sie automatisierte Antworten oder vordefinierte Nachrichten für häufige Anfragen ein.

:information_source: Denken Sie daran, Ihr Chat-Widget nach jeder Änderung gründlich zu testen, um sicherzustellen, dass es wie erwartet in Ihrem Discourse-Forum funktioniert.

14 „Gefällt mir“