Richten Sie Ihr ein Virtual Agent Bot-Branding

Erstellen Sie andere Virtual Agent Branding-Konfigurationen für die verschiedenen Organisationen, die Ihre Instanz verwenden. Diese Konfigurationen gelten nur für webbasierte Chat- und mobile Clients.

Vorbereitungen

Wenn Sie verwenden ServiceNow® Mobile, Stellen Sie sicher, dass Sie eingerichtet haben Virtual Agent Für mobilen Chat. Details finden Sie unter Konfigurieren Virtual Agent Für ein ServiceNow Mobile Anwendung.

Überprüfen Sie auf Updates und Verbesserungen der Omni-Experience Standard-Funktionssatzanwendung auf der ServiceNow Store.

Hinweis:

Branding für Bots in Integration für Konversationsfunktionen mit Microsoft Teams Ist über verfügbar Microsoft Teams App-Anpassungsfunktion. Weitere Informationen finden Sie unter Ms Teams-Branding für die Konversationsintegration In Now Community. Branding für Bots in Slack Ist auch verfügbar. Details finden Sie unter Konfigurieren Sie Branding für Virtual Agent Bot in Slack.

Erforderliche Rolle: virtual_agent_admin oder admin

Prozedur

1. Navigieren zu Alle > Konversations-Schnittstellen > Einstellungenan.
2. Unter Anzeigeoptionen Abschnitt auswählen Alle Anzeigen Neben Branding .
3. Wählen Sie Aus Neu Um eine Branding-Konfiguration zu erstellen oder den zu aktualisierenden Branding-Konfigurationsdatensatz auszuwählen.
4. Füllen Sie im Formular die Felder aus.

   Bezeichnung	Beschreibung
   Brandingname	Name der Chat-Branding-Konfiguration Erstellen Sie eine neue Branding-Konfiguration, oder wählen Sie eine der verfügbaren Auswahlmöglichkeiten aus. Für Zurich Release, die Auswahlmöglichkeiten umfassen: Polaris-Dunkel Polaris-Light
   Chatkopfzeile	Textzeichenfolge, die Ihr Unternehmen oder Ihre Organisation im Header des Chatfensters identifiziert. Beispiel: Acme Support
   Minimale Verzögerung zwischen Bot-Nachrichten (ms)	Minimale Verzögerung in Millisekunden (ms), die zwischen Bot-Antworten auftritt. Die Standardverzögerung beträgt 500 ms.
   Mindestverzögerung vor der Anzeige der Eingabeanimation (ms)	Minimale Verzögerung in Millisekunden (ms), die auftritt, bevor die Animationsauslassungspunkte angezeigt werden, die angeben, dass der Bot Anwendereingaben verarbeitet.
   Menütitel	Name des Supportmenüs. Der Standardtitel ist „Support kontaktieren“.
   Brandingschlüssel	Schreibgeschützte sys_ID der Konfiguration, die widerspiegelt Branding-Name Sie haben eingegeben. Der Schlüssel besteht aus Kleinbuchstaben; Leerzeichen werden durch Unterstriche ersetzt.
   Text der Schaltflächenauswahl	Schriftfarbe des Neue Nachrichten oben Oder Neue Nachrichten unten Schaltflächen.
   Botprofil	Liste, die das Formular „Live-Profil“ öffnet, um ein neues Bot-Anwenderprofil auszuwählen oder zu erstellen, das das Bot-Bild (Avatar) enthält. Dieses Bot-Bild wird in den Chatnachrichten angezeigt. Dient zum Überprüfen und Bearbeiten von Virtual AgentOder Now Assist Bot-Profil , Wählen Sie das Informationssymbol. Um das Bot-Bild oder die Beschreibung zu ändern, wählen Sie aus Bearbeiten Sie den Datensatz In der Nachricht oben auf der Seite. Ändern Sie im Formular „Live-Profil“ die Felder, und wählen Sie aus Aktualisieren . Um den Bot für die Konfiguration auszuwählen oder zu ändern, wählen Sie das Suchsymbol und dann aus Bot-Profil Feld. Wählen Sie das Bot-Profil aus, das Sie in einem vorherigen Schritt erstellt haben.
   Logo der Chatkopfzeile	Logobild, das im Chat Header angezeigt wird Wenn der Live-Chat in einem Browserfenster ausgeführt wird, wird das Logo auch auf der Browserregisterkarte angezeigt. Das Chat-Header-Logo ist auf 42x42 Pixel und das Chat-Nachrichtenlogo auf 24x24 Pixel festgelegt. Ein hochgeladenes Bild, das kleiner als diese Abmessungen ist, wird gedehnt angezeigt. Ein größeres Bild wird herunterskaliert. Um ein Logo hinzuzufügen, wählen Sie aus Bild Anhängen Und verwenden Sie die Dateisuche, um das Bild auszuwählen. Um das Logo zu ändern, wählen Sie aus Bild anzeigen . Wählen Sie in der Dateisuche die neue Logodatei aus, und wählen Sie aus OK . Das aktualisierte Logo wird unter diesem Feld angezeigt. Um das Logo zu entfernen, wählen Sie das Papierkorbsymbol. Die Datei wird sofort gelöscht.
   Aktivieren Sie die Anzeige der Benachrichtigung „neue Nachrichten unten“ oder „neue Nachrichten oben“	Wählen Sie diese Option aus, um Benachrichtigungen für neue Nachrichten unterhalb oder oberhalb Ihrer aktuellen Ansicht des Chats anzuzeigen.

