---
sourceDocument: Xanadu-Konversations-Schnittstellen
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/xanadu/conversational-interfaces

 Release :

    - xanadu

ft:locale :

    - de-DE

ft:publication_title :

    - Xanadu-Konversations-Schnittstellen

ft:clusterId :

    - convint

bundleId :

    - convint

workflow :

    - Platform


---

# Richten Sie das Katalog-Branding ein

# Richten Sie das Katalog-Branding ein {#ariaid-title1}

* Freigeben Version: Xanadu
* 
* Aktualisiert 1. August 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 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](https://www.servicenow.com/docs/access?context=t_ActivateAPlugin&version=xanadu&pubname=xanadu-platform-administration&ft:locale=en-US).

## 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 AlleThemesThemengenerator.
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](https://www.servicenow.com/docs/access?context=tb-create-theme&version=xanadu&pubname=xanadu-platform-user-interface&ft:locale=en-US).
3. Speichern Sie Ihr Design.
4. Fügen Sie der Portalkonfiguration Ihr Design hinzu.
   1. Navigieren zu AlleNow-Experience-FrameworkThemes.
   2. Wählen Sie den Datensatz für das Design aus, das Sie importieren möchten.
   3. Wählen Sie unter dem Symbol „Zusätzliche Aktionen" (![]()) sys_id kopieren aus.
   4. Navigieren zu AlleService PortalMitarbeiterchat.
   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.

   {#va-catalogs-branding__substeps_ugx_2rp_xbc}  
   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.

   {#va-catalogs-branding__substeps_vxh_prp_xbc}  
   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.
9. Navigieren zu AlleNow Experience-FrameworkThemesThemengenerator.
10. Wählen Sie im Dropdown-Menü Managerund dann Ihr erstelltes Design aus.
11. Wählen Sie auf der Registerkarte Komponentenstile die Option Bearbeitenaus.
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.

## Ergebnisse

Die Farbthemen des Katalogs entsprechen jetzt Ihrem Branding.