Richten Sie das Branding Ihres Virtual Agent -Bots ein

  • Freigeben Version: Xanadu
  • Aktualisiert 1. August 2024
  • 10 Minuten Lesedauer

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

    Vorbereitungen

    Wenn Sie ServiceNow® Mobileverwenden, müssen Sie Virtual Agent für den mobilen Chat einrichten. Details finden Sie unter Konfigurieren Sie Virtual Agent für eine mobile Anwendung ServiceNow ..

    Suchen Sie unter ServiceNow Storenach Updates und Verbesserungen für die Anwendung „Omni-Experience – Standard-Funktionssatz“.

    Hinweis:
    Branding für Bots in Integration für Konversationsfunktionen mit Microsoft Teams ist über die Anpassungsfunktion der App Microsoft Teams verfügbar. Einzelheiten hierzu finden Sie unter MS Teams-Branding für die Konversationsintegration in Now Community. Branding für Bots in Slack ist ebenfalls verfügbar. Details finden Sie unter Branding für Ihren Virtual Agent -Bot in Slackkonfigurieren.

    Erforderliche Rolle: virtual_agent_admin oder admin

    Prozedur

    1. Navigieren zu Alle > Konversations-Schnittstellen > Einstellungen.
    2. Wählen Sie im Abschnitt Anzeigeoptionen neben Branding die OptionAlleanzeigen aus.
    3. Wählen Sie Neu, um eine Branding-Konfiguration zu erstellen, oder wählen Sie den zu aktualisierenden Branding-Konfigurationsdatensatz aus.
    4. Füllen Sie die Felder des Formulars aus.
      Bezeichnung Beschreibung
      Brandingname Name der Chat-Branding-Konfiguration
      Erstellen Sie eine neue Branding-Konfiguration, oder wählen Sie eine der verfügbaren Optionen aus. Für das Release Xanadu stehen folgende Auswahlmöglichkeiten zur Verfügung:
      • Polaris-Dunkel
      • Polaris-Licht
      Chatkopfzeile Textzeichenfolge, die Ihr Unternehmen oder Ihre Organisation im Chat-Fenster identifiziert. Beispiel: Acme Support
      Minimale Verzögerung zwischen Bot-Nachrichten (ms) Mindestverzögerung in Millisekunden (ms), die zwischen Bot-Antworten auftritt. Die Standardverzögerung beträgt 500 ms.
      Mindestverzögerung vor der Anzeige der Eingabeanimation (ms) Mindestverzögerung in Millisekunden (ms), bevor die Animationsellypse angezeigt werden, die angeben, dass der Bot die Anwendereingabe verarbeitet.
      Menütitel Name des Support-Menüs. Der Standardtitel lautet Support kontaktieren.
      Brandingschlüssel Schreibgeschützte sys_id der Konfiguration, die den von Ihnen eingegebenen Brandingnamen widerspiegelt. Der Schlüssel besteht aus Kleinbuchstaben; Leerzeichen werden durch Unterstriche ersetzt.
      Text der Schaltflächenauswahl Schriftfarbe der Schaltflächen Neue Nachrichten oberhalb oder Neue Nachrichten unterhalb.
      Botprofil Liste, die das Live-Profil-Formular öffnet, um ein neues Bot-Anwenderprofil auszuwählen oder zu erstellen, das das Bot-Bild (Avatar) enthält.
      • Klicken Sie auf das Informationssymbol, um das Botprofil Virtual Agent zu überprüfen und zu bearbeiten.
        • Um das Foto oder die Beschreibung des Bots Virtual Agent zu ändern, klicken Sie in der Nachricht oben auf der Seite auf Datensatz bearbeiten.
        • Ändern Sie im Formular „Live-Profil“ die Felder, und klicken Sie auf Aktualisieren.
      • Um den Bot für die Konfiguration auszuwählen oder zu ändern, wählen Sie das Suchsymbol, und klicken Sie auf das Feld Bot-Profil. Wählen Sie das Botprofil 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 Registerkarte des Browsers angezeigt. Das Chat-Header-Logo wird auf 42 x 42 Pixel und das Chat-Nachrichtenlogo auf 24 x 24 Pixel festgelegt. Ein hochgeladenes Bild, das kleiner als diese Abmessungen ist, wird gestreamt angezeigt. Ein größeres Bild wird herunterskaliert.
      • Um ein Logo hinzuzufügen, wählen Sie Bild anhängen, und verwenden Sie den Dateifinder, um das Bild auszuwählen.
      • Um das Logo zu ändern, wählen Sie Bild anzeigen. Wählen Sie in der Dateisuche die neue Logodatei aus, und klicken Sie auf 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 unter oder über Ihrer aktuellen Chatansicht 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:
    6. Um die Farbe von Elementen im Chatfenster zu ändern, wählen Sie die Registerkarte Farben.
      Registerkarte „Chat-Branding-Farben“ mit den Farben des Chat-Fensters und der Chat-Nachrichten.
      Wählen Sie ein Element aus, und geben Sie die Hex-Farben oder Rot-Blau-Grün-Alpha-Farben (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 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 übermittelt 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 von Links, die in der Konversation deaktiviert sind.
      Benachrichtigungstext Schriftfarbe von Virtual Agent Benachrichtigungen, die im Webchat-Client übermittelt 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 Chatsymbole im Chatfenster anzupassen, wählen Sie die Registerkarte Symbole.
      Registerkarte „Chat-Branding-Symbole“ mit Symbolen im Haupt-Chat-Fenster und allen Themenfenstern.
      Sie können die Symbole in vier verschiedenen Chat-Bildschirmen anpassen: auf dem Chat-Hauptbildschirm, auf dem Bildschirm mit allen Themen, im Support-Menü und auf dem Bildschirm zum Beenden der Konversation. Verwenden Sie diese Registerkarte für:
      • Ein anwenderdefiniertes Symbol hinzufügen: Wählen Sie Hinzufügen für das Symbol und dann Bild anhängenaus. Wählen Sie nach der Auswahl der Bilddatei die Option Anwendenaus.
      • Anwenderdefiniertes Symbol ersetzen: Wählen Sie für das Symbol Ersetzen aus. Wählen Sie das Papierkorbsymbol, um das aktuelle Bild zu löschen, und laden Sie dann ein neues hoch.
      • Systemstandardsymbol wiederherstellen: Wählen Sie Entfernen für das Symbol.
        Hinweis:
        Sie können keine Systemstandardsymbole entfernen.
      Wenn Sie die Symbole während der Konfiguration angeben, wird im Beispiel-Chatfenster eine Vorschau Ihrer Änderungen angezeigt.
      Hinweis:
      Im Gegensatz zu anderen Einstellungen auf der Branding-Seite werden Symboländerungenim Webclient wirksam, sobald Sie Übernehmen wählen. Andere Änderungen werden erst wirksam, wenn Sie oben auf der Seite Speichern auswählen.

      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 den Omni-Experience-Standardfunktionssatz über ServiceNow® Storeinstalliert und auf die neueste Version aktualisiert haben.
      Um die im Chat angezeigten Schriftarten anzupassen, wählen Sie die Registerkarte Schriftarten.

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

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

        Machen Sie dasselbe für den Chattext.

        Sie sehen ein Beispiel für die neue Schriftart.
      2. Laden Sie die Schriftarten von einer URL herunter.
        Wählen Sie in der Dropdown-Liste Anwenderdefinierte Schriftart hinzufügen die Option Von URL aus, geben Sie die URL an, und wenden Sie die Änderungen an.
      3. Laden Sie die hinzuzufügenden Schriftarten aus einer angehängten Datei hoch.
        Wählen Sie in der Dropdown-Liste Anwenderdefinierte Schriftart hinzufügen die Option Schriftart hochladen aus, 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. Wählen Sie in der Dropdown-Liste Schriftgröße die Schriftgröße Normal, Groß oder Extra Groß aus.
      2. Wählen Sie in der Dropdown-Liste Schriftgröße für Header die Schriftgröße „Regulär“, „Groß“ oder „Extra 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 in Ihrem Portal oder Ihrer Website an.
    9. Um das Menü „Support kontaktieren“ zu aktualisieren, scrollen Sie nach unten zum Abschnitt „ Menüelemente “.
      Abschnitt mit Chat-Branding-Menüelementen mit Chat-, E-Mail- und Telefonkontaktelementen.

      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. Führen Sie im Abschnitt Menüelemente einen der folgenden Schritte aus:
        • Um ein Menüelement zu bearbeiten, wählen Sie das Datensatzsymbol.
        • Um ein neues Menüelement hinzuzufügen, wählen Sie Neu.
        • Um ein Menüelement zu löschen, wählen Sie das Datensatzsymbol. Wählen Sie im Datensatz das Symbol „Weitere Aktionen“ Symbol „Weitere Aktionen“, und wählen Sie dann Löschenaus.

        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:
        • E-Mail: Option zum Öffnen der Standard-E-Mail. Standardbezeichnung: E-Mail an Kundensupport senden
        • Chat: Option für den Chat mit einem Servicemitarbeiter. Standardbezeichnung: Servicemitarbeiter kontaktieren für den Chattyp
        • Telefon: Option, die angibt, wann Telefonsupport verfügbar ist. Standardbezeichnung: Support anrufen – (Täglich 5–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 ist, z. B. eine Hilfeseite, wählen Sie den Linktyp aus.
        Die Typen der Menüelemente sind:
        • E-Mail: Option zur Kontaktaufnahme mit dem Support per E-Mail.
        • Link: Option für einen Link zu einer Webseite
        • Chat: Option zur Kontaktaufnahme mit einem Servicemitarbeiter über den Chat.
        • Text: Option zum Festlegen einer Textzeichenfolge
        • Telefon: Option zur Kontaktaufnahme mit dem Support per Telefon
        Wert Der Wert des Menütyps. Beispielsweise ist der Wert für E-Mail die E-Mail-Adresse der Supportgruppe.
        Die Werte für die Standardmenütypen sind:
        • E-Mail: E-Mail-Adresse der Supportgruppe. Beispiel: support@example.com.
        • Telefon: Telefonnummer Ihrer Anruf-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 Bild anzeigenaus. Wählen Sie in der Dateisuche Ihre Symboldatei aus, und wählen Sie OK. Das hochgeladene Symbol wird unter dem Feld Symbol angezeigt.
        • Um ein Symbol zu ändern, wählen Sie im Feld Symbol die OptionAktualisierenaus. Wählen Sie in der Dateisuche die neue Logodatei aus, und klicken Sie auf OK. Das aktualisierte Symbol wird unter diesem Feld angezeigt.
        • Um das Symbol zu entfernen, wählen Sie das Papierkorbsymbol. 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 Option ist, die im Menü aufgeführt ist.
        Anwendung Global.
      2. Wenn Sie den Abschnitt Menüelement für einen Menütyp fertigstellen, wählen Sie Speichern..
    10. Führen Sie einen der folgenden Schritte aus, um die Branding-Konfiguration anzuwenden:

      • Wenden Sie die Branding-Konfiguration auf eine Zielseite an. Geben Sie den Systemparameter sysparm_branding_key mit dem Brandingschlüssel in die Webclient-URL ein. Beispiel:

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

        In diesem Beispiel ist acme der Schlüssel der zu verwendenden Brandingkonfiguration.

      • Wenden Sie die Branding-Konfiguration auf einen eingebetteten Webclient an. Geben Sie den Systemparameter sysparm_branding_key mit dem Brandingschlüssel in die URL für den eingebetteten Webclient ein. Beispiel:

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

        In diesem Beispiel ist acme der Schlüssel der zu verwendenden Brandingkonfiguration.

      • Wenden Sie die Branding-Konfiguration auf eine Serviceportal Mitarbeiterchat -Konfiguration an. Geben Sie in dem Serverskript, das Seiten- und Widget-Daten an eine Konversation Mitarbeiterchat (Virtual Agent oder Service Desk-Mitarbeiter) übergibt, den zu verwendenden Brandingschlüssel an. In diesem Skript übergebene Elemente sind für alle Seiten im Portal verfügbar. Einzelheiten zur Einrichtung von Serviceportal Mitarbeiterchatfinden Sie unter . Fügen Sie Ihren Bot einem Portal hinzu.

        Beispielsweise verwendet die folgende Serviceportal Mitarbeiterchat -Konfiguration für das Knowledge Portal den Chat-Branding-Schlüssel custom_1.

        Beispiel für den Datensatz für die Mitarbeiterchat-Konfiguration im Serviceportal
        Hinweis:
        Es gibt weitere Mitarbeiterchat-Funktionen im Serviceportal, die Sie konfigurieren können, z. B. das Anpassen der Mitarbeiterchat-Schaltfläche in Ihrem Portal. Weitere Informationen zum Anpassen des Mitarbeiterchat-Widgets im Serviceportal finden Sie unter Mitarbeiterchat im Serviceportal konfigurieren.
    11. Wahlweise: Wenn Sie den Konversations-Autopiloten mit Ihrem gebrandeten Bot verwenden, geben Sie den Namen des gebrandeten Bots an, der im Chatfenster während Autopilotsitzungen angezeigt wird, indem Sie die Systemeigenschaften wie folgt ändern.
      1. Navigieren zu Alle > Konversations-Schnittstellen > Einstellungen.
      2. Wählen Sie im Abschnitt „Systemaktionen“ neben Systemnachrichten die Option Alleanzeigenaus.
      3. Ändern Sie das Feld Wert der Systemeigenschaft com.glide.cs.autopilot.client_initiated_header, um den Bot-Namen mit Branding anstelle des Bot-Namens Virtual Agent anzugeben, der im Header des Chat-Fensters angezeigt wird.
        Abbildung : 1. Autopilot-Header im Chat-Fenster
        Bot-Name, der während der Autopilotsitzung für Konversationen im Header des Chatfensters hervorgehoben wird.
      4. Aktualisieren Sie die Systemeigenschaft com.glide.cs.autopilot.client_initiated_message, um den Bot-Namen mit dem Branding anzugeben, der der anfordernden Person während der Konversation angezeigt wird.
        Abbildung : 2. Autopilotnachricht während der Konversation
        Nachricht, die im Chat-Fenster angezeigt wird und den Anwender darüber informiert, dass der Service Desk-Mitarbeiter Virtual Agent aktiviert hat, um ihn beim Abschließen der Aufgabe zu unterstützen.