Einen Copiloten für eine Demo-Website oder eine Agentenkonsole konfigurieren

Artikel
05/29/2024

Wenn Sie einen Copiloten über Microsoft Copilot for Service veröffentlichen, können Sie ihn auf einer vordefinierten Demo-Website oder Ihrer eigenen Live-Website veröffentlichen. Wenn Sie Ihren Copiloten für Agenten veröffentlichen, wird automatisch eine vordefinierte Demo-Website für Sie erstellt. Eine Demo-Website eignet sich hervorragend, um Ihren Copiloten mit anderen Teammitgliedern und Stakeholdern zu teilen, da diese ihn testen können, während Sie ihn weiterentwickeln und iterieren.

Um Ihren Copiloten freizugeben, veröffentlichen Sie ihn in einer Kundenbindungs-Hub. Durch die Einbindung Ihres Copiloten in eine Kundenbindungs-Hub unterstützt Ihr Agent Copilot Ihre Live-Agenten.

Anforderungen

Wenn Sie sich mit Copilot for Service auskennen, gelingt die Integration mit Drittanbietern leichter. Weitere Informationen finden Sie unter Microsoft Copilot for Service-Überblick.
Ihr Copilot muss eingerichtet sein. Wenn Sie einen einrichten müssen, lesen Sie den Abschnitt Schnellstart – einen Copilot for Service erstellen und bereitstellen.
Bevor Sie Ihren Copilot bereitstellen, empfehlen wir Ihnen, die Sicherheitsrichtlinien Ihres Unternehmens zu bewerten und die Authentifizierung für den Copilot zu aktivieren. Um die Authentifizierung für Ihre Agents zu aktivieren, wählen Sie im linken Bereich Sicherheit aus, und befolgen Sie dann die Schritte unter Eine Authentifizierungsoption auswählen.

Copilot for Service Ihrer generischen Hub hinzufügen

Aktualisieren Sie die Demo-Website. Wählen Sie im Copilot for Service-Navigationsmenü Einstellungen>Kanäle aus. Um den Link zur Demo-Website zu teilen, kopieren Sie die URL der Demo-Website und teilen Sie sie direkt mit Ihren Teamkollegen.
Sehen Sie sich den Artikel Demo-Website konfigurieren und den Copiloten zu Ihrer Live-Website hinzufügen an, um zu erfahren, wie Sie eine URL für Ihren Copilot for Service-Copiloten erhalten.
Wählen Sie im Copilot for Service-Navigationsmenü Einstellungen>Kanäle aus.
Wählen Sie je nach Ziel Agentenkonsole aus.
Kopieren Sie den Einbettungscode für Ihre Webentwicklung, um ihn Copilot for Service zu Ihrer Hub hinzuzufügen.

Copilot for Service Ihrem Drittanbieter hinzufügen

Zusätzlich zu den allgemeinen Anweisungen in den vorherigen Abschnitten enthalten die folgenden Abschnitte Anleitungen für einige gängige Drittanbieter. Wenn Sie Fragen zu Features und Funktionen einzelner eingebetteter Umgebungen von Drittanbietern haben, wenden Sie sich an den Support der jeweiligen Anbieter.

Genesys

Stellen Sie zunächst sicher, dass die folgenden Dienste oder Features vorhanden sind:

Ein aktives Genesys-Konto ist aktiviert.
Kopieren Sie die iFrame-src-URL. Sie können diese URL in der Genesys Cloud verwenden.
Befolgen Sie die Anweisungen in der Genesys-Dokumentation um die Integration eines Interaktions-Widgets einzurichten.
Fügen Sie bei Schritt 7 des Genesys-Artikels Ihre src-URL als Anwendungs-URL in Konfiguration>Eigenschaften hinzu.

Salesforce

Stellen Sie zunächst sicher, dass die folgenden Dienste oder Features vorhanden sind:

Ein aktives Salesforce-Konto mit aktivierter Service-Cloud und Lightning. Für die Verbindung mit Copilot for Service benötigen Sie ein Salesforce-Konto.
Administrator- oder Entwicklerzugriff auf Salesforce und Copilot for Service.
Kopieren Sie die iFrame-src-URL.
Wählen Sie im Navigationsmenü Einstellungen>Kanäle>Agentkonsole aus.
Kopieren Sie den benutzerdefinierten iFrame-Ausschnitt in Einbettungscode aus. Weitere Informationen finden Sie unter Ihren Copiloten zu Ihrer Website hinzufügen.
Erstellen Sie eine Visualforce-Seitenreferenz mit dem iFrame.
Melden Sie sich bei Ihrem Salesforce-Konto an und gehen Sie dann zu Einrichtung.
Geben Sie im Feld Schnellsuche „Visualforce“ ein und wählen Sie dann Visualforce-Seiten aus.
Wählen Sie Neu aus, um eine neue Visualforce-Seite zu erstellen.
- Fügen Sie eine Beschriftung hinzu.
- Fügen Sie einen Namen hinzu.
- Setzen Sie ein Häkchen bei Für Lightning Experience verfügbar.
Fügen Sie im Feld Visualforce-Markup den folgenden Code hinzu. Geben Sie unbedingt Ihre eigenen Werte für {domain}, {environment}, {bot} und {version} an.
```
<apex:page >
  <iframe src="https://{domain}/environments/{environment}/copilots/{bot}}/webchat?__version__={version}" frameborder="0" style="width: 100%; height:100%;"></iframe>
</apex:page>
```
Anmerkung

