Esta guía de instalación aplica a asistentes de tipo Formación. Si tu asistente es de tipo Ventas o Soporte, consulta la guía de instalación correspondiente a tu plataforma.
Qué vas a lograr
Al completar esta guía, el widget de chat de tu asistente aparecerá en las lecciones de tu escuela de LearnWorlds. El widget detecta automáticamente los cambios de lección monitorizando el título de la página dentro del reproductor de curso.
Antes de empezar
- Necesitas acceso de administrador a tu escuela en LearnWorlds.
- Tu asistente de tipo Formación debe estar creado y configurado en Lectico.
- Necesitas una API key activa.
- Esta funcionalidad está disponible en todos los planes de pago de LearnWorlds (Starter o superior) y en el trial gratuito de 30 días.
Cómo acceder al snippet
Desde el sidebar izquierdo de Lectico, haz clic en Asistentes. Haz clic en la tarjeta de tu asistente. Selecciona la pestaña Instalación. En el grid de plataformas, selecciona LearnWorlds.
Lectico generará automáticamente el snippet con los parámetros de tu asistente. Haz clic en Copiar código.
Paso a paso
Abre el editor del sitio
Inicia sesión en tu panel de LearnWorlds. Ve a Website > Design > Edit Website.
Accede a la configuración del sitio
En la barra de menú superior del editor, haz clic en Site. Luego haz clic en Site custom code.
Pega el código en body logged in
Pega el snippet completo de Lectico en el slot <body> logged in (HTML).
Usa el slot <body> logged in, que es el único que se inyecta dentro del reproductor de curso (course player). Los demás slots no funcionarán correctamente.
Guarda y publica
Haz clic en Save y luego en Publish para que los cambios se apliquen en la versión en vivo de tu escuela.
Notas importantes
- LearnWorlds es una aplicación SPA (Single Page Application). El snippet de Lectico usa un observador de cambios en el título del documento para detectar cuándo el estudiante navega entre lecciones, actualizando el contexto del asistente automáticamente.
- El widget solo aparecerá dentro del reproductor de curso, no en las páginas de catálogo ni en la página principal.
Verificar la instalación
- Abre una lección en el reproductor de curso en una ventana de incógnito (Ctrl+Shift+N en Windows o Cmd+Shift+N en Mac).
- Verifica que estás dentro del reproductor de curso (no en la página de catálogo).
- Deberías ver el botón del chat en la esquina inferior derecha.
- Haz clic en el botón y pregunta algo sobre el contenido de esa lección.
Solución de problemas
- Verifica que estás dentro del reproductor de curso, no en la página de catálogo.
- Abre la consola del navegador (F12) y busca errores en rojo.
- Verifica que el dominio de tu LearnWorlds está en los dominios permitidos de tu API key. Para comprobarlo, ve a API Keys en el sidebar izquierdo de Lectico.