5. Wählen Sie Speichern.
   Von hier aus können Sie die Farbe, die Symbole sowie die Schriftart und Größe des Chat-Clients an Ihre Marke anpassen. Beispielsweise können Sie:

   • Ändern Sie die Farbe von Elementen
   • Passen Sie die Symbole an
   • Passen Sie die im Chat verwendeten Schriftarten an
6. Um die Farbe von Elementen im Chatfenster zu ändern, wählen Sie aus Farben Registerkarte.

   

   Wählen Sie ein Element aus, und geben Sie die Farben Hex oder Red Blue Green Alpha (RGBA) an, die Sie für dieses Element verwenden möchten. Wenn Sie dies tun, zeigt das Beispiel-Chat-Fenster eine Vorschau Ihrer Änderungen an.

   Tabelle : 1. Passen Sie die Farbe für jedes Element an

   Bezeichnung	Beschreibung
   Chat-Fenster
   Chatkopfzeilenhintergrund	Hintergrundfarbe des Chat Headers
   Chathintergrund	Hintergrundfarbe des Chat-Fensters
   Menüsymbol	Farbe des Menüsymbols, das Benutzeroptionen zum Beenden einer Konversation oder zur Kontaktaufnahme mit dem Kundensupport enthält
   Schriftart für Chatkopfzeile	Schriftfarbe des Texts im Chat Header
   Eingabehintergrund	Hintergrundfarbe der Benutzereingabeleiste
   Chat-Nachrichten
   Hintergrund des Anwenderarbeitsbereichs	Hintergrundfarbe der Benutzer-Chat-Blase
   Hintergrund des Agentenarbeitsbereichs	Hintergrundfarbe der Live Agent-Chat-Blase
   Hintergrund des Botarbeitsbereichs	Hintergrundfarbe der Bot-Chat-Blase
   Link	Farbe der in der Konversation dargestellten Links
   Schaltflächenhintergrund	Hintergrundfarbe der in der Konversation verwendeten Schaltflächen
   Benachrichtigungshintergrund	Hintergrundfarbe von Virtual Agent Benachrichtigungen, die im Webchat-Client bereitgestellt werden.
   Schriftart des Anwenderarbeitsbereichs	Schriftfarbe des Texts in der Benutzer-Chat-Blase
   Schriftart des Agentenarbeitsbereichs	Schriftfarbe des Texts in der Live Agent-Chat-Blase
   Schriftart des Botarbeitsbereichs	Schriftfarbe des Texts in der Bot-Chat-Blase
   Link deaktiviert	Farbe der in der Konversation deaktivierten Links.
   Benachrichtigungstext	Schriftfarbe von Virtual Agent Benachrichtigungen, die im Webchat-Client bereitgestellt werden.
   Andere
   Systemnachricht	Farbe der allgemeinen Systemmeldungen, die in der Konversation angezeigt werden
   Kategoriehintergrund	Hintergrundfarbe der Überschrift über einer Liste von Themen
   Trennzeichen	Farbe der gestrichelten Linie, die die einzelnen Konversationen im Vorschaufenster voneinander trennt
   Zeitstempel	Farbe des Zeitstempels, der angezeigt wird, wenn sich während einer Konversation eine wichtige Aktivität ereignet, z. B. wenn ein Datensatz erstellt wird
   Kategorieschriftart	Schriftfarbe des Texts in der Kategorieüberschrift
   Animation des Ladevorgangs	Farbe der animierten Punkte, die anzeigen, dass das System Informationen verarbeitet

