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

 Release :

    - yokohama

ft:locale :

    - fr-FR

ft:publication_title :

    - Interfaces conversationnelles Yokohama

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: Yokohama
* 
* Mis à jour 30 janv. 2025
* 
* ![](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 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 à TousInterfaces conversationnellesAgent virtuelConcepteur pour ouvrir une rubrique ou [en créer une nouvelle](https://servicenow-prod.fluidtopics.net/h5ohQfVWFqAt5SukA71weQ "Permet Concepteur d'agent virtuel de créer et de modifier Agent virtuel des rubriques (conversations). Créez votre rubrique pour répondre à un objectif ou un but spécifique, comme répondre à la demande d’un utilisateur ou aider un utilisateur à accomplir une tâche.").
2. Sous 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 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, j'utiliserai un script.
   * Si vous avez sélectionné Oui, sélectionnez Ajouter une carte et renseignez 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 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. |
     [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, 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.

     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.