Insérer une carte d’en-tête dans un contrôle de choix statique ou de choix dynamique

Lorsque vous créez une rubrique, vous pouvez inclure des Agent virtuel images et des vidéos YouTube sur les contrôles de saisie utilisateur Choix statique et Choix dynamique.

Avant de commencer

Rôle requis : virtual_agent_admin ou admin

Procédure

1. Accédez à la Tout > Interfaces conversationnelles > Agent virtuel > Concepteur et ouvrez une rubrique ou créez-en une nouvelle.
2. Sous l’onglet Flux, faites glisser un contrôle de saisie utilisateur Choix statique ou Choix dynamique sur le canevas.
3. Dans la feuille Propriétés, accédez à Avancé (facultatif), puis développez la section Carte d’en-tête .
4. Faites glisser le commutateur Insérer pour l’activer.

   Figure 1. Insérer une carte d'en-tête

   

5. Sous Would you like help?, sélectionnez Oui ou Non, je vais utiliser un script.
   • Si vous avez sélectionné Oui, sélectionnez Ajouter une carte et renseignez les champs de formulaire suivants.

     Tableau 1. Boîte de dialogue Ajouter une carte

     Champ	Description
     Type de carte	Type de carte d’en-tête : Grande image avec du texte Petite image avec du texte Carte vidéo Youtube Les champs de la boîte de dialogue changent en fonction de votre choix.
     Titre	Titre de l’image ou de la vidéo. Vous pouvez le saisir directement dans le champ de texte ou utiliser une pastille de données ou un script pour fournir la valeur.
     Lien de titre	URL à utiliser pour le lien hypertexte du titre de la vidéo. Vous pouvez le saisir directement dans le champ de texte ou utiliser une pastille de données ou un script pour fournir la valeur. Si ce champ est vide, le titre s’affiche sous forme de texte brut. Ce champ n’est disponible que pour l’option de carte vidéo YouTube.
     Description	Brève description de l’image ou de la vidéo.
     Lien vers l’URL de l’image	Lien URL de l’image. Vous pouvez le saisir directement dans le champ de texte ou utiliser une pastille de données ou un script pour fournir la valeur. Vous pouvez également sélectionner Charger une image pour charger l’image. Ce champ n’est disponible que pour les options de carte d’image grande et petite.
     Texte alt de l'image	Texte alternatif lisible à l’écran qui décrit l’image. Il est utilisé pour les programmes d’accessibilité. Ce champ n’est disponible que pour les options de carte d’image grande et petite.
     ID de la vidéo Youtube	La chaîne alphanumérique à la fin de l’URL YouTube. Par exemple, dans l’URL https://www.youtube.com/watch?v=AacDp2mUQ1I l’ID de la vidéo YouTube est AacDp2mUQ1I. Ce champ n’est disponible que pour l’option de carte vidéo YouTube.

   • Si vous avez sélectionné Non, j’utiliserai un script, sélectionnez Ajouter un script pour entrer un script afin d’afficher le média souhaité, en suivant l’exemple de la boîte de dialogue Script.

     Figure 2. Exemple de script de carte d’en-tête

     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. Sélectionnez Enregistrer.