A implementação do Script do Assistente Virtual no Liferay garante o correto funcionamento da janela do assistente em cada mudança de página dentro da aplicação. Isso porque, devido à navegação baseada em SPA (Single Page Application) que o Liferay utiliza, é possível que a janela do Assistente Virtual não seja carregada corretamente, causando sua ausência em algumas situações.
A seguir, compartilhamos os passos para realizar a implementação:
Importante: Definir aivo dentro de window.Liferay.aivo é essencial para gerenciar o comportamento da janela do Assistente e garantir sua disponibilidade durante a navegação, sem perder o contexto ou duplicar scripts.
1) Personalizar as variáveis no Script:
- Atualize a variável TOKEN com o token da sua conta.
- Insira os estilos personalizados na variável designada para estilizar o Assistente.
- Forneça o link da CDN correspondente à sua conta.
2) Configurar o Script no Liferay:
- Copie e cole o Script para que ele fique disponível globalmente no site. Para isso, você pode incluí-lo nos arquivos do tema do Liferay.
Baixe o exemplo de Script aqui.
Benefícios da implementação:
- Carregamento Dinâmico e Assíncrono: o script é inserido apenas quando necessário e de forma assíncrona, evitando duplicações e garantindo que a janela do Assistente seja exibida automaticamente ao acessar o site pela primeira vez.
- Suporte para Navegação SPA: a janela do Assistente Virtual será exibida automaticamente após cada mudança de página, garantindo sua disponibilidade.
- Personalização de Estilos: através do shadowRoot, é possível aplicar estilos aos elementos do Assistente sem conflitos com o restante do site.
- Gerenciamento de Usuários Autenticados: se necessário, é possível ocultar automaticamente a janela do Assistente em áreas restritas onde o usuário já esteja autenticado.
Nota: O suporte técnico para implementação, personalização de estilos e configuração da experiência para usuários autenticados pode ser solicitado através do nosso portal de serviços Aivo Support Center.