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 dans 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. Dans l’onglet Flux, faites glisser un contrôle d’entrée 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 l’interrupteur à bascule 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 remplissez 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 la saisir directement dans le champ de texte ou utiliser une pastille de données ou un script pour fournir la valeur.
     Lien de titre	L’URL à utiliser pour le lien hypertexte du titre de la vidéo. Vous pouvez la 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 d’image	Lien URL de l’image. Vous pouvez la 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 l’image pour charger l’image. Ce champ n’est disponible que pour les options grande et petite carte d’image.
     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 grande et petite carte d’image.
     ID de la vidéo Youtube	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 Script, puis 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 de 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.