Richten Sie das Katalog-Branding ein

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 2 Minuten Lesedauer
  • Passen Sie die Darstellung von Katalogen in an Virtual Agent Passend zum Branding Ihres Unternehmens.

    Vorbereitungen

    Erforderliche Rolle: admin oder virtual_agent_admin

    Herunterladen Themengenerator Aus dem ServiceNow Store und aktivieren Sie das Plugin (sn_Theme_Builder). Weitere Informationen finden Sie unter Activate a plugin.

    Warum und wann dieser Vorgang ausgeführt wird

    Virtual Agent Verwendet die Tabelle „Branding-Setup“ [sys_cs_Branding_Setup], um Branding-Farben zu definieren, Kataloge erben jedoch keine Branding-Farben. Stattdessen verwenden Kataloge CSS-Variablen (Cascading Style Sheets), die im Datensatz „UX-Designs“ [sys_ux_Theme] in der Instanz definiert sind.

    Prozedur

    1. Navigieren zu Alle > Designs > Themengeneratoran.
    2. Erstellen Sie ein neues Design, indem Sie primäre und sekundäre Farben angeben.
      Hinweis:
      Sie können Ihre Farben mit den Farben des Chatheader-Hintergrunds und des Chathintergrunds im Branding-Datensatz Ihrer Wahl abstimmen. Weitere Informationen zum Erstellen von Designs finden Sie unter Create a theme with Theme Builder.
    3. Speichern Sie Ihr Design.
    4. Fügen Sie der Portalkonfiguration Ihr Design hinzu.
      1. Navigieren zu Alle > Now-Experience-Framework > Designsan.
      2. Wählen Sie den Datensatz für das Design aus, das Sie importieren möchten.
      3. Unter dem Symbol „zusätzliche Aktionen“ Symbol „zusätzliche Aktionen“., Wählen Sie aus Kopieren Sie die sys_ID .
      4. Navigieren zu Alle > Serviceportal > Mitarbeiterchatan.
      5. Wählen Sie die Portalkonfiguration aus, in der Sie Ihr Branding-Design hinzufügen möchten, und fügen Sie dem Serverskript die folgende Zeile hinzu, einschließlich der sys_ID aus Schritt 4c
      Beispiel: Wenn Ihre sys_ID lautet 0be48eb1eba0011090fa99602a522843 , Fügen Sie hinzu:
      macroponent_theme: '0be48eb1eba0011090fa99602a522843'
    5. Fügen Sie der Portalkonfiguration bei Bedarf ein Variantendesign hinzu.
      1. Wiederholen Sie die Schritte 4a und 4b.
      2. Unter Zusammensetzung: App-Design Registerkarte öffnen Sie Ihre gewünschte StyleDeren TypeIst Variante .
      3. Wiederholen Sie die Schritte 4c und 4d.
      4. Wählen Sie die Portalkonfiguration aus, in der Sie Ihr Branding-Design hinzugefügt haben, und fügen Sie dem Serverskript die folgende Zeile hinzu, einschließlich der sys_ID aus Schritt 5c
      Beispiel: Wenn die sys_ID Ihres Variantendesigns lautet 1df59fc2fcb1122101gb00713b633954 , Fügen Sie hinzu:
      macroponent_theme_variant: '1df59fc2fcb1122101gb00713b633954'
    6. Wählen Sie Aus Aktualisieren Zum Speichern der Konfiguration.
    7. Navigieren Sie zu dem Portal, in dem die Konfiguration verwendet wird.
      Beispiel: Wenn Sie aktualisiert haben ESC ChatPortalkonfiguration, navigieren Sie zu Mitarbeiter-Service-Center.
    8. Führen Sie das Katalogthema im Portalchat aus, um seine Konfiguration zu laden und alle Elemente anzuzeigen, die Branding erfordern.

      Virtual Agent Chat-Fenster mit hervorgehobenen Links und Schaltflächen, die aktualisiert werden sollen.

    9. Navigieren zu Alle > Now Experience-Framework > Designs > Themengeneratoran.
    10. Wählen Sie im Dropdown-Menü die Option aus Manager , Und wählen Sie dann das erstellte Design aus.
    11. Unter Komponentenstile Wählen Sie die Registerkarte aus Bearbeiten .

      Aktualisieren Sie die Farb-Hex-Codes in Themengenerator Um Ihren Branding-Farben anzupassen.

    12. Wählen Sie eines der Elemente aus, für die Branding erforderlich ist, das in Schritt 8 gefunden wurde.
    13. Legen Sie in der Paletten-Seitenleiste die Hex-Code-Farbe des Elements so fest, dass sie der Farbe aus Ihrem Branding-Datensatz entspricht.
    14. Wiederholen Sie die Schritte 12 und 13, bis Sie alle Elemente aktualisieren.

      Virtual Agent Chatfenster mit hervorgehobenen Links und Schaltflächen, die nach dem Ändern der Hex-Farbcodes in aktualisiert wurden Themengenerator.

    Ergebnisse

    Katalogfarbdesigns entsprechen jetzt Ihrem Branding.