La implementación del Script del Asistente Virtual en Liferay, asegura el correcto despliegue de la ventana del asistente en cada cambio de página dentro de la aplicación. Ya que, debido a la navegación basada en SPA (Single Page Application) que maneja Liferay, es probable que la ventana del Asistente Virtual no cargue correctamente, lo que ocasiona su ausencia en algunas situaciones.
A continuación, te compartimos los pasos para realizar la implementación:
Toma en cuenta que: Definir aivo dentro de window.Liferay.aivo es clave para manejar el comportamiento de la ventana del Asistente y hacer que esté disponible durante la navegación, sin perder contexto, ni duplicar scripts.
1) Customizar las variables dentro del Script:
- Actualiza la variable TOKEN con el token de tu cuenta.
- Inserta los estilos personalizados en la variable designada para darle estilo al Asistente.
- Proporciona el enlace de la CDN adecuado para tu cuenta.
2) Configurar Script dentro de Liferay:
- Copia y pega el Script para que esté disponible globalmente en el sitio. Para ello, puedes incluirlo en los archivos del tema de Liferay.
Descarga el ejemplo de Script aquí.
Beneficios de la implementación:
- Carga Dinámica y Asíncrona: el script se inserta solo cuando es necesario y de manera asíncrona, evitando la duplicación del script y asegurando que la ventana del Asistente se muestre automáticamente al acceder por primera vez al sitio.
- Soporte para Navegación SPA: la ventana del Asistente Virtual se mostrará automáticamente tras cada cambio de página en la navegación, garantizando su disponibilidad.
- Personalización de Estilos: a través del shadowRoot, aseguramos que los estilos se puedan aplicar a los elementos del Asistente sin conflictos.
- Manejo de Usuarios Autenticados: de ser necesario, es posible ocultar automáticamente la ventana del Asistente en áreas restringidas donde el usuario ya esté autenticado.
Nota: El soporte técnico para la implementación, personalización de estilos y configuración de la experiencia de usuarios autenticados, lo puedes solicitar a través de nuestro portal de servicios Aivo Support Center.