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

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

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

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

6. Selecione Salvar.