7. Um die Chat-Symbole im Chat-Fenster anzupassen, wählen Sie aus Symbole Registerkarte.
   
   Sie können die Symbole auf vier verschiedenen Chat-Bildschirmen anpassen: Dem Hauptbildschirm des Chats, dem Bildschirm „alle Themen“, dem Support-Menü und dem Bildschirm „Konversation beenden“. Verwenden Sie diese Registerkarte, um Folgendes zu tun:

   • Anwenderdefiniertes Symbol hinzufügen: Auswählen Hinzufügen Für das Symbol und wählen Sie dann aus Bild anhängen . Wählen Sie nach Auswahl der Bilddatei aus Anwenden .
   • Anwenderdefiniertes Symbol ersetzen: Auswählen Ersetzen Für das Symbol. Wählen Sie das Papierkorb-Symbol aus, um das aktuelle Bild zu löschen und dann ein neues hochzuladen.
   • Kehren Sie zum Systemstandardsymbol zurück: Wählen Sie aus Entfernen Für das Symbol.
     Hinweis:

     Sie können Systemstandardsymbole nicht entfernen.

   Wenn Sie die Symbole während der Konfiguration angeben, zeigt das Beispiel-Chat-Fenster eine Vorschau Ihrer Änderungen an.

   Hinweis:

   Im Gegensatz zu anderen Einstellungen auf der Branding-Seite werden Symboländerungen im Chat-Widget wirksam, sobald Sie auswählen Anwenden . Andere Änderungen werden erst wirksam, wenn Sie auswählen Speichern Oben auf der Seite.

   Gültige Dateiformate sind .jpg, .png, .bmp, .gif, .JPEG, .ico und .svg.

8. Wahlweise: Passen Sie den Schriftarttyp und die Schriftgröße an.

   Die verfügbaren Branding-Konfigurationen (z. B. Polaris-Light oder Polaris-Dark) befinden sich Hier.

   Hinweis:

   Diese Funktion ist erst verfügbar, nachdem Sie die Omni-Experience-Standardfunktion über installiert und auf die neueste Version aktualisiert haben ServiceNow® Store.

   Um die im Chat angezeigten Schriftarten anzupassen, wählen Sie aus Schriftarten Registerkarte.

   Um den Schriftarttyp zu ändern, wählen Sie eine der folgenden Methoden aus:

   1. Wählen Sie die Schriftarten aus, die Sie verwenden möchten.
      Von Chat-Header-Text Wählen Sie in der Dropdown-Liste die Schriftart aus, die Sie für den Header verwenden möchten.

      Wiederholen Sie den Vorgang für Text des Chats.

      Ein Beispiel für die neue Schriftart wird angezeigt.
   2. Laden Sie die Schriftarten von einer URL herunter.
      Von Anwenderdefinierte Schriftart hinzufügen Dropdown-Liste auswählen Von-URL , Geben Sie die URL an, und wenden Sie die Änderungen an.
   3. Laden Sie die Schriftarten, die Sie hinzufügen möchten, aus einer angehängten Datei hoch.
      Von Anwenderdefinierte Schriftart hinzufügen Dropdown-Liste auswählen Schriftart hochladen Geben Sie den Pfad zu der Datei an, die Sie anhängen möchten, und wenden Sie die Änderungen an.

   Um die Schriftgröße für den Chat-Header und den Chat-Text zu ändern, gehen Sie wie folgt vor:

   1. Von Schriftgröße Dropdown: Wählen Sie die Schriftgröße „Normal“, „groß“ oder „sehr groß“ aus.
   2. Von Schriftart-Headergröße Dropdown: Wählen Sie die Schriftgröße „Normal“, „groß“ oder „sehr groß“ aus.
      Hinweis:

      Diese Änderungen gelten nicht für anwenderdefinierte Steuerungen, die Sie dem Chat-Widget hinzugefügt haben. Anwenderdefinierte Steuerungen müssen separat aktualisiert werden.
   3. Zeigen Sie eine Vorschau der Änderungen in Ihrem Chatfenster auf Ihrem Portal oder Ihrer Website an.
