Configure seu Virtual Agentidentidade visual do bot

Crie diferente Virtual Agentconfigurações de identidade visual para as várias organizações que usam sua instância. Essas configurações se aplicam somente ao bate-papo baseado na web e aos clientes móveis.

Antes de Iniciar

Se você estiver usando ServiceNow® Mobile, certifique-se de configurar Virtual Agentpara bate-papo móvel. Para obter detalhes, consulte Configurar Virtual Agentpara um ServiceNowaplicação para celular.

Verifique se há atualizações e melhorias na aplicação Conjunto de recursos padrão Omni-Experience no ServiceNow Store.

Nota:

Identidade visual para bots no Integração conversacional com Microsoft Teamsestá disponível por meio de Microsoft Teamsrecurso de personalização do app. Para obter detalhes, consulte Identidade visual do MS Teams para a integração conversacional Na Comunidade do Now. Identidade visual para bots em Slacktambém está disponível. Para obter detalhes, consulte Configure a identidade visual do seu Virtual Agentbot em Slack.

Função necessária: virtual_agent_admin ou admin

Procedimento

1. Navegar até Tudo > Interfaces conversacionais > Configurações.
2. Em Opções de exibição , selecione Exibir tudo ao lado de Identidade visual .
3. Selecione Novo para criar uma configuração de identidade visual ou selecionar o registro de configuração de identidade visual a ser atualizado.
4. No formulário, preencha os campos.

   Rótulo	Descrição
   Nome da identidade visual	Nome da configuração de identidade visual. Crie uma nova configuração de identidade visual ou selecione uma das opções disponíveis. Para Yokohamaversão, as opções incluem: Escuro Polaris-Light
   Cabeçalho do bate-papo	Cadeia de caracteres de texto que identifica sua empresa ou organização na janela de bate-papo. Por exemplo: Suporte da Acme.
   Intervalo mínimo entre mensagens bot (ms)	Atraso mínimo, em milissegundos (ms), que ocorre entre as respostas do bot. O atraso padrão é de 500 ms.
   Atraso mínimo antes de exibir a animação da digitação (ms)	Atraso mínimo, em milissegundos (ms), que ocorre antes de mostrar as reticências de animação indicando que o bot está processando a entrada do usuário.
   Título do menu	Nome do menu de suporte. O título padrão é Entre em contato com o suporte.
   Chave da identidade visual	Sys_id somente leitura da configuração, que reflete o. Nome da identidade visual você inseriu. A chave está em letras minúsculas com espaços substituídos por caracteres sublinhados.
   Texto de seleção do botão	Cor da fonte do Novas mensagens acima ou Novas mensagens abaixo botões.
   Perfil do bot	Lista que abre o formulário Perfil dinâmico para selecionar ou criar um novo perfil de usuário de bot, que inclui a imagem do bot (avatar). Para revisar e editar o. Virtual Agentperfil de bot, selecione o ícone de informações. Para mudar o. Virtual Agentfoto ou descrição do bot, selecione Editar registro na mensagem na parte superior da página. No formulário Perfil dinâmico, modifique os campos e selecione Atualizar . Para escolher ou mudar o bot da configuração, selecione o ícone de pesquisa e selecione Perfil de bot campo. Escolha o perfil de bot que você criou em uma etapa anterior.
   Logotipo do cabeçalho do bate-papo	Imagem do logotipo exibida no cabeçalho do bate-papo. Se o bate-papo ao vivo for executado em uma janela do navegador, o logotipo também será exibido na guia do navegador. O logotipo do cabeçalho do bate-papo está definido como 42x42 pixels, e o logotipo da mensagem de bate-papo está definido como 24x24 pixels. Uma imagem carregada menor do que essas dimensões aparecerá esticada. Uma imagem maior será reduzida. Para adicionar um logotipo, selecione Anexar imagem e use o localizador de arquivos para escolher a imagem. Para mudar o logotipo, selecione Exibir imagem . No localizador de arquivos, selecione o novo arquivo de logotipo e selecione OK . O logotipo atualizado é exibido abaixo deste campo. Para remover o logotipo, selecione o ícone de lixeira. O arquivo é excluído imediatamente.
   Habilite a exibição da notificação "Novas mensagens abaixo" ou "Novas mensagens acima"	Selecione esta opção para exibir notificações de novas mensagens abaixo ou acima da exibição atual do bate-papo.

