Personalizar Guide usando JavaScript

Para usar o Guide em seu site, você pode simplesmente incorporar Guide em cada página do seu site onde você deseja oferecer engajamento.

No entanto, se você estiver familiarizado com desenvolvimento da Web e quiser personalizar a aparência e o comportamento do widget Guide, poderá fazer isso usando chamadas de APIClosed APIs permitem automatizar certas funcionalidades conectando seu CXone Mpower sistema com outro software que sua organização usa. para o código JavaScript. Estes são os tipos de alterações que você pode fazer:

  • Aparência e comportamento dos widgets do Guide: Personalize a aparência e o comportamento do widget do Guide. Isso inclui alterar o tamanho do widget, alterar o tamanho dos botões, exibir o widget no modo de tela cheia e assim por diante.

  • Preferências de chat quando oferecido no widget do Guide: Personalize a aparência e o comportamento do chat quando oferecido no widget do Guide. Isso inclui alterar as informações na janela de chat, alterar a aparência da janela de chat, definir CSS personalizado e assim por diante.

  • Preferências de relatórios: Personalize como o Guide monitora engajamentos e conversões. Você pode usar essas APIs ao definir eventos personalizados, armazenar variáveis ​​de visitantes, armazenar dados de conversão, atribuir e remover tags da web e assim por diante.

Entenda como o Guide funciona

O widget Guide é um módulo web que CXone Mpower carregador carrega em seu site. O módulo web contém um aplicativo JavaScript criado usando a estrutura Svelte. O aplicativo usa armazenamentos de estado básicos que controlam a configuração do Guide, o modelo ativo, o status do chat ativo, o estado da IU e assim por diante. Os valores desses repositórios de estado orientam o que é exibido ao visitante.

Quando você incorpora o Guide em uma página do seu site e um visitante visualiza a página, o Guide busca a configuração específica do seu locatário. Esta solicitação retorna um resultado JSON com regras, botões, pontos de entrada, traduções, artigos referenciados e sinalizadores de recursos. Em seguida, ele usa o mecanismo de regras agrupadas para processar as regras e condições que podem ou não resultar na exibição de um modelo ou oferta proativa na página.

Para gerenciar os dados dos visitantes entre recarregamentos de página, o Guide usa armazenamento local e de sessão. Isso permite que o Guide forneça suporte entre domínios em navegadores compatíveis. Isso também significa que o Guide não usa cookies do navegador.

Configure as personalizações do Guide em um ambiente de teste antes de lançá-las em seu ambiente de produção. Isso ajudará a minimizar as interrupções para os visitantes do seu site. Isso também ajudará a garantir que suas personalizações funcionem conforme o esperado.

Adicionar chamadas de JavaScript

  1. Clique no seletor de aplicativo ícone do seletor de aplicativos e selecione ACD.

  2. Vá para Digital >Pontos de Contato Digital.

  3. Em Seus canais, clique em Script do site.
  4. Copie o código JavaScript da página e cole-o em seu código ou em um programa de edição de texto. Você não precisa incluir as tags <script> de abertura e fechamento.

  5. Logo acima da tag </script> de fechamento do código colado, adicione as chamadas JavaScript a serem usadas. Na imagem de exemplo a seguir, o comentário indica onde adicionar chamadas.

    Um exemplo de script que mostra onde adicionar chamadas JavaScript

    As chamadas GuideJavaScript que você pode usar são descritas abaixo nesta página, bem como as APIs relacionadas a chat do Guide e as APIs relacionadas a relatórios do Guide.

  6. Copie e cole todo o script, incluindo as tags <script> de abertura e fechamento, no cabeçalho de uma página do seu site.

  7. Visite a página modificada e certifique-se de que as personalizações do Guide funcionem conforme o esperado.

  8. Quando estiver totalmente testado e funcionando conforme o esperado, copie o script final no cabeçalho de cada página que deve ter essa personalização do Guide.