9. Um das Menü „Support kontaktieren“ zu aktualisieren, scrollen Sie nach unten zu Menüelemente Abschnitt.
   

   Sie können die Symbole, Bezeichnungen, Sichtbarkeit und Anzeigereihenfolge der Menüelemente „E-Mail“, „Chat“ und „Telefon“ ändern. Sie können dem Menü auch anwenderdefinierte Optionen hinzufügen.

   1. In Menüelemente Führen Sie einen der folgenden Schritte aus:
      • Um ein Menüelement zu bearbeiten, wählen Sie das Datensatzsymbol aus.
      • Um ein neues Menüelement hinzuzufügen, wählen Sie aus Neu .
      • Um ein Menüelement zu löschen, wählen Sie das Datensatzsymbol. Wählen Sie im Datensatz das Symbol „weitere Aktionen“ aus , Und wählen Sie dann aus Löschen .

      Füllen Sie die Felder für jeden Menüeintrag aus.

      Feld	Beschreibung
      Bezeichnung	Textzeichenfolge, die den Menütyp beschreibt. Die Bezeichnungen für die Standardmenütypen im Anwendungsbereich „Global“ lauten wie folgt: E-Mail: Option, mit der die Standard-E-Mail geöffnet wird. Standardbezeichnung: E-Mail an den Kundensupport senden Chat: Option zum Chatten mit einem Servicemitarbeiter. Standardbezeichnung: Wenden Sie Sich An Einen Servicemitarbeiter Für Chattyp Telefon: Option, die angibt, wann telefonischer Support verfügbar ist. Standardbezeichnung: Support anrufen – (täglich von 5 bis 23 Uhr) Der Bezeichnungstext kann bis zu 75 Zeichen lang sein.
      Typ	Typ des Menüelements. Wenn Sie beispielsweise ein Menüelement hinzufügen, das ein Link zu bestimmten Informationen wie einer Hilfeseite ist, wählen Sie aus Link Typ. Die Menüelementtypen sind: E-Mail: Option zum Kontaktieren des Supports per E-Mail. Link: Option für einen Link zu einer Webseite Chat: Option zum Kontaktieren eines Servicemitarbeiters über Chat. Text: Option zum Festlegen einer Textzeichenfolge Telefon: Option zur telefonischen Kontaktaufnahme mit dem Support
      Wert	Der Wert des Menütyps. Zum Beispiel die Wert Für „E-Mail“ ist die E-Mail-Adresse der Supportgruppe. Die Werte für die Standardmenütypen sind: E-Mail: E-Mail-Adresse der Supportgruppe. Beispiel: [e-mail]. Telefon: Telefonnummer Ihrer Supportorganisation. E-Mail: E-Mail-Adresse Ihrer Supportorganisation. Hinweis: Der Chatmenütyp hat keinen Wert.
      Sichtbar	Option, die das Element im Menü „Support kontaktieren“ sichtbar macht. Deaktivieren Sie diese Option, um das Menüelement auszublenden.
      Standardsymbol anzeigen	Option, die angibt, dass das Standardsymbol für das Element im Menü sichtbar ist. Deaktivieren Sie diese Option, um ein Menüsymbol hinzuzufügen, zu ändern oder zu löschen. Um ein Symbol für ein neues Menüelement hinzuzufügen, wählen Sie aus Bild anzeigen . Wählen Sie in der Dateisuche Ihre Symboldatei aus, und wählen Sie aus OK . Das Symbol „hochgeladen“ wird unter angezeigt Symbol Feld. Um ein Symbol in zu ändern Symbol Feldauswahl Aktualisieren . Wählen Sie in der Dateisuche die neue Logodatei aus, und wählen Sie aus OK . Das aktualisierte Symbol wird unter diesem Feld angezeigt. Wählen Sie aus, um das Symbol zu entfernen Papierkorb Symbol. Die Datei wird sofort gelöscht.
      Reihenfolge	Nummer, die die Reihenfolge angibt, in der das Element im Menü „Support kontaktieren“ angezeigt wird. Die Zahl 1 gibt an, dass das Element die erste im Menü aufgeführte Option ist.
      Anwendung	Global.

   2. Wenn Sie abgeschlossen haben Menüelement Wählen Sie für einen Menütyp Abschnitt aus Speichern .
