Cómo insertar Genially, Canva o Padlet en Moodle

En esta guía ▾

1. Dónde funciona el código de inserción en Moodle
2. Paso a paso general en Moodle
3. Genially
4. Canva
5. Padlet
6. Ajusta el tamaño para celulares
7. Ejemplo: una unidad en un colegio
8. Problemas comunes
9. Preguntas frecuentes

Para insertar Genially, Canva o Padlet en Moodle, copia el código de inserción (un iframe) desde la opción de compartir de cada herramienta. En Moodle, abre una Página, un capítulo de Libro o un Área de texto y medios, entra a Herramientas → Código fuente, pega el código y guarda. El contenido se verá dentro del curso. No lo pegues en un mensaje de foro: ahí Moodle limpia el HTML y borra el iframe.

Dónde funciona el código de inserción en Moodle

Moodle trata distinto el HTML según dónde se escriba. En el contenido que preparan los docentes (Páginas, Libros, Áreas de texto y medios, descripciones) el código se muestra tal cual. En los textos de los foros y otros que escriben los alumnos, Moodle limpia el HTML por seguridad y quita los iframes.

Si el administrador activó Habilitar contenido confiable y tu rol tiene el permiso Confiar en contenidos enviados, el HTML también puede conservarse en otros lugares; no viene activado por defecto.

Paso a paso general en Moodle

1. Activa el Modo de edición.
2. Crea una Página con Añadir una actividad o un recurso → Página (o abre la que ya tienes).
3. En Contenido de la página, ubica el cursor donde va el contenido.
4. En la barra de menús del editor, abre Herramientas → Código fuente.
5. Pega el código de inserción en el punto exacto (por ejemplo, después de un párrafo de instrucciones).
6. Cierra la ventana del código. En el editor verás un recuadro donde irá el contenido.
7. Pulsa Guardar cambios y mostrar.

Si todo salió bien, verás el Genially, el Canva o el Padlet dentro de la página, y el alumno podrá usarlo sin salir del curso. La guía de recursos Página explica el resto de opciones del recurso.

Genially

1. En Genially, abre tu creación y pulsa Compartir (o Publicar si es la primera vez).
2. Busca la opción de Insertar y copia el código.
3. Pégalo en Moodle con Herramientas → Código fuente.

Genially funciona bien para presentaciones interactivas, infografías y juegos de escape. Si lo actualizas en Genially, el cambio se ve en Moodle sin volver a pegar nada. Si la creación tiene preguntas, recuerda que los resultados no llegan al libro de calificaciones.

Canva

1. En Canva, abre el diseño y pulsa Compartir.
2. Ve a Más y elige Insertar.
3. Activa la inserción y copia el código de inserción HTML.
4. Pégalo en Moodle con Herramientas → Código fuente.

Al activar la inserción, cualquier persona con el código puede ver el diseño. No uses esta opción para material con datos personales o respuestas de examen. Las presentaciones de Canva insertadas se pueden pasar con las flechas del propio reproductor.

Padlet

1. En el muro de Padlet, abre las opciones para Compartir.
2. Elige la opción para insertar el muro en un blog o sitio web y copia el código.
3. Pégalo en la descripción de una actividad o en una Página.

Revisa en Padlet quién puede ver y publicar en el muro. Si quieres que los alumnos escriban, el muro debe permitir publicar a los visitantes; lo que escriban se guarda en Padlet, no en Moodle. Para un debate que quede registrado en el aula, usa un foro de Moodle.

Ajusta el tamaño para celulares

La mayoría de alumnos entra desde el celular. Los códigos de inserción suelen traer un tamaño fijo, por ejemplo width="800" height="600". En el Código fuente:

1. Cambia width="800" por width="100%".
2. Deja una altura razonable, por ejemplo height="500".
3. Debajo del contenido, agrega un enlace «Abrir en pantalla completa» al mismo contenido, para quien lo vea muy pequeño.

Canva y Genially suelen traer un código adaptable (con un contenedor que mantiene la proporción); si es así, no lo modifiques.

Ejemplo: una unidad en un colegio

Un docente de comunicación arma la unidad del bimestre en un Libro:

1. Capítulo 1: un Genially con la presentación del tema.
2. Capítulo 2: una infografía de Canva con las reglas de tildación.
3. Capítulo 3: un muro de Padlet donde cada alumno pega un ejemplo de su vida diaria.
4. Al final del libro, un cuestionario de Moodle con nota.

El libro queda ordenado y el alumno no salta entre pestañas. Si además quieres juegos cortos, mira Kahoot, Quizizz y Wordwall con Moodle.

Problemas comunes

• «El código se ve como texto en la página». Lo pegaste en el modo visual. Bórralo y pégalo en Herramientas → Código fuente.
• «Desapareció al guardar». Lo pegaste en un foro o en un campo que limpia el HTML. Usa una Página o un Libro.
• «Sale un recuadro gris o un aviso de que no se puede mostrar». La herramienta no permite inserción para ese contenido, el diseño es privado o el navegador bloquea cookies de terceros. Publica o activa la inserción en la herramienta y, si sigue, usa un recurso URL que abra en Nueva ventana.
• «En el celular se ve cortado». Ajusta el ancho a 100 % y agrega el enlace a pantalla completa.
• «El alumno dice que no carga». Algunas redes de colegios o empresas bloquean estos sitios. Prueba con datos móviles.

Con miaula.pe En las aulas de miaula.pe los docentes pueden pegar códigos de Genially, Canva y Padlet en Páginas y Libros sin pedir permisos especiales. Puedes verlo en la demo.

Para documentos y formularios de Google, revisa cómo insertar Google Drive y Forms en Moodle. La documentación sobre el editor de texto de Moodle está en TinyMCE editor de docs.moodle.org.

Preguntas frecuentes

¿Dónde pego el código de Genially en Moodle?

En el editor de una Página, un capítulo de Libro, un Área de texto y medios o la descripción de una actividad, usando Herramientas → Código fuente. En el modo visual el código se pega como texto y no funciona.

¿Por qué el iframe desaparece al guardar?

Porque lo pegaste en un mensaje de foro u otro lugar donde Moodle limpia el HTML. En Páginas, Libros, Áreas de texto y medios y descripciones de actividades el código se conserva.

¿El diseño de Canva tiene que ser público?

Para insertarlo, Canva genera un enlace de inserción que permite verlo a cualquiera con el código. No pongas en un diseño insertado datos que no deban ver personas ajenas al curso.

¿Los alumnos pueden escribir en el Padlet desde Moodle?

Sí, si el muro de Padlet permite publicar a los visitantes. Lo que escriban queda en Padlet, no en Moodle, y no genera nota ni registro en el aula.

¿Por qué en el celular el contenido insertado se ve cortado?

Porque el código trae un ancho y alto fijos. Cambia el ancho a 100 % en el código o agrega debajo un enlace para abrir el contenido en pantalla completa.