Wenn Sie den Stil und die Darstellung des Web-Chats über die Optionen hinaus anpassen wollen, die auf der Registerkarte Stil in den Web-Chat-Einstellungen verfügbar sind, können Sie dazu ein anderes Carbon Design-Motiv auswählen.

Die unterstützten Motive sind Farbmotive, die von IBM Carbon Designdefiniert werden. Verwenden Sie zum Festlegen des Carbon-Motivs die Konfigurationsoption carbonTheme.

Sie können auch einzelne Variablen innerhalb des Motivs festlegen, um bestimmte Benutzerschnittstellenelemente anzupassen. Der im Chatfenster angezeigte Text verwendet beispielsweise die Schriftarten IBMPlexSans, Arial, Helvetica, sans-serif. Wenn Sie eine andere Schriftart verwenden wollen, können Sie sie mit der Instanzmethode updateCSSVariables() angeben.

Die Hauptanzeige begrüßt den Kunden und zeigt optional eine Liste vorgeschlagener Gesprächsstarter an. Sie können den Stil und den Inhalt der Hauptanzeige anpassen:

• Um der Hauptanzeige Elemente hinzuzufügen, können Sie mithilfe der Motivvariablen writeableElements.homeScreenAfterStartersElement angepassten HTML-Code definieren:

  instance.writeableElements.homeScreenAfterStartersElement.innerHTML =
    '<div class="MyCustomClass">This is my custom element</div>';
  

  Beispiel: Ein Arbeitsbeispiel, das zeigt, wie angepasste Elemente zur Hauptanzeige hinzugefügt werden, finden Sie unter Angepasste Elemente in der Hauptanzeige für watsonx Assistant-Web-Chat.

• Verwenden Sie zum Ändern der Darstellung der Hauptanzeige CSS-Helper-Klassen.

Sie können die Zeichenfolgen anpassen, die die verschiedenen Bezeichnungen und fest codierten Ausdrücke definieren, die vom Web-Chat angezeigt werden. Verwenden Sie zum Anpassen von Zeichenfolgen die updateLanguagePack()-Instanzmethode, um Zeichenfolgen im aktuellen Sprachenpaket zu ersetzen. Weitere Informationen finden Sie unter Sprachen.

Die vom Web-Chat angezeigten Zeichenfolgen sind standardmäßig in Englisch. Wenn Sie zu einer anderen Sprache wechseln möchten, verwenden Sie die Instanzmethode updateLanguagePack(), um das aktuelle Sprachenpaket durch eines der verfügbaren übersetzten Sprachenpakete zu ersetzen. Weitere Informationen finden Sie unter Globale Zielgruppen im Web-Chat unterstützen.

Zur besseren Integration in Ihre Website können Sie das Symbol des integrierten Startprogramms durch einen anderen Mechanismus zum Öffnen des Web-Chats ersetzen. Um das Standardstartprogramm auszublenden, setzen Sie die Konfigurationsoption showLauncher auf false. Um den Web-Chat basierend auf einer anderen Interaktion zu öffnen, verwenden Sie die openWindow-Instanzmethode.

Lernprogramm: Ein Lernprogramm, das Ihnen zeigt, wie ein angepasstes Startprogramm implementiert wird, finden Sie unter Angepasstes Startprogramm verwenden.

Wenn Sie möchten, dass der Web-Chat immer auf Ihrer Seite geöffnet bleibt, verwenden Sie die openChatByDefault-Konfiguration, um die Seite bei geöffnetem Chatfenster wiederzugeben, und die Option hideCloseButton, um zu verhindern, dass Kunden sie schließen.

Ihr Website-Design erfordert möglicherweise, dass Sie ändern, wo und wie das Web-Chat-Fenster auf Ihrer Website wiedergegeben wird. Sie können beispielsweise festlegen, dass er an einer anderen Position auf der Seite angezeigt wird, in einer anderen Größe oder in einem anderen Element auf der Seite verschachtelt wird.

Zum Ändern der Größe des Web-Chat-Fensters können Sie die Instanzmethode updateCSSVariables() verwenden, um den CSS-Stil zu ändern.

Wenn Sie die Position des Web-Chat-Fensters ändern müssen oder die Größe über die im CSS zulässigen Grenzwerte hinaus ändern müssen, können Sie ein angepasstes DOM-Element verwenden, das das Web-Chat-Fenster enthält. Verwenden Sie hierzu die Konfigurationsoption element.

Lernprogramm: Ein Lernprogramm, das zeigt, wie der Web-Chat in einem angepassten Element wiedergegeben wird, finden Sie unter Lernprogramm: Größe und Position des Web-Chats anpassen.

