---
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
---
# Configure seu Virtual Agentidentidade visual do bot
# Configure seu Virtual Agentidentidade visual do bot {#ariaid-title1}
* Versão de lançamento: Yokohama
*
* Atualizado 30 de jan. de 2025
*
*  12 min. de leitura
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](https://servicenow-prod.fluidtopics.net/y0B0FF6Vzv8le_r07oEQlw "Virtual Agent fornece modelos otimizados para a experiência móvel. Configure um portal de serviços para ser executado Virtual Agentem a. 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](https://community.servicenow.com/community?id=community_article&sys_id=3b4f487edbe17490904fa9fb1396195b)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](https://servicenow-prod.fluidtopics.net/88E1PRXvtk5UP8LsjHhVXA "Você tem a flexibilidade de personalizar o padrão ServiceNowidentidade visual para seu Slack Virtual Agent. Você pode mudar o nome e o ícone do bot de produção.").
Função necessária: virtual_agent_admin ou admin
## Procedimento
1. Navegar até TudoInterfaces conversacionaisConfiguraçõ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.
{#ac-configure-chat-branding__table_epv_csw_gjb__entry__2}{#ac-configure-chat-branding__branding-names}
| 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 {#ac-configure-chat-branding__ul_gpp_2fh_hvb} |
| 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 . {#ac-configure-chat-branding__ul_rpb_ryz_wrb} * 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. {#ac-configure-chat-branding__ul_ygn_lsb_trb} |
| 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. {#ac-configure-chat-branding__ul_mbm_pnz_srb} |
| 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. |
[ ]
{#ac-configure-chat-branding__table_epv_csw_gjb}
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](https://servicenow-prod.fluidtopics.net/8429xVgBSL1x0uTldYPMmQ#ac-configure-chat-branding__ul_b3w_xsv_jvb)
* [Personalize os ícones](https://servicenow-prod.fluidtopics.net/8429xVgBSL1x0uTldYPMmQ#ac-configure-chat-branding__customize-icons)
* [Personalize as fontes usadas no bate-papo](https://servicenow-prod.fluidtopics.net/8429xVgBSL1x0uTldYPMmQ#ac-configure-chat-branding__customize-fonts)
{#ac-configure-chat-branding__ul_b3w_xsv_jvb}
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. {#ac-configure-chat-branding__table_ivy_hb1_xrb__entry__2}
| 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. |
[Tabela 1. Personalize a cor de cada item]
{#ac-configure-chat-branding__table_ivy_hb1_xrb} {#ac-configure-chat-branding__change-icon-color}
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.
{#ac-configure-chat-branding__ul_jgw_kmb_ttb}
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.
{#ac-configure-chat-branding__customize-icons}
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.](https://servicenow-prod.fluidtopics.net/8429xVgBSL1x0uTldYPMmQ#ac-configure-chat-branding__table_epv_csw_gjb)
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.
{#ac-configure-chat-branding__substeps_ahc_dlm_lvb}
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.
{#ac-configure-chat-branding__substeps_amj_2qw_21c} {#ac-configure-chat-branding__customize-fonts}
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 ![Ícone Mais ações.]()e, em seguida, selecione Excluir .
{#ac-configure-chat-branding__ul_s21_dx1_krb}
Para cada entrada de menu, preencha os campos.
{#ac-configure-chat-branding__table_t21_dx1_krb__entry__2}
| 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) {#ac-configure-chat-branding__ul_u21_dx1_krb}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 {#ac-configure-chat-branding__ul_v21_dx1_krb} |
| 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: support@example.com. * 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. {#ac-configure-chat-branding__ul_w21_dx1_krb} 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. {#ac-configure-chat-branding__ul_bt2_jk1_xrb} |
| 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. |
[ ]
{#ac-configure-chat-branding__table_t21_dx1_krb}
2. Quando você concluir o. Item de menu para um tipo de menu, selecione Salvar .
{#ac-configure-chat-branding__substeps_r21_dx1_krb}
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](https://servicenow-prod.fluidtopics.net/eiqCHlyg7N7e4oqADVEPfQ "Dê aos usuários um lugar para interagir com o bot e os agentes humanos. Escolha um Portal de serviçosconfiguração de bate-papo fornecida com seu sistema base, como Portal de serviços Bate-papo do agenteconfiguração usada para Bate-papo do agentee. Virtual Agent. Seus usuários finais podem iniciar e manter um bot ou Bate-papo do agenteconversa em qualquer página do 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](https://www.servicenow.com/docs/access?context=configure-va-in-sp&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US)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](https://www.servicenow.com/docs/access?context=configure-va-in-sp&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US).
* 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.
{#ac-configure-chat-branding__ul_jb1_2jr_bkb}
11. **Opcional:** Se você estiver usando [Piloto automático de conversa](https://servicenow-prod.fluidtopics.net/_icQovqJ7MUfR5yFlziGnQ#ci-conversation-autopilot "Os agentes podem usar o piloto automático de conversa para exibir Virtual Agenttópicos durante Bate-papo do agenteconversas. Enquanto o solicitante interage com o. Virtual Agent, os agentes podem executar várias tarefas e trabalhar em outros itens. O piloto automático de conversa não está disponível para Prestação de serviços de RH(HRSD).")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é TudoInterfaces conversacionaisConfiguraçõ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
{#ac-configure-chat-branding__substeps_h1x_zdz_gtb}