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 Teachable. El widget detecta automáticamente en qué lección se encuentra el estudiante y adapta las respuestas a ese contexto.
Antes de empezar
- Necesitas acceso de administrador a tu escuela en Teachable.
- Tu asistente de tipo Formación debe estar creado y configurado en Lectico.
- Necesitas una API key activa.
- Tu escuela en Teachable debe tener un plan Builder o superior. La inyección de código no está disponible en el plan Free de Teachable.
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 Teachable.
Lectico generará automáticamente el snippet con los parámetros de tu asistente. Haz clic en Copiar código.
Paso a paso
Abre la sección de Code Snippets
Inicia sesión en tu escuela de Teachable como administrador. En el menú lateral, haz clic en Site. Luego haz clic en Code Snippets.
Pega el código en Logged In Snippets
Expande la sección Logged In Snippets. Pega el snippet completo de Lectico en ese campo.
Asegúrate de pegar el código en Logged In Snippets, no en Head Code Snippets ni en Logged Out. El widget necesita ejecutarse cuando el estudiante tiene sesión iniciada.
Guarda los cambios
Haz clic en Save.
Notas importantes
- El widget solo aparecerá en páginas de lección (URLs que contengan
/courses/.../lectures/). No aparecerá en la página principal de tu escuela ni en páginas de catálogo. - El widget detecta automáticamente el título de la lección para contextualizar las respuestas del asistente.
Verificar la instalación
- Abre una lección de tu curso en una ventana de incógnito (Ctrl+Shift+N en Windows o Cmd+Shift+N en Mac).
- 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 para confirmar que el contexto es correcto.
Solución de problemas
- Verifica que pegaste el código en Logged In Snippets (no en Head Code Snippets ni Logged Out).
- Abre la consola del navegador (F12) y busca errores en rojo.
- Verifica que el dominio de tu Teachable (por ejemplo,
tuescuela.teachable.com) está en los dominios permitidos de tu API key. Para comprobarlo, ve a API Keys en el sidebar izquierdo de Lectico.