---
sourceDocument: Yokohama Customer Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/customer-service-management

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Yokohama Customer Service Management

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# Como configurar o App de mensagens de interação

# Como configurar o App de mensagens de interação {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 7 min. de leitura

Crie um App de mensagens de interaçãoe 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 seu cliente.

## Antes de Iniciar

* [Instalar a aplicação App de mensagens de interação](https://servicenow-prod.fluidtopics.net/_HIwajZY0K8qOIp_17EJcA "Instale o. App de mensagens de interaçãoaplicação do ServiceNow Storese você tiver a função de administrador.").
* 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.
  {#create-engagement-messenger-module__ul_qrc_zc2_nsb}
* Função necessária: sn_csm_ec.ec_admin
{#create-engagement-messenger-module__ul_y3k_vff_g4b}

## Procedimento

1. Navegar até TudoApp de mensagens de interaçãoMódulos.
2. Escolha para criar um App de mensagens de interaçãoou edite um módulo existente.
   * Para criar um módulo, selecione Novo .
   * Para editar um módulo existente, selecione Editar Na coluna Editar módulo do seu módulo do Messenger.

   {#create-engagement-messenger-module__choices_ayj_gyz_m4b}  
   A exibição da configuração assistida é exibida.
3. Na exibição de configuração assistida, navegue por Módulo, Aparência, Comportamento, Recursos, e implementar.
4. No formulário, preencha os campos.  
   {#create-engagement-messenger-module__table_mxg_gyz_m4b__entry__2}

   | Campo | Descrição |
   |-|-|
   | Módulo ||
   | Nome do módulo | Nome exclusivo do 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 {#create-engagement-messenger-module__ul_nxg_gyz_m4b} Nota: Se nenhum logotipo for selecionado, o ícone Página inicial ( ![Ícone da 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 {#create-engagement-messenger-module__ul_oxg_gyz_m4b} 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 até 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 da direita 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 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, 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 corresponda a determinados critérios. Para obter mais informações, consulte [App de mensagens de interação requisitos do tema do módulo](https://servicenow-prod.fluidtopics.net/zPs1N9pzBzhwEmC16K02oQ "Você pode definir um tema que pode ser aplicado a um App de mensagens de interaçãomódulo. Um tema permite definir estilos adicionais de App de mensagens de interaçãoem seu site."). |
   | 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çãoA 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 análise de experiência do usuário 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 ServiceNowinstância. Nota: Se você atualizar seu App de mensagens de interaçãonome do módulo após o acompanhamento do comportamento do usuário ser habilitado, o. Análise da experiência do usuárioo 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](https://servicenow-prod.fluidtopics.net/7H17dxw9nRv3lb0iBQ6W6A "O recurso Recomendações proativas permite mostrar sugestões baseadas em contexto em tempo real e configurar a experiência de recomendações em App de mensagens de interação."). ||
   | Recursos ||
   | Consulte [Configure a configuração do recurso de App de mensagens de interação](https://servicenow-prod.fluidtopics.net/kKOtr7Cgvzd5UAdalCIZYw "Configure os recursos de App de mensagens de interaçãopara que você possa mudar as configurações padrão para atender às necessidades do seu cliente."). ||
   | Implementar ||
   | URLs do Site | Lista separada por vírgulas de URLs dos sites onde você deseja implantar o messenger. Por exemplo, <kbd class="ph userinput">https://www.example.com, https://www.yourwebsiteurl.com </kbd> |
   | 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) * Abrir ID baseado em conexão (OIDC) {#create-engagement-messenger-module__ul_ixj_dd1_n4b} 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](https://servicenow-prod.fluidtopics.net/ca4flpPh9J0rJqmqWHEhZQ "Crie um IdP para seu App de mensagens de interaçãopara que você possa habilitar a autenticação do cliente. Você pode criar um IdP para o tipo de autenticação OpenID Connect (OIDC) ou Security Assertion Markup Language (SAML)."). |
   | 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 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. ||
   [Tabela 1. Formulário do módulo do Messenger de compromisso]

   {#create-engagement-messenger-module__table_mxg_gyz_m4b}
5. Selecione Salvar.
6. Selecione Instruções de e-mail para notificar o administrador de segurança para concluir as seguintes tarefas:  
   1. [Crie um provedor de identidade (IdP) para App de mensagens de interação](https://servicenow-prod.fluidtopics.net/ca4flpPh9J0rJqmqWHEhZQ "Crie um IdP para seu App de mensagens de interaçãopara que você possa habilitar a autenticação do cliente. Você pode criar um IdP para o tipo de autenticação OpenID Connect (OIDC) ou Security Assertion Markup Language (SAML).").
   2. [Configure uma regra de CORS para App de mensagens de interação](https://servicenow-prod.fluidtopics.net/K8ZyAfkyHY0_CQNA1CjBBw "Configure uma regra de compartilhamento de recursos entre origens (CORS) para habilitar solicitações entre domínios App de mensagens de interaçãoe seu site onde você deseja implantar o messenger.").
   3. [Crie cabeçalhos de resposta HTTP para App de mensagens de interação](https://servicenow-prod.fluidtopics.net/LCErcHgpucMwBcHfGWaTvQ "Configure um par nome-valor para cabeçalhos de resposta HTTP para App de mensagens de interaçãomódulo. A capacidade de configurar e passar cabeçalhos de resposta permite o tratamento especial do conteúdo da página por um cliente, que normalmente é um navegador.").

   {#create-engagement-messenger-module__ol_pby_cml_p4b}  
   Nota:  
   App de mensagens de interação estende as capacidades do portal de serviços que não oferecem suporte à separação de domínio. Para obter mais informações, consulte [Domain separation and Service Portal](https://www.servicenow.com/docs/access?context=domain-separation-service-portal&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US). No entanto, outras tabelas que são usadas em App de mensagens de interaçãopode oferecer suporte à separação de domínio de acordo com as configurações com as quais são criados.

## Resultado

Uma nova configuração do messenger é criada e listada no módulo Módulos do App de mensagens de interaçãoaplicação.

## O que Fazer Depois

1. [Propriedades App de mensagens de interação](https://servicenow-prod.fluidtopics.net/uArbZXgap5araHcP73gSGw "Você pode configurar as propriedades do sistema para o. App de mensagens de interaçãopara que você possa habilitar Virtual AgentBate-papo, SSO de vários provedores e defina um valor de tempo limite de sessão do usuário.").
2. [configure os recursos de App de mensagens de interação](https://servicenow-prod.fluidtopics.net/kKOtr7Cgvzd5UAdalCIZYw "Configure os recursos de App de mensagens de interaçãopara que você possa mudar as configurações padrão para atender às necessidades do seu cliente.").
3. 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çãoem seu site.
4. 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](https://servicenow-prod.fluidtopics.net/zPs1N9pzBzhwEmC16K02oQ "Você pode definir um tema que pode ser aplicado a um App de mensagens de interaçãomódulo. Um tema permite definir estilos adicionais de App de mensagens de interaçãoem seu site.") 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](https://servicenow-prod.fluidtopics.net/Ra336Nd5LgQCUyiVUVrIhg "Defina tamanhos de fonte de resultado de pesquisa normal e Genius para mudar a aparência do texto App de mensagens de interaçãoem dispositivos diferentes.").
   {#create-engagement-messenger-module__ul_jjm_mwl_qtb}
{#create-engagement-messenger-module__ol_mqj_qvb_g4b}