Richten Sie das Branding Ihres Bots ein

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 9 Minuten Lesedauer

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

    Vorbereitungen

    Wenn Sie ServiceNow® Mobileverwenden, stellen Sie sicher, dass Sie Virtual Agent für den mobilen Chat einrichten. Details finden Sie unter Konfigurieren Sie Virtual Agent für eine mobile Anwendung von ServiceNow ..

    Hinweis:
    Branding für Bots in Conversational Integration with Microsoft Teams ist über die Anpassungsfunktion der App Microsoft Teams verfügbar. Weitere Informationen 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 den Bot [ Virtual Agent 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 Washington DC 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) 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) Mindestverzögerung in Millisekunden (ms), die auftritt, bevor die Ellipse der Animation angezeigt wird, die angibt, dass der Bot die Benutzereingabe 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 Branding-Namen widerspiegelt. Der Schlüssel besteht aus Kleinbuchstaben; Leerzeichen werden durch Unterstriche ersetzt.
      Botprofil Liste, die das Live-Profilformular öffnet, um ein neues Bot-Benutzerprofil auszuwählen oder zu erstellen, das das Bot-Bild (Avatar) enthält.
      • Um das Bot-Profil Virtual Agent zu überprüfen und zu bearbeiten, klicken Sie auf das Informationssymbol.
        • Um das Foto oder die Beschreibung des Bots Virtual Agent zu ändern, klicken Sie in der Meldung 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 aus, und klicken Sie auf das Feld Bot-Profil. 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 42 x 42 Pixel und das Chat-Nachrichtenlogo auf 24 x 24 Pixel festgelegt. Ein hochgeladenes Bild, das kleiner als diese Abmessungen ist, wird geweitet angezeigt. Ein größeres Bild wird verkleinert.
      • Um ein Logo hinzuzufügen, wählen Sie Bild anfügen, und verwenden Sie den Dateifinder, um das Bild auszuwählen.
      • Um das Logo zu ändern, wählen Sie Bild anzeigenaus. Wählen Sie im Dateifinder 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.
    5. Wählen Sie Speichern.
      Hier können Sie Farbe, Symbole sowie Schriftart und -größe des Chat-Clients an Ihre Marke anpassen. Beispielsweise können Sie:
    6. Um die Farbe von Elementen im Chat-Fenster zu ändern, wählen Sie die Registerkarte Farben aus.
      Registerkarte „Chat-Branding-Farben“ mit den Farben des Chat-Fensters und der Chat-Nachrichten.
      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 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 Benutzerarbeitsbereichs 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 Benutzerarbeitsbereichs 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 ü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 Chat-Symbole im Chat-Fenster anzupassen, wählen Sie die Registerkarte Symbole aus.
      Registerkarte „Chat-Branding-Symbole“ mit Symbolen im Haupt-Chatfenster und allen Themenfenstern.
      Sie können die Symbole in vier verschiedenen Chat-Bildschirmen anpassen: Haupt-Chat-Bildschirm, Bildschirm mit allen Themen, Support-Menü und Bildschirm zum Beenden der Konversation. Verwenden Sie diese Registerkarte für Folgendes:
      • Benutzerdefiniertes Symbol hinzufügen: Wählen Sie Hinzufügen für das Symbol und dann Bild anfügenaus. Nachdem Sie die Bilddatei ausgewählt haben, wählen Sie Übernehmen.
      • Benutzerdefiniertes Symbol ersetzen: Wählen Sie Ersetzen für das Symbol aus. Wählen Sie das Papierkorbsymbol aus, um das aktuelle Bild zu löschen, und laden Sie dann ein neues hoch.
      • Systemstandardsymbol wiederherstellen: Wählen Sie Entfernen für das Symbol aus.
        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änderungen im Webclient wirksam, sobald Sie Anwendenauswählen. Andere Änderungen werden erst wirksam, wenn Sie oben auf der Seite Speichern wählen.

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

    8. Wahlweise: Passen Sie Schriftart und Schriftgröße an.

      Die verfügbaren Branding-Konfigurationen (z. B. Polaris-Hell oder Polaris-Dunkel) befinden sich hier.

      Hinweis:
      Diese Funktion ist nur 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 aus.

      Wählen Sie eine der folgenden Methoden aus, um die Schriftart zu ändern:

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

        Machen Sie dasselbe für den Chat-Text.

        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 Benutzerdefinierte Schriftart hinzufügen die Option Von URL aus, geben Sie die URL an, und übernehmen Sie die Änderungen.
      3. Laden Sie die Schriftarten, die Sie hinzufügen möchten, aus einer angehängten Datei hoch.
        Wählen Sie in der Dropdown-Liste Benutzerdefinierte Schriftart hinzufügen die Option Schriftart hochladen aus, geben Sie den Pfad zu der Datei an, die Sie anhängen möchten, und übernehmen Sie die Änderungen.

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

      1. Wählen Sie in der Dropdown-Liste Schriftgröße die Schriftgröße Normal, Groß oder Sehr groß aus.
      2. Wählen Sie in der Dropdown-Liste Header-Schriftgröße die Schriftgröße Normal, Groß oder Sehr groß aus.
        Hinweis:
        Diese Änderungen gelten nicht für benutzerdefinierte Steuerelemente, die Sie dem Chat-Widget hinzugefügt haben. Benutzerdefinierte Steuerungen müssen separat aktualisiert werden.
      3. Zeigen Sie eine Vorschau der Änderungen in Ihrem Chatfenster in Ihrem Portal oder auf Ihrer Website an.
    9. Um das Menü „Support kontaktieren“ zu aktualisieren, scrollen Sie nach unten zum Abschnitt „ Menüelemente “.
      Abschnitt „Chat-Branding-Menüelemente“ 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 benutzerdefinierte 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 aus.
        • Um ein neues Menüelement hinzuzufügen, wählen Sie Neu.
        • Um ein Menüelement zu löschen, wählen Sie das Datensatzsymbol aus. Wählen Sie im Datensatz das Symbol „Weitere Aktionen “ und dann Löschenaus.

        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 Anwendungsbereich „Global“ lauten:
        • E-Mail: Option, mit der die Standard-E-Mail geöffnet wird. Standardbezeichnung: E-Mail an Kundensupport senden
        • Chat: Option zum Chatten mit einem Servicemitarbeiter. Standardbezeichnung: Servicemitarbeiter für Chat-Typ kontaktieren
        • Telefon: Option, die angibt, wann Telefonsupport verfügbar ist. Standardbezeichnung: Support anrufen (Täglich von 5:00 bis 23:00 Uhr)
        Der Bezeichnungstext kann bis zu 75 Zeichen lang sein.
        Typ Typ des Menüelements. Wenn Sie beispielsweise ein Menüelement hinzufügen, das einen Link zu bestimmten Informationen wie einer Hilfeseite darstellt, wählen Sie den Linktyp aus.
        Die Menüelementtypen 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 Menütypwert. Zum Beispiel 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 Anrufsupportorganisation.
        • E-Mail: E-Mail-Adresse Ihrer Supportorganisation.
        Hinweis:
        Der Chat-Menü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 im Dateifinder Ihre Symboldatei aus, und klicken Sie auf 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 im Dateifinder 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 aus. Die Datei wird sofort gelöscht.
        Bestellung Nummer, die die Reihenfolge angibt, in der das Element im Menü „Support kontaktieren“ angezeigt wird. Die Nummer 1 gibt an, dass das Element die erste im Menü aufgeführte Option ist.
        Anwendung Global.
      2. Wenn Sie den Abschnitt „ Menüelement “ für einen Menütyp abgeschlossen haben, 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 Branding-Schlü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 Branding-Konfiguration.

      • Wenden Sie die Branding-Konfiguration auf einen eingebetteten Webclient an. Geben Sie den Systemparameter sysparm_branding_key mit dem Branding-Schlü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 Branding-Konfiguration.

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

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

        Beispiel für Service Portal Agent Chat-Konfigurationsdatensatz.
        Hinweis:
        Es gibt weitere Service Portal-Mitarbeiterchat-Funktionen, die Sie konfigurieren können, z. B. die Anpassung der Schaltfläche „Mitarbeiterchat“ in Ihrem Portal. Weitere Informationen zum Anpassen des Mitarbeiterchat-Widgets im Service Portal finden Sie unter Mitarbeiterchat im Service Portal konfigurieren.
    11. Wahlweise: Wenn Sie den Konversations-Autopiloten mit Ihrem gebrandeten Bot verwenden, geben Sie den gebrandeten Bot-Namen 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 gebrandeten Bot-Namen 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 Konversations-Autopilotsitzung im Header des Chatfensters hervorgehoben wird.
      4. Aktualisieren Sie die Systemeigenschaft com.glide.cs.autopilot.client_initiated_message, um den gebrandeten Bot-Namen anzugeben, der der anfordernden Person während der Konversation angezeigt wird.
        Abbildung : 2. Autopilot-Nachricht während der Konversation
        Im Chatfenster angezeigte Nachricht, die den Benutzer darüber informiert, dass der Service Desk-Mitarbeiter Virtual Agent aktiviert hat, um beim Abschließen der Aufgabe zu helfen.