Inserta una sopa de letras en tu propia página web

Así se ve

La sopa de letras de abajo está insertada exactamente como lo estará la tuya. Desliza el dedo o el cursor sobre las letras para encontrar una palabra.

El código de este ejemplo

Tiene dos partes: el marco con la sopa de letras y, debajo, un enlace normal que dice a tus lectores de dónde viene. Por favor, déjalo: es lo único que te pedimos a cambio.

<iframe src="https://www.wordsearchstudio.org/es/embed/#Rc7LTsMwEAXQX0GzHsk16gOyG5JpMAQ7clMkVLEw1ESWQoxCAQnEV3XLrj-GHCqxPffO4wveIZMIO8iA-vDsOv96svXdyWeM3WHfhscICB1k4F8BoYUMzG2-XhY16YIuBFmlTc7W6IYFk7njyytlaUmCmDUrLppmZUXFpa5qqq9zZkFsKDcrZZgrwdoqqgtNFwUL0yijjSor2yxFva5s2RRrIpW2Ea-JlVKlFqyKG3uz0pptI2xllDHKqIoZED4g22wgd337NkTAGU4RVoCLe9xA7h8GBzjF89FmybjzT67f-cRSjn6WvIxD6Mby6YjzhJfhJb4c9jv3HAFPcTYmcpKiqzC4J5d0jsDH_nV0fzvO_g9W_rDvk00QNANOE9au3zrAyXF4LNahbw8_oY-pvPj_zIY-Pvohjk9LlOOElClqQjt4wAXKyfHg_fcv" title="Animales del zoológico" width="100%" height="800" style="border:0;max-width:900px" loading="lazy"></iframe>
<p><a href="https://www.wordsearchstudio.org/es/">Sopa de letras creada con Word Search Studio</a></p>

Consigue el código de tu propia sopa de letras

Crea tu sopa de letras en el generador y pulsa «Insertar»: el código aparece al instante. O pega aquí el enlace para compartir (el de «Copiar enlace») y el código aparecerá debajo.

Inserta el generador completo

¿Quieres que quienes visitan tu página hagan su propia sopa de letras? Este marco muestra el generador entero: escriben sus palabras, eligen una forma e imprimen el resultado o lo guardan en PDF. En tu página no se guarda nada.

El código del generador

<iframe src="https://www.wordsearchstudio.org/es/embed/maker/" title="Generador de sopas de letras" width="100%" height="1100" style="border:0;max-width:900px" loading="lazy"></iframe>
<p><a href="https://www.wordsearchstudio.org/es/">Generador de sopas de letras de Word Search Studio</a></p>

Inserta la tuya en tres pasos

1. Crea tu sopa de letras

   Escribe las palabras en el generador, elige la dificultad y la forma y, si quieres, añade un mensaje secreto.

2. Pulsa «Insertar»

   El botón está junto a «Copiar enlace» y muestra el código ya listo para esta sopa de letras.

3. Copia el código y pégalo en tu página

   En la vista HTML de tu editor, en un bloque de «HTML personalizado» o en el campo de código de tu plataforma educativa.

Quién inserta sopas de letras

• Docentes

  Vocabulario, palabras de ortografía o una actividad para los que terminan antes: pon la sopa de letras en la página del curso y que cada estudiante la resuelva en su dispositivo.

• Blogs y revistas

  Un pasatiempo al final de un artículo retiene a los lectores. Las fiestas, los animales, la comida o la historia encajan en casi cualquier blog.

• Asociaciones, parroquias y bibliotecas

  Una sopa de letras sobre el pueblo, el club o el año litúrgico para la página del boletín, o un pasatiempo para la tarde de lluvia en el rincón infantil.

Dónde funciona

WordPress

Añade un bloque de «HTML personalizado» y pega el código.

Google Sites

Elige Insertar y luego la opción de incorporar; en la pestaña «Código incorporado» pega el código.

Moodle

Abre la vista HTML (el botón <>) de una página o de una etiqueta y pega el código. Si tu sitio elimina los marcos, pídeselo al administrador o usa mejor el enlace para compartir.

Google Classroom

Las publicaciones de Classroom no muestran marcos insertados. Adjunta el enlace para compartir a la tarea; el alumnado abre la sopa de letras con un toque.

Wix, Squarespace y otros

Usa el elemento «Insertar HTML» o el bloque de código y pega el código.

Tamaño

El marco ocupa todo el ancho de la columna, hasta 900 píxeles. Una sopa de letras necesita unos 800 píxeles de alto y el generador unos 1.100. En páginas anchas la lista de palabras va junto a la cuadrícula; en las estrechas, debajo. Si necesitas más o menos espacio, cambia el número que sigue a height=.

Opcional: altura a medida

Si tu página admite scripts, este fragmento ajusta el marco exactamente a la altura de su contenido. Pégalo una sola vez en cualquier parte de la página. Se recomienda para el generador, cuya altura depende del ancho de la pantalla.

<script>
addEventListener('message', function (e) {
  if (e.origin !== 'https://www.wordsearchstudio.org' || !e.data || !e.data.wsEmbedHeight) return;
  document.querySelectorAll('iframe').forEach(function (f) {
    if (f.contentWindow === e.source) f.style.height = e.data.wsEmbedHeight + 'px';
  });
});
</script>

Privacidad: nada que afecte a tu aviso de cookies

La vista insertada no coloca cookies, no guarda nada en el navegador de quien la visita, no mide ni analiza y no carga nada de otras empresas. Las fuentes y los scripts salen de nuestro propio servidor, y la sopa de letras solo se lee en el navegador de la persona. Como ocurre con cualquier marco, nuestro servidor recibe los datos habituales de la conexión (por ejemplo la dirección IP) al cargarlo; los detalles están en nuestra política de privacidad. Política de privacidad

Preguntas frecuentes