In diesem Beitrag wird beschrieben, wie Sie das Zendesk Web Widget mit den SharePoint Framework (SPFx)-Erweiterungen in Ihre Microsoft SharePoint-Website einbetten. Mit dieser Anleitung sind Sie in der Lage, Ihre SharePoint-Website mit den Funktionen des Widgets zu erweitern, sodass die Benutzer beispielsweise nach Beiträgen suchen und mit Agenten chatten können. Für die in diesem Beispiel beschriebenen Schritte werden Administratorberechtigungen sowohl in Zendesk als auch in SharePoint benötigt. Außerdem wird in diesem Beitrag davon ausgegangen, dass Sie Erfahrung mit SharePoint haben. Hilfe und weitere Informationen zu SharePoint finden Sie unter SharePoint – Hilfe und Lernen.
Führen Sie die folgenden Schritte aus, um Ihr Web Widget zu einer SharePoint-Website hinzuzufügen.
Schritt 1: Erweiterung auswählen und packen
Jede selbst entwickelte oder vorhandene Erweiterung, die Sie verwenden möchten, muss korrekt gepackt werden.
- Erstellen Sie eine Erweiterung, oder wählen Sie eine in dem von der Microsoft-Community verwalteten GitHub-Repository angebotene SPFx-Erweiterung aus. Dieses Repository enthält verschiedene Erweiterungen, die von Microsoft-Mitarbeitern entwickelt wurden. Wenn Sie Ihre eigene Erweiterung erstellen möchten, stehen hilfreiche Tutorials und Richtlinien zur Verfügung. In diesem Beispiel verwenden Sie die Erweiterung Script editor web part for modern pages.
- Packen Sie die Erweiterung wie in der Anleitung auf der GitHub-Seite dieses Webparts beschrieben. Weitere hilfreiche Informationen zum Packen finden Sie unter Bereitstellen des clientseitigen SharePoint-Webparts auf einer SharePoint-Seite.
Nach Abschluss des Packvorgangs erhalten Sie eine Datei mit der Erweiterung „.sppkg“.
Schritt 2: Erweiterung in das SharePoint Admin Center hochladen
Nachdem Sie die Erweiterung gepackt haben, laden Sie sie wie in dieser Anleitung beschrieben auf Ihre SharePoint-Website hoch.
So laden Sie die Erweiterung hoch
- Rufen Sie das SharePoint Admin Center auf. Zu diesem Zweck können Sie /admin an die URL Ihrer SharePoint-Website anhängen.
- Navigieren Sie zur Seite Manage Apps, wo Sie Pakete mit der Erweiterung „.sppkg“ erstellen können. Stellen Sie sicher, dass der Status des Pakets auf Enabled gesetzt ist. Nach dem Hochladen werden Sie aufgefordert, diese Einstellung vorzunehmen.
Damit haben Sie Ihre Erweiterung auf Ihre SharePoint-Website hochgeladen. Wenn Sie Hilfe beim Hochladen des Pakets benötigen, lesen Sie den Beitrag Bereitstellen des clientseitigen SharePoint-Webparts auf einer SharePoint-Seite.
Schritt 3: Erweiterung in Ihrer SharePoint-Website aktivieren
Gehen Sie wie in dieser Anleitung beschrieben vor, um die Erweiterung auf der Website-Ebene zu aktivieren.
So aktivieren Sie die Erweiterung
- Navigieren Sie auf Ihrer SharePoint-Website zur Seite „Site Settings“.
- Klicken Sie auf der Seite Site Settings auf das Zahnradsymbol und dann auf Add an app.
- Wählen Sie Ihre App aus und klicken Sie dann auf Add.
Das Paket, das Sie hinzugefügt haben, wird auf der Seite My Apps unter Added apps angezeigt.
Schritt 4: Web Widget einbetten
Nachdem Sie Ihre Erweiterung aktiviert haben, können Sie das Web Widget in Ihre Seite einbetten.
So betten Sie das Web Widget ein
- Öffnen Sie die SharePoint-Seite, in die Sie das Web Widget einbetten möchten.
- Klicken Sie auf Bearbeiten.
- Klicken Sie oben auf der Seite auf den Webpart-Bereich und dann auf die Erweiterung, die Sie hinzugefügt haben.
- Klicken Sie auf Edit markup und dann auf „Edit HTML Code“.
- Fügen Sie im Skripteditor Ihr Widget-Skript hinzu:
Weitere Informationen zum Generieren des Widget-Skripts finden Sie unter Hinzufügen des Zendesk Chat-Widgets zu Ihrer Website.
Jetzt ist das Web Widget auf Ihrer SharePoint-Seite verfügbar.
Weitere Informationen
- SPFx-Tutorial
- SPFx-Erweiterung – Skripteditor-Webpart für moderne Seiten