Como configurar o App de mensagens de interação
Crie um App de mensagens de interação e configure seu comportamento, aparência e estilo. Ao criar um módulo de messenger, você pode personalizar a aparência e o comportamento de acordo com a identidade visual da sua organização e de acordo com as necessidades do seu cliente.
Antes de Iniciar
- Instalar a aplicação App de mensagens de interação.
- Reúna ou prepare os seguintes itens:
- Arquivos de imagem para o seu logotipo e ícone do inicializador do Messenger. As imagens devem estar em .jpg, .png, .bmp, .gif, .jpeg, formato de arquivo .ico ou .svg.
- Nomes de cores e códigos hexadecimais para identidade visual para configurar o estilo da interface do usuário do messenger.
- Função necessária: sn_csm_ec.ec_admin
Procedimento
-
No formulário, preencha os campos.
Tabela 1. Formulário do módulo do Messenger de compromisso Campo Descrição Módulo Nome do módulo Nome exclusivo do seu módulo do Messenger. Descrição resumida Descrição resumida do módulo do messenger. Aparência Logotipo Logotipo que é exibido no cabeçalho do messenger no seu site.
O tamanho e as dimensões recomendadas são:- Tamanho (em bytes): Aproximadamente igual a 2 KB
- Altura (em pixels): 30–55
- Largura (em pixels): 30–55
Nota:Se nenhum logotipo for selecionado, o ícone Página inicial (
) é exibido como um logotipo padrão no cabeçalho do messenger.Ícone do iniciador Ícone que é exibido como a opção de mensageiro em seu site. Em seu site, selecionar este ícone inicia o messenger.
O tamanho e as dimensões recomendadas são:- Tamanho (em bytes): Aproximadamente igual a 1 KB
- Altura (em pixels): 24–60
- Largura (em pixels): 24–60
- Use um ícone circular com um fundo transparente
Nota:O intervalo de tamanho da grade de um ícone de inicializador é de 24X24 a 60X60. Qualquer desvio do intervalo definido é redimensionado automaticamente para se ajustar ao tamanho do ícone do inicializador.Posição do ícone de inicialização Posição do ícone de lançamento do Messenger no seu site.
Permitir que o módulo se expanda para a altura total Opção para habilitar o módulo do messenger para expandir para a altura total da guia do navegador.
Margem horizontal (em pixels) Distância da direita ou esquerda da guia do navegador para o posicionamento do ícone do inicializador do Messenger.
A distância é calculada da direita ou da esquerda com base na sua entrada para o campo Posição do ícone de inicialização .
Por exemplo, se você definir a posição do ícone de inicialização como Certo e o. Deslocamento horizontal como 50 , em seguida, o ícone de inicialização é colocado a uma distância de 50 px do lado direito da guia do navegador.
O valor máximo para este campo é 70 px.
Margem vertical (em pixels) Distância da parte inferior da guia do navegador para o posicionamento do ícone de inicialização do Messenger.
O valor máximo para este campo é 70 px.
Cor principal Cor primária para estilizar o cabeçalho ou botões no seu messenger.
Por exemplo, essa cor é usada para botões de ação do usuário, como Enviar , Sim , ou OK .
Cor principal da fonte Cor do texto usada em elementos de IU que usam a cor primária.
Cor secundária Cor secundária para estilizar o seu mensageiro.
Por exemplo, essa cor é usada para botões de ação do usuário, como Cancelar ou Não .
Cor secundária da fonte Cor do texto usada em elementos de IU que usam a cor secundária.
Cor terciária Cor terciária para estilizar o seu mensageiro.
Por exemplo, essa cor é usada para marcar casos de clientes com marcadores como Ação necessária .
Cor terciária da fonte Cor do texto usada em elementos de IU que usam a cor terciária. Tema Tema para outras opções de estilo do mensageiro.
Este campo é definido automaticamente como Tema do CWF Engagement Messenger .
Se você quiser selecionar um tema diferente, certifique-se de que o tema selecionado aqui deve corresponder a determinados critérios. Para obter mais informações, consulte App de mensagens de interação requisitos do tema do módulo.
Nota:Se o valor para Cor primária , Cor secundária , ou Cor terciária os campos são definidos com nomes de cores, como Rosa . App de mensagens de interação A IU não exibe essas cores corretamente. Como solução alternativa, você pode inserir os valores hexadecimais dessas cores. Por exemplo, use FFC0CB para Rosa .Comportamento Notificação Habilitar notificações no ícone do inicializador Opção para habilitar a mensagem de alerta de notificação pop-up no app quando uma nova mensagem é recebida. Habilitar sons Opção para obter o som de alerta de notificação. Habilitar notificações na guia do navegador Opção para obter o alerta de notificação na guia do navegador quando a página da web em questão não estiver aberta. Habilitar o acompanhamento do comportamento do usuário Opção para habilitar a coleta de Insights de uso de usuários do App de mensagens de interação.
Esta opção só estará disponível se você ativar o plug-in Análise do portal de serviços (com.glide.service-portal.analytics) em seu ServiceNow instância.
Nota:Se você atualizar seu App de mensagens de interação nome do módulo após o acompanhamento do comportamento do usuário ser habilitado, o. Insights de uso o painel mostraria o nome do módulo original, não o nome atualizado.Como administrador, você pode configurar o recurso de recomendações proativas para App de mensagens de interação. Para obter mais informações, consulte Configuração de recomendações proativas para App de mensagens de interação. Recursos Consulte Configuração do recurso para App de mensagens de interação. Implementar URLs do Site Lista separada por vírgulas de URLs dos sites onde você deseja implantar o messenger. Por exemplo, https://www.example.com, https://www.yourwebsiteurl.com
Tipo de autenticação Tipo de autenticação para este messenger incorporado. Selecione uma das seguintes opções.- Nenhum(a)
- Baseado em linguagem de marcação de asserção de segurança (SAML)
- Baseado em conexão de ID aberto (OIDC)
Se você quiser habilitar somente a experiência do usuário convidado para o messenger em seu site, defina este campo como Nenhum .
Certifique-se de criar um provedor de identidade (IdP) para o tipo de autenticação selecionado neste campo. Para obter mais informações, consulte Crie um provedor de identidade (IdP) para App de mensagens de interação.
Identidade visual avançada Cor do texto do hiperlink Cor do texto usada para hiperlinks no Messenger. Ícone de navegação para trás O ícone aparece no cabeçalho do messenger que permite que o usuário navegue para a página anterior. O tamanho do ícone é 24X24. Ícone de fechamento Este ícone aparece no cabeçalho do messenger que permite que o usuário feche o messenger. O tamanho do ícone é 16X16. Ícone de pesquisa de lista O ícone aparece no cabeçalho do messenger que permite pesquisar em uma lista. O tamanho do ícone é 16X16. Ícone de expansão O ícone aparece no cabeçalho que permite que o usuário expanda o messenger para acessar informações. O tamanho do ícone é 16X16. Ícone de recolhimento O ícone aparece no cabeçalho do messenger que permite que o usuário recolha um messenger expandido. O tamanho do ícone é 16X16. Ícone Iniciar bate-papo O ícone aparece no cabeçalho do messenger que permite que o usuário inicie um bate-papo com um agente sobre seu tíquete ou visita do técnico. O tamanho do ícone é 16X16. Ícone de menu de filtro O ícone aparece na parte superior da página da lista que permite que o usuário aplique filtros para obter o resultado desejado. O tamanho do ícone é 24X24. Ícone de filtros aplicados O ícone aparece na parte superior da página da lista e mostra o ícone de filtros aplicados no Messenger. O tamanho do ícone é 24X24. Nota:A configuração avançada de identidade visual só está disponível na exibição de formulário.
Resultado
Uma nova configuração do messenger é criada e listada no módulo Módulos do App de mensagens de interação aplicação.
O que Fazer Depois
- Propriedades App de mensagens de interação.
- configure os recursos de App de mensagens de interação.
- Compartilhe o código do módulo do messenger com seu desenvolvedor usando Código de e-mail para incorporar App de mensagens de interação em seu site.
- A seguir estão as mudanças de formatação avançadas que estão disponíveis como uma configuração opcional em App de mensagens de interação:
- App de mensagens de interação requisitos do tema do módulo Para reutilizar o tema do Portal de serviços para personalizar a aparência visual no Messenger de compromisso.
- Tamanhos de fonte padrão para o texto do resultado da pesquisa em App de mensagens de interação.