Richten Sie Ihr ein Virtual AgentBot-Branding

Andere erstellen Virtual AgentBranding-Konfigurationen für die verschiedenen Organisationen, die Ihre Instanz verwenden. Diese Konfigurationen gelten nur für den webbasierten Chat und mobile Clients.

Vorbereitungen

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

Überprüfen Sie auf Updates und Verbesserungen der Standardanwendung „Omni-Experience“ für den Funktionssatz ServiceNow Store.

Hinweis:

Branding für Bots in Integration für Konversationsfunktionen mit Microsoft TeamsIst über verfügbar Microsoft TeamsApp-Anpassungsfunktion. Weitere Informationen finden Sie unter Ms Teams-Branding für die Konversationsintegration In Now Community. Branding für Bots in SlackIst auch verfügbar. Details finden Sie unter Konfigurieren Sie Branding für Virtual AgentBot 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 Branding-Konfiguration. Erstellen Sie eine neue Branding-Konfiguration, oder wählen Sie eine der verfügbaren Auswahlmöglichkeiten aus. Für YokohamaRelease, die Auswahlmöglichkeiten umfassen: Polaris-Dunkel Polaris-Light
   Chatkopfzeile	Textzeichenfolge, die Ihr Unternehmen oder Ihre Organisation im Chatfenster 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 vor dem Anzeigen der Animationsauslassungspunkte auftritt, die angibt, 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 wird in Kleinbuchstaben verwendet, wobei Leerzeichen durch Unterstriche ersetzt werden.
   Text der Schaltflächenauswahl	Schriftfarbe von 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. Zum Überprüfen und Bearbeiten von Virtual AgentBot-Profil: Wählen Sie das Informationssymbol aus. Zum Ändern von Virtual AgentBot-Foto oder Beschreibung, 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 aus, und wählen Sie 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. Wählen Sie aus, um ein Logo hinzuzufügen Bild Anhängen Und verwenden Sie die Dateisuche, um das Bild auszuwählen. Wählen Sie aus, um das Logo zu ändern 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 aus. 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, die Schriftart und die Größe des Chat-Clients an Ihre Marke anpassen. Sie können beispielsweise:

   • Ä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 Rot-Blau-Grün-Alpha (RGBA) an, die Sie für dieses Element verwenden möchten. Wenn Sie dies tun, wird im Beispiel-Chatfenster eine Vorschau Ihrer Änderungen angezeigt.

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

   Bezeichnung	Beschreibung
   Chat-Fenster
   Chatkopfzeilenhintergrund	Hintergrundfarbe des Chat-Headers.
   Chathintergrund	Hintergrundfarbe des Chatfensters.
   Menüsymbol	Farbe des Menüsymbols, das Anwenderoptionen zum Beenden einer Konversation oder zum Kontaktieren des Kundensupports bietet.
   Schriftart für Chatkopfzeile	Schriftfarbe des Texts im Chat-Header.
   Eingabehintergrund	Hintergrundfarbe der Anwendereingabeleiste.
   Chat-Nachrichten
   Hintergrund des Anwenderarbeitsbereichs	Hintergrundfarbe der Anwender-Chat-Blase.
   Hintergrund des Mitarbeiterbereichs	Hintergrundfarbe der Servicemitarbeiter-Chat-Blase.
   Hintergrund des Botarbeitsbereichs	Hintergrundfarbe der Bot-Chat-Blase.
   Verknüpfen	Farbe der in der Konversation angezeigten Links.
   Schaltflächenhintergrund	Hintergrundfarbe der in der Konversation verwendeten Schaltflächen.
   Benachrichtigungshintergrund	Hintergrundfarbe von Virtual AgentBenachrichtigungen, die im Webchat-Client bereitgestellt werden.
   Schriftart des Anwenderarbeitsbereichs	Schriftfarbe des Texts in der Anwenderchat-Blase.
   Schriftart des Mitarbeiterbereichs	Schriftfarbe des Texts in der Servicemitarbeiter-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 AgentBenachrichtigungen, die im Webchat-Client bereitgestellt werden.
   Andere
   Systemnachricht	Farbe der allgemeinen Systemnachrichten, die in der Konversation angezeigt werden.
   Kategoriehintergrund	Hintergrundfarbe der Überschrift über einer Liste von Themen.
   Trennzeichen	Farbe der gestrichelten Linie, die jede Konversation im Vorschaufenster trennt.
   Zeitstempel	Farbe des Zeitstempels, der angezeigt wird, wenn während einer Konversation eine bedeutende Aktivität auftritt, z. B. ein Datensatz, der erstellt wird.
   Kategorieschriftart	Schriftfarbe des Texts in der Kategorieüberschrift.
   Animation des Ladevorgangs	Farbe der animierten Punkte, die angeben, dass das System Informationen verarbeitet.

7. Wählen Sie aus, um die Chat-Symbole im Chat-Fenster anzupassen 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 auszuführen:

   • 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 Standardsymbol des Systems 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-Chatfenster eine Vorschau Ihrer Änderungen an.

   Hinweis:

   Im Gegensatz zu anderen Einstellungen auf der Branding-Seite werden Symboländerungen auf das 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 Schriftart und die Schriftgröße an.

   Die verfügbaren Branding-Konfigurationen (z. B. „Polaris-hell“ oder „Polaris-dunkel“) 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.

   Wählen Sie eine der folgenden Methoden aus, um den Schriftarttyp zu ändern:

   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 das Gleiche für Chat-Text.

      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 hoch, die Sie aus einer angehängten Datei hinzufügen möchten.
      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.

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

   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 Chat-Fenster 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 aus. Wählen Sie im Datensatz das Symbol „weitere Aktionen“ aus , Und wählen Sie dann aus Löschen .

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

      Feld	Beschreibung
      Bezeichnung	Textzeichenfolge, die den Menütyp beschreibt. Die Bezeichnungen für die Standardmenütypen im globalen Anwendungsbereich sind: 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 Telefonsupport 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 zum Kontaktieren des Supports per Telefon
      Wert	Der Wert des Menütyps. Beispiel: 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 Callsupport-Organisation. 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. Wählen Sie aus, um ein Symbol für ein neues Menüelement hinzuzufügen Bild anzeigen . Wählen Sie in der Dateisuche Ihre Symboldatei aus, und wählen Sie aus OK . Das hochgeladene Symbol wird unter angezeigt Symbol Feld. Zum Ändern eines Symbols in 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.
      Bestellung	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 an Serviceportal MitarbeiterchatKonfiguration. Im Serverskript, das Seiten- und Widget-Daten an einen übergibt Mitarbeiterchat( Virtual AgentOder 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 zur Einrichtung Serviceportal Mitarbeiterchat, Siehe Fügen Sie Ihren Bot einem Portal hinzu .

      Beispiel Serviceportal MitarbeiterchatDie 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 Widget „Mitarbeiterchat“ 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://< Ihr-instanzname >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://< Ihr-instanzname >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 Autopilotsitzungen 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 AgentBot-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 zum Angeben des gebrandeten Bot-Namens, der der anfordernden Person während der Konversation angezeigt wird.

       Abbildung : 2. Autopilotnachricht während der Konversation