Inserción

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

Un solo iframe coloca la actividad directamente en tu sitio, CMS o LMS. Marca blanca — sin cabeceras, sin pies de página, sin marca de Puzzel dentro del marco.

Crear mi código para insertar Prueba primero el ejemplo

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 Alto

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.

3 · Vista previa del aspecto

Los colores vienen de los ajustes de estilo de la propia actividad, así que el puzle se ve como parte de tu sitio.

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

Créala como siempre en el editor. El botón 'Usar mi actividad' te da el código para insertar — nunca tocas un archivo.

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

Colócalo en una página de pruebas para ver cómo se comporta el marco en tu diseño. Es un puzle real y jugable — no hace falta cuenta.

<div>
<iframe src='https://puzzel.org/no/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.

Antes de pegarlo en producción

¿Los jugadores ven Puzzel en algún momento?

No. La actividad insertada es de marca blanca — sin logo, sin cabecera, sin pie de página. Tu página es toda la experiencia.

¿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.