Saltar al contenido
Funciones Inserción
Inserción

Tu puzle, en tu página, con tu nombre.

Inserta la actividad directamente en tu sitio, CMS o LMS mediante un iframe. Se muestra sin la cabecera, el pie de página ni la marca de Puzzel.org.

Funciona en cualquier CMS o LMS Sin marca de Puzzel en el marco Los resultados se siguen registrando
iframe · 600px × 900px Crucigrama
Nada en el marco dice Puzzel. 600px × 900px
Plan La inserción está incluida en cualquier suscripción de pago. Ver planes
Generador de código para insertar

Configúralo aquí, pégalo allí.

1 · Qué actividad
2 · Tamaño del marco
Ancho adaptable
El marco llena su contenedor — 100 % de ancho en lugar de píxeles fijos

Ancho fijo. Activa el ancho adaptable si tu página tiene que funcionar en móviles.

Tu código para insertar
<div>
<iframe src='https://puzzel.org/es/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' width='600' height='900' frameborder='0'>
</iframe></div>
Ajusta el ancho y el alto libremente — 100 % también es un valor válido.
Edita la actividad más adelante y todas las páginas que la insertan se actualizan solas.
Este fragmento usa una actividad de ejemplo real, así que puedes pegarlo ahora mismo.
Paso 1

Crea la actividad

Crea tu actividad en el editor y abre 'Más opciones → Código para insertar' para copiar el código. No necesitas modificar archivos.

Paso 2

Copia el iframe

Elige el tamaño que encaje con tu diseño y coloca el fragmento en el HTML de tu página.

Paso 3

Hazla tuya

Dale estilo a la actividad en el editor — sus colores y fuentes pasan al marco, así que se ve como parte de tu sitio.

Prueba antes de suscribirte

Crucigrama de ejemplo, gratis para pegar

Inserta este ejemplo en una página de prueba para ver cómo encaja en tu diseño. Puedes jugarlo sin crear una cuenta.

<div>
<iframe src='https://puzzel.org/ar/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' width='600' height='900' frameborder='0'>
</iframe></div>
Probado en

En cualquier sitio donde se permita un iframe

WordPress custom HTML block
Google Sites embed → code
Moodle HTML editor
Canvas LMS rich content editor
Squarespace / Wix embed element

¿Tu CMS lo bloquea? Pega el fragmento en un bloque de HTML sin formato o de inserción en lugar de en un campo de texto enriquecido.

Habla con la actividad desde tu propia página En cuanto está en tu página, esa página puede recibir la puntuación y el progreso del jugador, enterarse en el momento en que termina, y reiniciar el tablero para otra ronda.

Ideas de actividades

Todas las ideas

Antes de pegarlo en producción

¿Los jugadores ven Puzzel en algún momento?

No. La actividad se inserta sin el logotipo, la cabecera ni el pie de página de Puzzel.org, para integrarse en tu propia página.

¿Y si el puzle sale cortado?

Aumenta el alto, o usa el 100 % de ancho para que el marco siga tu columna en lugar de un valor fijo en píxeles.

¿Funciona en móviles?

Sí. Con el ancho adaptable la actividad se reajusta, y la entrada táctil funciona igual que en puzzel.org.