Integración vía Iframe

La integración vía Iframe es la solución “Zero-Code” de IALearner. Es ideal para plataformas que no permiten el uso de JavaScript personalizado, como CMS (WordPress, Ghost), LMS (Moodle, Canvas) o blogs estáticos.

URLs de los Componentes

Cada componente tiene una ruta de embebido optimizada:

• Radar: https://ialearner.com/embed/radar
• RAG: https://ialearner.com/embed/rag
• Trituradora: https://ialearner.com/embed/trituradora

Ejemplo de Inserción Estándar

Copia y pega este código en tu editor HTML:

<iframe
  src="https://ialearner.com/embed/radar?theme=dark"
  width="100%"
  height="600"
  style="border:none; border-radius: 12px; overflow: hidden;"
  title="IALearner Radar"
></iframe>

Parámetros de Configuración (Query Strings)

Puedes personalizar el comportamiento de los componentes pasando parámetros en la URL:

Parámetro	Valores	Descripción
theme	light, dark	Fuerza el tema visual (por defecto hereda del sistema).
height	number	Define la altura del componente (ajustar también en el iframe).

Desarrollo Local

Si estás probando IALearner en tu entorno local, asegúrate de que el proyecto principal esté corriendo en el puerto 3000 y utiliza la URL: http://localhost:3000/embed/[componente].

---

¿Tienes dudas? Consulta nuestra Introducción para ver los componentes disponibles.