---
sourceDocument: Interfaces conversationnelles Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/xanadu/conversational-interfaces

 Release :

    - xanadu

ft:locale :

    - fr-FR

ft:publication_title :

    - Interfaces conversationnelles Xanadu

ft:clusterId :

    - convint

bundleId :

    - convint

workflow :

    - Platform


---

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

# Insérer une carte d'en-tête dans un contrôle de choix statique ou de choix dynamique {#ariaid-title1}

* Rversion finale: Xanadu
* 
* Mis à jour 1 août 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes de lecture

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 ToutInterfaces conversationnellesAgent virtuelConcepteur et ouvrez une rubrique ou [créez-en une nouvelle](https://servicenow-prod.fluidtopics.net/KsDANDMFOdIBKKeqFupM9Q "Permet Concepteur d'agent virtuel de créer et de modifier Agent virtuel des rubriques (conversations). Développez votre rubrique pour atteindre un objectif ou un but spécifique, comme répondre à la demande d’un utilisateur ou aider un utilisateur à accomplir une tâche.").
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.  
     {#insert-header-card-user-input-control__table_j11_ghf_3cc__entry__2}

     | 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 {#insert-header-card-user-input-control__ul_k11_ghf_3cc} 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. |
     [Tableau 1. Boîte de dialogue Ajouter une carte]

     {#insert-header-card-user-input-control__table_j11_ghf_3cc}
   * 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"
               };
             */
             }

   {#insert-header-card-user-input-control__choices_zsw_zff_3cc}
6. Sélectionnez Enregistrer.