5. Selecione Salvar.
   A partir daqui, você pode ajustar a cor, os ícones, o tipo de fonte e o tamanho do cliente de bate-papo para corresponder à sua marca. Por exemplo, você pode:

   • Mude a cor dos itens
   • Personalize os ícones
   • Personalize as fontes usadas no bate-papo
6. Para mudar a cor dos itens na janela de bate-papo, selecione Cores .

   

   Selecione um item e especifique as cores hexadecimal ou vermelho azul verde alfa (RGBA) que você deseja usar para esse item. Quando você faz isso, a janela de bate-papo de exemplo mostra uma visualização de suas mudanças.

   Tabela 1. Personalize a cor de cada item

   Rótulo	Descrição
   Janela de bate-papo
   Plano de fundo do cabeçalho do bate-papo	Cor de fundo do cabeçalho do bate-papo.
   Plano de fundo do bate-papo	Cor de fundo da janela de bate-papo.
   Ícone do menu	Cor do ícone de menu, que fornece opções ao usuário para encerrar uma conversa ou entrar em contato com o suporte ao cliente.
   Fonte do cabeçalho do bate-papo	Cor da fonte do texto no cabeçalho do bate-papo.
   Plano de fundo da entrada	Cor de fundo da barra de entrada do usuário.
   Mensagens de bate-papo
   Segundo plano de bolha do usuário	Cor de fundo do balão de bate-papo do usuário.
   Plano de fundo da bolha do agente	Cor de fundo do balão de bate-papo do atendente.
   Plano de fundo da bolha de bot	Cor de fundo do balão de bate-papo do bot.
   Link	Cor dos links apresentados na conversa.
   Plano de fundo do botão	Cor de fundo dos botões usados na conversa.
   Planos de fundo da notificação	Cor de plano de fundo de Virtual Agentnotificações entregues no cliente de bate-papo da web.
   Fonte de bolha do usuário	Cor da fonte do texto no balão de bate-papo do usuário.
   Fonte da bolha de agente	Cor da fonte do texto no balão de bate-papo do atendente.
   Fonte da bolha de bot	Cor da fonte do texto no balão de bate-papo do bot.
   Link desativado	A cor dos links foi desativada na conversa.
   Texto da notificação	Cor da fonte de Virtual Agentnotificações entregues no cliente de bate-papo da web.
   Outros
   Mensagem do sistema	Cor das mensagens gerais do sistema exibidas na conversa.
   Segundo plano da categoria	Cor de fundo do título acima de uma lista de tópicos.
   Separador	Cor da linha tracejada que separa cada conversa na janela de visualização.
   Carimbo de data/hora	Cor do carimbo de data/hora exibido quando ocorre uma atividade significativa durante uma conversa, como um registro que está sendo criado.
   Fonte da categoria	Cor da fonte do texto no título da categoria.
   Carregando animação	Cor dos pontos animados que indicam que o sistema está processando informações.

7. Para personalizar os ícones de bate-papo na janela de bate-papo, selecione Ícones .
   
   Você pode personalizar os ícones em quatro telas de bate-papo diferentes: A tela de bate-papo principal, a tela Todos os tópicos, o menu de suporte e a tela Encerrar conversa. Use esta guia para fazer o seguinte:

   • Adicionar um ícone personalizado: Selecione Adicionar para o ícone e selecione Anexar imagem . Depois de escolher o arquivo de imagem, selecione Aplicar .
   • Substituir um ícone personalizado: Selecione Substituir para o ícone. Selecione o ícone da lixeira para excluir a imagem atual e carregue uma nova.
   • Reverter para o ícone padrão do sistema: Selecione Remover para o ícone.
     Nota:

     Você não pode remover ícones padrão do sistema.

   Quando você especifica os ícones durante a configuração, a janela de bate-papo de exemplo mostra uma visualização de suas mudanças.

   Nota:

   Ao contrário de outras configurações na página de identidade visual, as mudanças de ícone entram em vigor no widget de bate-papo assim que você seleciona Aplicar . As outras mudanças não entrarão em vigor até que você selecione Salvar na parte superior da página.

   Os formatos de arquivo válidos são .jpg, .png, .bmp, .gif, .jpeg, .ico e .svg.

