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

Wenn Sie einen erstellen Virtual Agent Thema: Sie können Bilder und YouTube-Videos in die Anwendereingabesteuerungen „statische Auswahl“ und „dynamische Auswahl“ einfügen.

Vorbereitungen

Erforderliche Rolle: virtual_agent_admin oder admin

Prozedur

1. Navigieren zu Alle > Konversations-Schnittstellen > Virtual Agent > Designer Und öffnen Sie ein Thema oder Erstellen Sie eine neue .
2. Ziehen Sie auf der Registerkarte Flow eine statische Auswahl oder eine Anwendereingabesteuerung für dynamische Auswahl auf den Canvas.
3. Wechseln Sie auf dem Eigenschaftenblatt zu Erweitert (optional) , Und erweitern Sie dann Header-Karte Abschnitt.
4. Schieben Sie die Einfügen Umschalter zum Aktivieren.

   Abbildung : 1. Eine Headerkarte einfügen

   

5. Unter Would you like help?, Wählen Sie eine der beiden aus Ja Oder Nein, ich werde ein Skript verwenden .
   • Wenn Sie ausgewählt haben Ja , Wählen Sie aus Karte hinzufügen Und füllen Sie die folgenden Formularfelder aus.

     Tabelle : 1. Dialogfeld „Karte hinzufügen“

     Feld	Beschreibung
     Kartentyp	Typ der Header-Karte: Großes Bild mit Text Kleines Bild mit Text Youtube-Videokarte Die Felder im Dialogfeld ändern sich je nach Auswahl.
     Titel	Bild- oder Videotitel. Sie können ihn direkt in das Textfeld eingeben oder eine Datenpille oder ein Skript verwenden, um den Wert anzugeben.
     Titellink	Die URL, die für den Videotitel-Hyperlink verwendet werden soll. Sie können ihn 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 Bildes oder Videos.
     URL-Link zum Bild	URL-Link für das Bild. Sie können ihn direkt in das Textfeld eingeben oder eine Datenpille oder ein Skript verwenden, um den Wert anzugeben. Sie können auch auswählen Bild Hochladen Um das Bild hochzuladen. Dieses Feld ist nur für die Kartenoptionen „großes und kleines Bild“ verfügbar.
     Alternativer Text für Bild	Alternativer, bildschirmlesbarer Text, der das Bild beschreibt. Wird für Barrierefreiheitsprogramme verwendet. Dieses Feld ist nur für die Kartenoptionen „großes und kleines Bild“ verfügbar.
     YouTube-Video-ID	Die alphanumerische Zeichenfolge am Ende der YouTube-URL. Zum Beispiel in der URL https://www.youtube.com/watch?v=AacDp2mUQ1I Die YouTube-Video-ID ist AacDp2mUQ1I . Dieses Feld ist nur für die YouTube-Videokartenoption verfügbar.

   • Wenn Sie ausgewählt haben Nein, ich werde Skript verwenden , Wählen Sie aus Fügen Sie ein Skript hinzu Um ein Skript einzugeben, um die gewünschten Medien anzuzeigen, befolgen Sie das Beispiel im Dialogfeld „Skript“.

     Abbildung : 2. Beispiel für Header-Kartenskript

     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"
           };
         */
         }

6. Wählen Sie Speichern.