---
sourceDocument: Interfaces conversacionais do Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/xanadu/conversational-interfaces

 Release :

    - xanadu

ft:locale :

    - pt-BR

ft:publication_title :

    - Interfaces conversacionais do Xanadu

ft:clusterId :

    - convint

bundleId :

    - convint

workflow :

    - Platform


---

# Inserir um cartão de cabeçalho em um controle de escolha estática ou escolha dinâmica

# Inserir um cartão de cabeçalho em um controle de escolha estática ou escolha dinâmica {#ariaid-title1}

* Versão de lançamento: Xanadu
* 
* Atualizado 1 de ago. de 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 min. de leitura

Ao criar um tópico Virtual Agent, você pode incluir imagens e vídeos do YouTube nos controles de entrada do usuário Escolha estática e Escolha dinâmica.

## Antes de Iniciar

Função necessária: virtual_agent_admin ou admin

## Procedimento

1. Navegar até TodosInterfaces conversacionaisVirtual AgentDesigner e abra um tópico ou [crie um novo](https://servicenow-prod.fluidtopics.net/b4kw1ZDx6jw5jihYd8v8xg "Use Designer do Virtual Agent para criar e modificar Virtual Agent tópicos (conversas). Crie seu tópico para atender a um objetivo ou meta específica, como atender à solicitação de um usuário ou ajudar um usuário a concluir uma tarefa.").
2. Na guia Fluxo, arraste um controle de entrada de usuário de Escolha Estática ou Escolha Dinâmica para a tela.
3. Na folha Propriedades, vá para Avançado (opcional)e expanda a seção Cartão do cabeçalho.
4. Deslize o botão de alternância Inserir para habilitá-lo.  
   Figura 1. Inserir um cartão de cabeçalho
5. Em Would you like help?, selecione Sim ou Não, vou usar um script.
   * Se você selecionou Sim, selecione Adicionar cartão e preencha os campos de formulário a seguir.  
     {#insert-header-card-user-input-control__table_j11_ghf_3cc__entry__2}

     | Campo | Descrição |
     |-|-|
     | Tipo de cartão | Tipo de cartão de cabeçalho: * Imagem grande contendo texto * Imagem pequena contendo texto * Placa de vídeo do YouTube {#insert-header-card-user-input-control__ul_k11_ghf_3cc} Os campos na caixa de diálogo mudam de acordo com sua escolha. |
     | Título | Imagem ou título do vídeo. Você pode inseri-lo diretamente no campo de texto ou usar uma cápsula de dados ou script para fornecer o valor. |
     | Link do título | O URL a ser usado para o hiperlink do título do vídeo. Você pode inseri-lo diretamente no campo de texto ou usar uma cápsula de dados ou script para fornecer o valor. Se este campo estiver vazio, o título será exibido como texto sem formatação. Este campo está disponível somente para a opção de placa de vídeo do YouTube. |
     | Descrição | Breve descrição da imagem ou vídeo. |
     | Link de URL da Imagem | Link do URL para a imagem. Você pode inseri-lo diretamente no campo de texto ou usar uma cápsula de dados ou script para fornecer o valor. Você também pode selecionar Carregar imagem para carregar a imagem. Este campo está disponível somente para as opções de cartão de imagem grande e pequena. |
     | Texto alternativo da imagem | Texto alternativo legível na tela que descreve a imagem. É usado para programas de acessibilidade. Este campo está disponível somente para as opções de cartão de imagem grande e pequena. |
     | ID de vídeo do Youtube | A cadeia de caracteres alfanumérica no final do URL do YouTube. Por exemplo, no URL https://www.youtube.com/watch?v=AacDp2mUQ1I, o ID do vídeo do YouTube é AacDp2mUQ1I. Este campo está disponível somente para a opção de placa de vídeo do YouTube. |
     [Tabela 1. Adicionar caixa de diálogo de cartão]

     {#insert-header-card-user-input-control__table_j11_ghf_3cc}
   * Se você selecionou Não, usarei script, selecione Adicionar script para inserir um script para exibir a mídia desejada, seguindo o exemplo na caixa de diálogo de script.  
     Figura 2. Exemplo de script de cartão de cabeçalho

         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. Selecione Salvar.