10. Führen Sie einen der folgenden Schritte aus, um die Branding-Konfiguration anzuwenden:

    • Wenden Sie die Branding-Konfiguration auf ein an Serviceportal Mitarbeiterchat Konfiguration. Im Serverskript, das Seiten- und Widget-Daten an einen übergibt Mitarbeiterchat( Virtual Agent Oder Servicemitarbeiter) Konversation: Geben Sie den zu verwendenden Branding-Schlüssel an. In diesem Skript übergebene Elemente sind für alle Seiten im Portal verfügbar. Für Details zum Einrichten Serviceportal Mitarbeiterchat, Siehe Fügen Sie Ihren Bot einem Portal hinzu .

      Beispiel Serviceportal Mitarbeiterchat Die Konfiguration für das Wissensportal verwendet den Chat-Branding-Schlüssel, Anwenderdefiniert_1 .

      

      Hinweis:

      Es gibt andere Service Portal-Mitarbeiterchat-Funktionen, die Sie konfigurieren können, z. B. anpassen der Schaltfläche „Mitarbeiterchat“ In Ihrem Portal. Weitere Informationen zum Anpassen des Mitarbeiterchat-Widgets im Serviceportal finden Sie unter Konfigurieren Sie den Mitarbeiterchat im Serviceportal .

    • Wenden Sie die Branding-Konfiguration auf eine Zielseite an. Geben Sie den Systemparameter ein Sysparm_Branding_key Mit dem Branding-Schlüssel in der Chat-Widget-URL. Zum Beispiel:

      https://<name-ihrer-instanz>service-now.com/$sn-va-web-client-app.do?sysparm_branding_key=acme

      In diesem Beispiel acme Ist der Schlüssel der zu verwendenden Branding-Konfiguration.

    • Wenden Sie die Branding-Konfiguration auf ein eingebettetes Chat-Widget an. Geben Sie den Systemparameter ein Sysparm_Branding_key Mit dem Branding-Schlüssel in der URL für das eingebettete Chat-Widget. Zum Beispiel:

      https://<name-ihrer-instanz>service-now.com/$sn-va-web-client-app_embed.do?sysparm_branding_key=acme

      In diesem Beispiel acme Ist der Schlüssel der zu verwendenden Branding-Konfiguration.

11. Wahlweise: Wenn Sie verwenden Konversations-Autopilot Geben Sie mit Ihrem gebrandeten Bot den Namen des gebrandeten Bots an, der während Autopilot-Sitzungen im Chatfenster angezeigt wird, indem Sie die Systemeigenschaften wie folgt ändern.
    1. Navigieren zu Alle > Konversations-Schnittstellen > Einstellungenan.
    2. Unter Systemaktionen Abschnitt auswählen Alle Anzeigen Neben Systemnachrichten .
    3. Ändern Sie Wert Feld von com.glide.cs.autopilot.client_initiated_headerSystemeigenschaft zum Angeben des gebrandeten Bot-Namens anstelle von Virtual Agent Bot-Name, der im Header des Chatfensters angezeigt wird.

       Abbildung : 1. Autopilot-Header im Chat-Fenster

       

    4. Aktualisieren Sie com.glide.cs.autopilot.client_initiated_messageSystemeigenschaft zur Angabe des gebrandeten Bot-Namens, der der anfordernden Person während der Konversation angezeigt wird.

       Abbildung : 2. Autopilotnachricht während der Konversation