---
sourceDocument: Interfaces conversacionais de Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/conversational-interfaces

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interfaces conversacionais de Yokohama

ft:clusterId :

    - convint

bundleId :

    - convint

workflow :

    - Platform


---

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

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

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 min. de leitura

Quando você cria um 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é TudoInterfaces conversacionaisVirtual AgentDesigner e abra um tópico ou [crie um novo](https://servicenow-prod.fluidtopics.net/ctH0cIs7dWjT4JPb4xtqGw "Uso Designer do Virtual Agentpara criar e modificar Virtual Agenttópicos (conversas). Crie seu tópico para atender a um objetivo ou objetivo específico, como atender à solicitação de um usuário ou ajudar um usuário a concluir uma tarefa.").
2. Na guia Fluxo, arraste uma opção estática ou um controle de entrada do usuário de opção dinâmica para a tela.
3. Na folha Propriedades, vá para Avançado (opcional) e, em seguida, expanda o. Cartão de cabeçalho seção.
4. Deslize o. Inserir chave de alternância para habilitá-lo.  
   Figura 1. Inserir um cabeçalho de cartão
5. Em Would you like help?, selecione um dos dois Sim ou Não, vou usar um script .
   * Se você selecionou Sim , selecione Adicionar cartão e preencha os seguintes campos de formulário.  
     {#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 simples. Este campo só está disponível para a opção de cartão de vídeo do YouTube. |
     | Descrição | Breve descrição da imagem ou vídeo. |
     | Link do URL da imagem | Link do URL da 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 só está disponível para as opções de cartão de imagem grande e pequeno. |
     | Texto alternativo da imagem | Texto alternativo legível na tela que descreve a imagem. É usado para programas de acessibilidade. Este campo só está disponível para as opções de cartão de imagem grande e pequeno. |
     | ID do vídeo do YouTube | A cadeia de caracteres alfanumérica no final do URL do YouTube. Por exemplo, na URL https://www.youtube.com/watch?v=AacDp2mUQ1I O ID do vídeo do YouTube é AacDp2mUQ1I . Este campo só está disponível para a opção de cartão 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, vou usar script , selecione Adicione script para inserir um script para exibir a mídia desejada, siga o exemplo na caixa de diálogo de script.  
     Figura 2. Exemplo de script do 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.