8. Opcional: Personalize o tipo e o tamanho da fonte.

   As configurações de identidade visual disponíveis (por exemplo, Polaris-Light ou Polaris-Dark) estão localizadas aqui.

   Nota:

   Esse recurso só fica disponível após a instalação e atualização do Conjunto de Recursos Padrão do Omni-Experience para a versão mais recente através do ServiceNow® Store.

   Para personalizar as fontes mostradas no bate-papo, selecione Fontes .

   Para mudar o tipo de fonte, escolha um dos seguintes métodos:

   1. Selecione as fontes que você deseja usar.
      Em texto do cabeçalho do bate-papo selecione a fonte que você deseja usar para o cabeçalho.

      Faça o mesmo para o. texto do corpo do bate-papo.

      Você verá um exemplo da nova fonte.
   2. Baixe as fontes de um URL.
      Em Adicione fonte personalizada lista suspensa, selecione Do URL , Especifique o URL e aplique as mudanças.
   3. Carregue as fontes que você deseja adicionar de um arquivo anexado.
      Em Adicione fonte personalizada lista suspensa, selecione Carregar fonte , especifique o caminho para o arquivo que você deseja anexar e aplique as mudanças.

   Para alterar o tamanho da fonte do cabeçalho e do corpo do bate-papo, faça o seguinte:

   1. Em Tamanho do corpo da fonte Menu suspenso, escolha o tamanho de fonte Regular, Grande ou Extra Grande.
   2. Em Tamanho do cabeçalho da fonte Menu suspenso, escolha o tamanho de fonte Regular, Grande ou Extra Grande.
      Nota:

      Essas mudanças não se aplicam aos controles personalizados que você adicionou ao widget de bate-papo. Os controles personalizados devem ser atualizados separadamente.
   3. Visualize as mudanças em sua janela de bate-papo em seu portal ou site.
9. Para atualizar o menu Entre em contato com o suporte, role para baixo até Itens de menu seção.
   

   Você pode mudar os ícones, rótulos, visibilidade e ordem de exibição dos itens de menu E-mail, Bate-papo e Telefone. Você também pode adicionar opções personalizadas ao menu.

   1. Em Itens de menu , execute um dos seguintes procedimentos:
      • Para editar um item de menu, selecione o ícone de registro.
      • Para adicionar um novo item de menu, selecione Novo .
      • Para excluir um item de menu, selecione o ícone de registro. No registro, selecione o ícone Mais ações e, em seguida, selecione Excluir .

      Para cada entrada de menu, preencha os campos.

      Campo	Descrição
      Rótulo	Cadeia de caracteres de texto que descreve o tipo de menu. Os rótulos para os tipos de menu padrão no escopo da aplicação global são: E-mail - Opção que abre o e-mail padrão. Rótulo padrão: Enviar e-mail para o Suporte ao cliente Bate-papo - Opção para conversar com um atendente. Rótulo padrão: Entre em contato com o atendente Para Tipo de bate-papo Telefone - Opção que indica quando o suporte por telefone está disponível. Rótulo padrão: Suporte: (Diariamente das 5h às 23H) O texto do rótulo pode ter até 75 caracteres.
      Tipo	Tipo de item de menu. Por exemplo, se você estiver adicionando um item de menu que é um link para informações específicas, como uma página de ajuda, selecione Link Tipo. Os tipos de item de menu são: E-mail: Opção para entrar em contato com o suporte por e-mail. Link: Opção para um link para uma página da web Bate-papo: Opção para entrar em contato com um atendente por meio do bate-papo. Texto: Opção para definir uma cadeia de caracteres de texto Telefone: Opção para entrar em contato com o suporte por telefone
      Valor	O valor do tipo de menu. Por exemplo, o. Valor Para E-mail é o endereço de e-mail do grupo de suporte. Os valores para os tipos de menu padrão são: E-mail: Endereço de e-mail do grupo de suporte. Por exemplo: [e-mail]. Telefone: Número de telefone da organização de suporte de chamada. E-mail: Endereço de e-mail da sua organização de suporte. Nota: O tipo de menu de bate-papo não tem um valor.
      Visível	Opção que torna o item visível no menu Entre em contato com o suporte. Desmarque esta opção para ocultar o item de menu.
      Exibir ícone padrão	A opção que indica que o ícone padrão do item está visível no menu. Desmarque esta opção para adicionar, alterar ou excluir um ícone de menu. Para adicionar um ícone a um novo item de menu, selecione Exibir imagem . No localizador de arquivos, escolha o arquivo de ícone e selecione OK . O ícone Carregado é exibido abaixo de Ícone campo. Para mudar um ícone, no Ícone seleção de campo Atualizar . No localizador de arquivos, selecione o novo arquivo de logotipo e selecione OK . O ícone atualizado é exibido abaixo deste campo. Para remover o ícone, selecione lixeira ícone. O arquivo é excluído imediatamente.
      Ordem	Número que identifica a sequência em que o item aparece no menu Entre em contato com o suporte. O número 1 indica que o item é a primeira opção listada no menu.
      Aplicação	Global.

   2. Quando você concluir o. Item de menu para um tipo de menu, selecione Salvar .
