Como criar uma identidade visual para o cliente do seu bate-papo

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 3 min. de leitura

    • Personalize a interface do bate-papo com sua própria marca, incluindo o logotipo da empresa e o avatar do bot, os esquemas de cores da IU, as fontes e o menu de suporte do bate-papo exibido para os usuários.

    Nota:
    Para novos clientes que estão integrando do Vancouver em diante, o widget de bate-papo só pode ser acessado por usuários autenticados por padrão. Para permitir que usuários não autenticados acessem o widget de bate-papo, habilite o acesso público em Interfaces conversacionais > Configurações > Geral. Para obter mais informações, consulte Habilitar acesso público ao widget de bate-papo.

    Várias configurações de identidade visual

    Você pode criar inúmeras configurações de identidade visual para uma instância. Essas configurações de identidade visual se aplicam ao bate-papo da web e aos clientes móveis e não se aplicam às Integrações conversacionais para Slack, Microsoft Teams, Workplace by Facebooke Facebook Messenger.
    Nota:
    A identidade visual para bots está disponível no Integração conversacional com Microsoft Teams por meio do recurso de personalização do aplicativo do Microsoft Teams. Para obter mais detalhes, consulte MS Teams branding for the conversational integration na Now Community. Para obter informações sobre bots de identidade visual em Slack, consulte Configure a identidade visual do seu bot do Virtual Agent no Slack..

    A configuração de identidade visual padrão inclui o bot do Virtual Agent, que tem um avatar de ServiceNow. Se você quiser outros bots com identidade visual, crie um perfil de usuário para cada bot na tabela User [sys_user]. Forneça ao seu bot um ID de usuário exclusivo (por exemplo, Acme), carregue a foto (imagem) para o avatar do bot e ative o bot. Para obter detalhes sobre como adicionar usuários à sua instância, consulte Criação de usuário.

    Depois de criado, selecione o bot a ser usado em uma configuração. Um bot com identidade visual pode ser usado em uma única configuração ou em várias configurações de identidade visual.

    Itens de identidade visual compatíveis

    Interfaces conversacionais fornece uma configuração de identidade visual padrão personalizável. Para mudar a configuração padrão, crie outras configurações de identidade visual ou modifique o menu de bate-papo (suporte), reúna e prepare os seguintes arquivos e informações:
    Imagens da organização
    Imagens de logotipos da empresa a serem usadas em suas janelas de bate-papo. Se você estiver usando o Virtual Agent, reúna as imagens de avatares que serão usados para a identidade visual dos bots.

    As imagens devem estar nos formatos de arquivo .jpg, .png, .bmp, .gif, .jpeg, .ico ou .svg. As imagens podem ser de alta resolução, mas a exibição da imagem é dimensionada com base na taxa de proporção. Lembre-se de que, se o bate-papo for executado em sua própria janela do navegador, uma miniatura com o logotipo da identidade visual será exibida automaticamente na guia do navegador.

    Cores e fontes
    Cores e fontes usadas para os vários itens da interface do usuário, como bolhas de bate-papo, botões e notificações.

    Se você quiser mudar a cor dos itens da interface, determine o número hexadecimal ou a cor RGBA desses itens. Ao especificar as cores hexadecimais ou RBGA durante a configuração, você pode visualizar as mudanças na janela de bate-papo de exemplo. Para saber mais sobre números hexadecimais e especificações de cores RGB, consulte HTML Color Names (W3CSchools).

    Figura 1. Itens de IU na janela de bate-papo
    Elementos da interface do Virtual Agent, incluindo categoria, links, plano de fundo de botões, botões de menu e plano de fundo da entrada.
    Itens do menu de bate-papo
    Informações de contato do suporte da sua organização, como horário de atendimento, número de telefone do call center e endereço de e-mail. Você pode personalizar as informações no menu de suporte adicionando ou alterando itens de menu, incluindo o texto e os ícones exibidos. Você também pode controlar a visibilidade dos itens de menu (mostrar ou ocultar opções de menu).

    Você também pode mudar os ícones de menu padrão ou adicionar ícones para novos itens de menu. Os ícones devem estar no formato de arquivo .svg. Para obter uma melhor resolução, use um ícone de cor única.

    Figura 2. Menu de bate-papo
    Informações de contato com o suporte exibidas no menu padrão de contato com o suporte na janela de bate-papo da web.