Richten Sie das Katalog-Branding ein

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 2 Minuten Lesedauer

    • Passen Sie die Darstellung von Katalogen in Virtual Agent an das Branding Ihres Unternehmens an.

    Vorbereitungen

    Erforderliche Rolle: admin oder virtual_agent_admin

    Laden Sie Themengenerator aus dem ServiceNow Store herunter, 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, aber Kataloge erben 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 > Themengenerator.
    2. Erstellen Sie ein neues Design, indem Sie Primär- und Sekundärfarben angeben.
      Hinweis:
      Sie können Ihre Farben an die Farben des Chat-Headerhintergrunds und des Chat-Hintergrunds im Branding-Datensatz Ihrer Wahl anpassen. 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 > Designs.
      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“.und wählen Sie sys_id kopierenaus.
      4. Navigieren zu Alle > Serviceportal > Mitarbeiterchat.
      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.
      Wenn Ihre sys_id beispielsweise 0be48eb1eba0011090fa99602a522843lautet, fügen Sie Folgendes hinzu:
      macroponent_theme: '0be48eb1eba0011090fa99602a522843'
    5. Fügen Sie der Portalkonfiguration bei Bedarf ein Variantendesign hinzu.
      1. Wiederholen Sie die Schritte 4a und 4b.
      2. Öffnen Sie auf der Registerkarte Komposition: App-Design das gewünschte Style, dessen TypeVarianteist.
      3. Wiederholen Sie die Schritte 4c und 4d.
      4. Wählen Sie die Portalkonfiguration aus, 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 Variantenthemas beispielsweise 1df59fc2fcb1122101gb00713b633954lautet, fügen Sie Folgendes hinzu:
      macroponent_theme_variant: '1df59fc2fcb1122101gb00713b633954'
    6. Wählen Sie Aktualisieren aus, um die Konfiguration zu speichern.
    7. Navigieren Sie zu dem Portal, in dem die Konfiguration verwendet wird.
      Wenn Sie beispielsweise die Konfiguration des Portals ESC Chat aktualisiert haben, navigieren Sie zu Mitarbeiter-Servicecenter.
    8. Führen Sie das Katalogthema im Portalchat aus, um die entsprechende Konfiguration zu laden und alle Elemente anzuzeigen, für die ein Branding erforderlich ist.

      Virtual Agent Chatfenster mit hervorgehobenen Links und Schaltflächen, die aktualisiert werden müssen.

    9. Navigieren zu Alle > Now Experience-Framework > Designs > Themengenerator.
    10. Wählen Sie im Dropdown-Menü Managerund dann Ihr erstelltes Design aus.
    11. Wählen Sie auf der Registerkarte Komponentenstiledie Option Bearbeitenaus.

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

    12. Wählen Sie eines der in Schritt 8 gefundenen Elemente aus, für die ein Branding erforderlich ist.
    13. Legen Sie in der Paletten-Sidebar die Hex-Code-Farbe des Elements so fest, dass sie der Farbe Ihres Branding-Datensatzes entspricht.
    14. Wiederholen Sie die Schritte 12 und 13, bis Sie alle Elemente aktualisiert haben.

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

    Ergebnisse

    Die Farbthemen des Katalogs entsprechen jetzt Ihrem Branding.