Sie können WebView mit einer JavaScript-Bridge verwenden, um den Web-Chat zu Ihrer mobilen Anwendung hinzuzufügen. Weitere Informationen finden Sie unter Web-Chat zu Ihrer mobilen Anwendung hinzufügen.

Wenn Sie Ereignisse subskribieren, kann Ihr Code Nachrichten abfangen, die zwischen dem Kunden und dem Assistenten gesendet und empfangen werden, und sogar deren Inhalt ändern.

Abonnieren Sie das Ereignis pre:receive, wenn Sie die Nachricht eines Kunden abfangen möchten, bevor sie an den Assistenten gesendet wird. Sie können beispielsweise personenbezogene Daten aus dem Nachrichtentext entfernen oder den Nachrichtennutzdaten Kontextvariablen hinzufügen.

Abonnieren Sie das Ereignis pre:send, wenn Sie eine eingehende Antwort vom Assistenten abfangen möchten, bevor sie dem Kunden angezeigt wird. Sie können beispielsweise Formatierungen, Links oder andere Elemente hinzufügen, die für den Web-Chat spezifisch sind.

Lernprogramm: Lernprogramm zur Verwendung des Ereignisses pre:receive zum Abfangen und Ändern eingehender Nachrichten finden Sie unter Lernprogramm: Angepasste Optionsfelder im Web-Chat implementieren.

Wenn Ihr Assistent spezialisierte Antworten mit einem angepassten Antworttyp (user_defined) sendet, können Sie eine angepasste Ansicht implementieren, um diese Antworten im Web-Chat-Fenster anzuzeigen. Subskribieren Sie dazu das Ereignis customResponse, das jedes Mal ausgelöst wird, wenn eine user_defined-Antwort empfangen wird. In Ihrer Ereignishandlermethode können Sie dann den Inhalt der Antwort lesen und die Ausgabe mit Ihren eigenen Elementen wiedergeben.

Lernprogramm: Ein Lernprogramm, das zeigt, wie ein angepasster Antworttyp als Ersatz für die Standardantwort für Optionen wiedergegeben wird, finden Sie unter Lernprogramm: Angepasste Optionsschaltflächen im Web-Chat implementieren.

Sie können eines der Web-Chat-Starter-Kits für die Integration in eine Contact-Center-Plattform (Service-Desk) verwenden, die nicht als integrierte watsonx Assistant-Integrationen verfügbar ist. Referenzimplementierungen mit vollem Funktionsumfang sind für verschiedene Contact-Center-Plattformen verfügbar. Darüber hinaus können Sie mit einem Starter-Kit eine angepasste Integration mit der Plattform Ihrer Wahl entwickeln.

Weitere Informationen finden Sie unter Contact-Center-Support hinzufügen.

Der Web-Chat ordnet jeder Nachricht, die er an den Assistenten sendet, eine Benutzer-ID zu. Diese Benutzer-ID wird für benutzerbasierte Abrechnung und andere Zwecke verwendet. Sie können entweder zulassen, dass der Web-Chat eine anonyme ID für jeden Benutzer generiert, oder Sie können die Benutzer-ID selbst steuern.

Je nachdem, ob Sie die Sicherheit für den Web-Chat aktiviert haben, können Sie die Instanzmethode updateUserID oder die Methode updateIdentityToken verwenden, um Benutzeridentitätsinformationen anzugeben.

Weitere Informationen zur Angabe und Verwendung von Benutzeridentitätsinformationen finden Sie unter Benutzeridentitätsinformationen im Web-Chat verwalten.

Um den Web-Chat zu schützen, können Sie JSON Web Token (JWT) verwenden, um Benutzer zu authentifizieren und private Daten zu verschlüsseln. Weitere Informationen finden Sie unter Web-Chat sichern.

Der Web-Chat-Code, der von IBM Cloud gehostet wird, wird regelmäßig mit Verbesserungen und neuen Funktionen aktualisiert. Das Einbettungsscript verwendet standardmäßig automatisch die neueste Version des Web-Chats. Um unerwartete Änderungen zu vermeiden, die sich auf Ihre Website auswirken können, können Sie steuern, welche Version des Web-Chats von Ihrer Website verwendet wird, sodass Sie jede neue Version testen können, bevor Sie in der Produktion implementieren, um unerwartete Änderungen zu vermeiden, wenn eine neue Version freigegeben wird.

Weitere Informationen zur Web-Chat-Versionssteuerung finden Sie unter Web-Chat-Version steuern.