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

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é Tudo > Interfaces conversacionais > Virtual Agent > Designer e abra um tópico ou crie um novo.
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.

     Tabela 1. Adicionar caixa de diálogo de cartão

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

   • 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"
           };
         */
         }

6. Selecione Save (Salvar).