10. Siga um destes procedimentos para aplicar a configuração de identidade visual:

    • Aplique a configuração de identidade visual a um Portal de serviços Bate-papo do agenteConfiguração. No script do servidor que passa dados de página e widget para um Bate-papo do agente( Virtual Agentou Atendente), especifique a chave de identidade visual a ser usada. Os itens passados neste script estão disponíveis para todas as páginas no portal. Para obter detalhes sobre como configurar Portal de serviços Bate-papo do agente, consulte Adicione seu bot a um portal .

      Por exemplo, o seguinte Portal de serviços Bate-papo do agenteA configuração do Portal de conhecimento usa a chave de identidade visual do bate-papo, custom_1 .

      

      Nota:

      Há outros recursos de bate-papo do agente do portal de serviços que você pode configurar, como Personalizando o botão Bate-papo do agente em seu portal. Para obter mais informações sobre como personalizar o widget Bate-papo do agente no Portal de serviços, consulte Configure o Bate-papo do agente no Portal de serviços .

    • Aplique a configuração de identidade visual a uma página de destino. Insira o parâmetro do sistema sysparm_branding_key Com a chave de identidade visual no URL do widget de bate-papo. Por exemplo:

      https:// nome-da-sua-instância service-now.com/$sn-va-web-client-app.do?sysparm_branding_key=acme

      Neste exemplo, acme é a chave da configuração de identidade visual a ser usada.

    • Aplique a configuração de identidade visual a um widget de bate-papo incorporado. Insira o parâmetro do sistema sysparm_branding_key Com a chave de identidade visual no URL do widget de bate-papo incorporado. Por exemplo:

      https:// nome-da-sua-instância service-now.com/$sn-va-web-client-app_embed.do?sysparm_branding_key=acme

      Neste exemplo, acme é a chave da configuração de identidade visual a ser usada.

11. Opcional: Se você estiver usando Piloto automático de conversa Com seu bot de marca, especifique o nome do bot de marca exibido na janela de bate-papo durante as sessões do piloto automático alterando as propriedades do sistema da seguinte forma.
    1. Navegar até Tudo > Interfaces conversacionais > Configurações.
    2. Em Ações do sistema , selecione Exibir tudo ao lado de Mensagens do sistema .
    3. Mude o. Valor campo do com.glide.cs.autopilot.client_initiated_headerpropriedade do sistema para especificar o nome do bot de marca em vez de Virtual Agentnome do bot exibido no cabeçalho da janela de bate-papo.

       Figura 1. Cabeçalho do piloto automático na janela de bate-papo

       

    4. Atualize o. com.glide.cs.autopilot.client_initiated_messagepropriedade do sistema para especificar o nome do bot de marca exibido ao solicitante durante a conversa.

       Figura 2. Mensagem do piloto automático durante a conversa