Möglicherweise müssen Sie die iFrame-Höhe je nach der Größe des Agent-Desktop-Widgets anpassen. Zum Beispiel können Sie die Höhe von 100%, auf 300px umstellen
Wählen Sie Speichern.

ServiceNow

Installieren Sie zunächst diese Plug-Ins: virtueller Agent, Bot Interconnect und Wissens-API.

Wählen Sie in Ihrer ServiceNow-Instanz Alle aus und suchen Sie dann nach dem Begriff „Plug-Ins“.
Gehen Sie zu Systemdefinition>Plug-Ins.
Suchen Sie auf der Seite Anwendungsmanager nach Virtueller Agent und installieren Sie ihn.

Anmerkung

Zum virtuellen Agenten gehört der virtuelle Glide-Agent. Sie können dieses Plug-In anstelle des gesamten Plug-Ins für den virtuellen Agent verwenden.
Wenn Sie die Vancouver- oder eine noch ältere Version verwenden, ist außerdem die Wissens-API erforderlich.
Installieren Sie das BOT Interconnect-Plug-In.

Anmerkung

Stellen Sie aufgrund der Abhängigkeiten des Bot Interconnect-Plug-Ins sicher, dass Sie zuerst das Plug-In für den virtuellen Agenten installieren.

Copilot in den ServiceNow Agent-Desktop einbetten

Wählen Sie in Ihrer ServiceNow Instanz erneut Alle aus und suchen Sie nach UI Builder.
Gehen Sie zu Now-Erfahrungs-Framework>UI Builder und wählen Sie UI Builder aus.
Wählen Sie die Seite aus, in die Sie Copilot einbetten möchten, z. B. CSM/CFM Configurable Workspace.
Wählen Sie unter Seiten und Varianten die Seite aus, die Sie ändern möchten, z. B. Landing Page>CSM-Landing-Page.
Wählen Sie oben rechts auf dem Bildschirm Im Originalbereich bearbeiten aus. Sie können dem Arbeitsbereich jetzt Elemente hinzufügen.
Wählen Sie auf der linken Symbolleiste Komponenten aus.
Wählen Sie iFrame aus und ziehen Sie es dann per Drag & Drop an die gewünschte Stelle auf Ihrer Seite.
Gehen Sie zu Ihrer Instanz von Copilot for Service und wählen Sie Zur Agentenkonsole hinzufügen aus.
Kopieren Sie auf dem Bildschirm Agentenkonsole unter Code einbetten nur die URL nach „src="“. Dieses Format sollte so aussehen: https://servicecopilot.microsoft.com/environments/.../webchat.
Kehren Sie zur ServiceNow UI Builder-App zurück und wählen Sie dann die iFrame-Komponente aus, die Sie hinzugefügt haben.
Fügen Sie im Feld Quelle die URL ein und aktualisieren Sie den Titel.
Ändern Sie die Größe und stellen Sie den Schalter Sandbox deaktivieren auf Ja.
Vorschau und Test von Copilot for Service: Wählen Sie Öffnen oben im UI Builder.
Sind die Anpassungen vollständig, wählen Sie Speichern.

Zendesk

Um den Zendesk Agent-Desktop mit einem Copilot for Service-Copiloten zu verbinden, implementieren Sie die folgenden iFrame- und Komponentenschritte.

Bevor Sie beginnen, überprüfen Sie, ob Sie die folgenden drei Voraussetzungen erfüllen:

Ein aktives Zendesk-Supportkonto bei Zendesk.
Ein Konto für Copilot for Service.

Anmerkung

Wenn Sie kein Copilot for Service-Konto oder keinen Copiloten erstellt haben, lesen Sie die Schnellstartanleitung zum Aufbau von Copiloten in Copilot for Service.
Administrator- oder Entwicklerzugriff auf Zendesk und Microsoft Power Platform.
Ein aktiver und mit Copilot for Service bereitgestellter Zendesk-Copilot.

Den benutzerdefinierten Copilot for Service-iFrame abrufen

Wählen Sie in Ihrem Copilot for Service-Navigationsmenü Einstellungen>Kanäle>Benutzerdefinierte Website aus, um Ihren Einbettungscode für den iFrame zu kopieren.

Der Agentenschnittstelle den Copilot for Service-iFrame hinzufügen

Melden Sie sich beim Zendesk-Support an und navigieren Sie zu Zendesk-Produkte>Administratorbereich.
Wählen Sie im Menü links Apps>Zendesk-Support-Apps aus.
Gehen Sie zum Marketplace und suchen Sie nach „iFrame-Ticket-Randleiste“.
Installieren Sie die iFrame-App.
Konfigurieren Sie die iFrame-Randleiste, indem Sie die URL von Ihrem Copilot for Service dem Feld iframe URL hinzufügen. Stellen Sie sicher, dass Sie nur die URL einfügen, keine HTML-Tags.

Anmerkung

Möglicherweise müssen Sie die iFrame-Höhe je nach der Größe des Agent-Desktop-Widgets anpassen. Zum Beispiel können Sie für die Höhe anstelle von 100%,300px verwenden
Wählen Sie Aktualisieren aus.

Fügen Sie dem Agent-Desktop eine Komponente hinzu

Melden Sie sich bei Ihrem Zendesk-Konto an und öffnen Sie ein Ticket. Weitere Informationen zu Tickets finden Sie unter Mit Tickets arbeiten.
Wählen Sie im Navigationsmenü Apps>iFrame-Ticket-Randleiste.

Anmerkung

Verwenden Sie für einen schnelleren Zugriff die Option „An Randleiste anheften“.

Teilen über