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

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 Alle > Konversations-Schnittstellen > Virtual Agent > Designer und öffnen Sie ein Thema, oder erstellen Sie ein neues.
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.

     Tabelle : 1. Dialogfeld „Karte hinzufügen“.

     Feld	Beschreibung
     Kartentyp	Typ der Headerkarte: Großes Bild mit Text Kleines Bild mit Text Youtube-Videokarte 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.

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

6. Wählen Sie Speichern.