# Integration des Zendesk Chat Widgets in die Discourse Plattform **URL:** https://meta.discourse.org/t/integrating-zendesk-chat-widget-into-discourse-platform/151973 **Category:** Integrations **Tags:** how-to, platforms **Created:** [19. Mai 2020 um 18:28 UTC](https://meta.discourse.org/t/integrating-zendesk-chat-widget-into-discourse-platform/151973 "2020-05-19T18:28:22Z") **Posts on this page:** 1 **Page:** 1
### Author: ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse) #### Post date: [19. Mai 2020 um 18:28 UTC](https://meta.discourse.org/t/integrating-zendesk-chat-widget-into-discourse-platform/151973/1 "2020-05-19T18:28:23Z")
> 🔖 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. > > 🙋 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](https://www.zendesk.com/register) und füllen Sie das Registrierungsformular aus. ![Screenshot 2024-03-01 at 2.02.44 PM](https://global.discourse-cdn.com/meta/original/4X/6/1/e/61eb4d125860b444805642435718bc65024a25eb.jpeg) 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](https://global.discourse-cdn.com/meta/original/4X/5/8/6/586dd2983d9cc6ac97fd5de258611b9498d1ba61.jpeg) 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](https://global.discourse-cdn.com/meta/original/4X/7/d/d/7dd7f3fb4e139b933eeb3f20609941b696b4dcfd.png) 1. Klicken Sie auf der Messaging-Seite auf Ihren Teamnamen: ![Screenshot 2024-03-01 at 1.50.11 PM](https://global.discourse-cdn.com/meta/original/4X/b/6/7/b67d4dc73e3583376f51b5d5b87abbe221dcc3b2.png) 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](https://global.discourse-cdn.com/meta/original/4X/6/6/7/667ebdf77310e6543591ff708f0ee58ecc8cd6d3.png) ![Screenshot 2024-03-01 at 1.55.59 PM](https://global.discourse-cdn.com/meta/original/4X/1/3/4/134109b4bf2bd81d1827ba6e8304ff7df2301b5a.png) ## 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](https://global.discourse-cdn.com/meta/original/3X/6/9/69335faec48cb037c0e225cb84f9c46a2b2d9dfc.png) 1. Wählen Sie `Create new`. ![image](https://global.discourse-cdn.com/meta/original/3X/0/0/00614c7ed893375f7bf22b0203d9aaf7fc9d1138.png) 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](https://global.discourse-cdn.com/meta/original/3X/a/3/a3c8b2a363fd380265869282276b9c2e8f647c58.png) 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](https://global.discourse-cdn.com/meta/original/3X/8/d/8d6dc0099dbe99503ebe321c92b9aff1b4301989.png) 1. Navigieren Sie zur Registerkarte `Common` \> ``, 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](https://global.discourse-cdn.com/meta/original/3X/a/6/a6752455439d242d9f7eb42407e5a3787330c5eb.png) ![image](https://global.discourse-cdn.com/meta/original/3X/6/e/6e496a15efbe306dd263d592ee97fc28d39360e0.png) ## 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: ℹ Denken Sie daran, Ihr Chat-Widget nach jeder Änderung gründlich zu testen, um sicherzustellen, dass es wie erwartet in Ihrem Discourse-Forum funktioniert.