Como personalizar Virtual Agent com controles personalizados

Controles personalizados são componentes que ServiceNow® os desenvolvedores podem criar para uso em tópicos do Virtual Agent ou blocos de tópicos. Esses controles incluem controles deslizantes ou reprodutores de vídeo. Controles personalizados complementam os controles fornecidos em Designer do Virtual Agent.

Designer do Virtual Agent fornece um conjunto padrão de controles que representam entradas do usuário, respostas de bot e utilitários para criar uma conversa do Virtual Agent. Como desenvolvedor, você pode usar o Designer do Virtual Agent para criar controles adicionais (componentes de interface) para entradas ou respostas de saída específicas. Por exemplo, um controle deslizante é um exemplo de um controle de entrada personalizado que permite que os usuários finais selecionem uma quantidade.

Nota:

Os controles personalizados não funcionam no Internet Explorer versão 11. Controles personalizados também não são compatíveis com Microsoft Teams.

Antes de criar um controle personalizado

Os controles personalizados são baseados em Componetes do Next Experience personalizável que você pode criar usando o Next Experience Design System.

Antes de criar um componente personalizado, você deve ter o seguinte:

• Conhecimento básico da plataforma Now Platform® e estruturas da tabela de aplicações.
• Conhecimento geral de conceitos, desenvolvimento e design de componentes da Web.
• Conhecimento de JavaScript para definir o comportamento do componente e do controle personalizado.
• Conhecimento do processo de design para criar componentes personalizados para uso em Designer do Virtual Agent.

Para saber mais sobre como desenvolver componentes personalizados para Virtual Agent, consulte Desenvolver um componente para o Virtual Agent.

Como os controles personalizados funcionam

Para adicionar seu controle personalizado ao Virtual Agent, siga estas etapas principais:

1. Criar definição de controle personalizada.

   Depois de criar o componente personalizado a ser usado para o controle, crie uma definição de controle personalizada que mapeie um controle de entrada ou de resposta para o componente personalizado.

2. Criar um controle personalizado usando Designer do Virtual Agent.
   Um controle personalizado é um controle de entrada ou resposta. Os desenvolvedores criam um controle personalizado em Designer do Virtual Agent fazendo o seguinte:

   • Selecionar uma definição de controle personalizada.
   • Definir os parâmetros de entrada para usar o controle.
   • Especificar os parâmetros de saída retornados pelo controle.

   Um controle de entrada tem retornos de chamada que usam entrada do usuário final. Um controle de resposta normalmente apresenta informações para o usuário final e não tem retornos de chamada.

3. Adicione um controle personalizado a um tópico ou bloco de tópicos.

   Autores de tópico, administradores de agente virtual ou administradores podem adicionar um utilitário de controle personalizado a um tópico ou bloco de tópicos.

Entradas seguras

Começando com a versão San Diego, você pode criar controles de entrada personalizados que podem aceitar entradas seguras, como senhas, para passar para Integration Hub ações ou subfluxos. Para habilitar isso, deslize o comutador Tornar entradas seguras ao criar seu controle de entrada personalizado. Para obter mais informações, consulte Criar um controle personalizado Virtual Agent.