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 para atender às necessidades do 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 engajamento Campo Descrição Módulo Nome do módulo Nome exclusivo do módulo do Messenger. Descrição resumida Breve descrição do módulo do messenger. Aparência Logotipo Logotipo que é exibido no cabeçalho do messenger em seu site.
O tamanho e as dimensões recomendados são:- Tamanho (em bytes): Aproximadamente igual a 2 KB
- Altura (em pixels): 30 a 55
- Largura (em pixels): 30 a 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 do messenger no seu site. Em seu site, selecionar este ícone inicia o Messenger.
O tamanho e as dimensões recomendados são:- Tamanho (em bytes): Aproximadamente igual a 1 KB
- Altura (em pixels): 24 a 60
- Largura (em pixels): 24 a 60
- Use um ícone circular com 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 . 50 , em seguida, o ícone de inicialização é colocado a uma distância de 50 px da direita da guia do navegador.
O valor máximo deste 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 deste campo é 70 px.
Cor principal Cor primária para estilizar o cabeçalho ou botões no seu messenger.
Por exemplo, esta 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 messenger.
Por exemplo, esta cor é usada para botões de ação do usuário, como Cancelar ou Não .
Cor secundária da fonte Cor do texto que é usada em elementos de IU que usam a cor secundária.
Cor terciária Cor terciária para estilizar o seu messenger.
Por exemplo, esta 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 messenger.
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 corresponda 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 de Cor primária , Cor secundária ou Cor terciária os campos são definidos como 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 aplicativo 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 análise de experiência do usuário de usuários do seu App de mensagens de interação.
Esta opção estará disponível somente 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 depois que o acompanhamento do comportamento do usuário é habilitado, o. Análise da experiência do usuário o painel mostraria o nome do módulo original, não o nome atualizado.Como administrador, você pode configurar o recurso 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 SAML (Security Assertion Markup Language)
- Open ID Connect (OIDC) baseado
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 até 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 de 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 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.