---
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


---

# Fügen Sie eine Headerkarte in ein Steuerelement für statische Auswahl oder dynamische Auswahl ein

# Fügen Sie eine Headerkarte in ein Steuerelement für statische Auswahl oder dynamische Auswahl ein {#ariaid-title1}

* Freigeben Version: Xanadu
* 
* Aktualisiert 1. August 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 Minuten Lesedauer

Wenn Sie ein Virtual Agent -Thema erstellen, können Sie Bilder und YouTube-Videos in die Benutzereingabesteuerungen für statische Auswahl und dynamische Auswahl einschließen.

## Vorbereitungen

Erforderliche Rolle: virtual_agent_admin oder admin

## Prozedur

1. Navigieren zu AlleKonversations-SchnittstellenVirtual AgentDesigner und öffnen Sie ein Thema, oder [erstellen Sie ein neues](https://servicenow-prod.fluidtopics.net/7Z3urTTfVErdOm0a1LzRoA "Verwenden Sie Virtual Agent-Designer, um Virtual Agent-Themen (Konversationen) zu erstellen und zu ändern. Erstellen Sie Ihr Thema, um ein bestimmtes Ziel zu erreichen, z. B. die Erfüllung der Anforderungen eines Benutzers oder die Unterstützung eines Benutzers beim Abschluss einer Aufgabe.").
2. Ziehen Sie auf der Registerkarte Flow ein Steuerelement für die Benutzereingabe vom Typ „Statische Auswahl" oder „Dynamische Auswahl" auf die Canvas.
3. Wechseln Sie auf dem Blatt Eigenschaften zu Erweitert (optional), und erweitern Sie dann den Abschnitt Headerkarte.
4. Verschieben Sie den Umschalter „ Einfügen ", um ihn zu aktivieren.  
   Abbildung : 1. Eine Headerkarte einfügen
5. Wählen Sie unter Would you like help?entweder Ja oder Nein, ich werde ein Skript verwenden aus.
   * Wenn Sie Jaausgewählt haben, wählen Sie Karte hinzufügen, und füllen Sie die folgenden Formularfelder aus.  
     {#insert-header-card-user-input-control__table_j11_ghf_3cc__entry__2}

     | Feld | Beschreibung |
     |-|-|
     | Kartentyp | Typ der Headerkarte: * Großes Bild mit Text * Kleines Bild mit Text * Youtube-Videokarte {#insert-header-card-user-input-control__ul_k11_ghf_3cc} Die Felder im Dialogfeld ändern sich entsprechend Ihrer Auswahl. |
     | Titel | Bild- oder Videotitel. Sie können den Wert direkt in das Textfeld eingeben oder eine Datenpille oder ein Skript verwenden, um den Wert anzugeben. |
     | Titellink | Die für den Videotitel-Hyperlink zu verwendende URL. Sie können den Wert direkt in das Textfeld eingeben oder eine Datenpille oder ein Skript verwenden, um den Wert anzugeben. Wenn dieses Feld leer ist, wird der Titel als Nur-Text angezeigt. Dieses Feld ist nur für die YouTube-Videokartenoption verfügbar. |
     | Beschreibung | Kurze Beschreibung des Bilds oder Videos. |
     | URL-Link zum Bild | URL-Link für das Bild. Sie können den Wert direkt in das Textfeld eingeben oder eine Datenpille oder ein Skript verwenden, um den Wert anzugeben. Sie können auch Bild hochladen wählen, um das Bild hochzuladen. Dieses Feld ist nur für die Optionen für große und kleine Bildkarten verfügbar. |
     | Alternativer Text für Bild | Alternativer, vom Bildschirm lesbarer Text, der das Bild beschreibt. Es wird für Barrierefreiheitsprogramme verwendet. Dieses Feld ist nur für die Optionen für große und kleine Bildkarten verfügbar. |
     | YouTube-Video-ID | Die alphanumerische Zeichenfolge am Ende der YouTube-URL. In der URL https ://www. Youtube.com/watch?v=AacDp2mUQ1I lautet die YouTube-Video-ID beispielsweise AacDp2mUQ1I. Dieses Feld ist nur für die YouTube-Videokartenoption verfügbar. |
     [Tabelle : 1. Dialogfeld „Karte hinzufügen".]

     {#insert-header-card-user-input-control__table_j11_ghf_3cc}
   * Wenn Sie Nein, ich verwende Skriptausgewählt haben, wählen Sie Skript hinzufügen, um ein Skript zum Anzeigen der gewünschten Medien einzugeben. Folgen Sie dem Beispiel im Skript-Dialogfeld.  
     Abbildung : 2. Skriptbeispiel für Headerkarte

         function() {
             /*
                 var cardName = "Large image with text";
                 var cardData = {
                     title: 'Choose color',
                     description: 'choose the right color of the flowers in the image',
                     image: 'https://homepages.cae.wisc.edu/~ece533/images/tulips.png',
                     imageAlt: 'Choose color'
                 }
                 var template = "";
                 if (vaSystem.isAMBClient(vaContext.deviceType))
                     template = vaSystem.fillTemplateFromData(cardName, JSON.stringify(cardData));
               return {
                   cardTemplate: template,
                   cardName: cardName,
                   cardData: JSON.stringify(cardData),
                   renderStyle: "card"
               };
             */
             }

   {#insert-header-card-user-input-control__choices_zsw_zff_3cc}
6. Wählen Sie Speichern.