Een woordzoeker op je eigen website insluiten

Zo ziet het eruit

De woordzoeker hieronder is precies zo ingesloten als die van jou straks wordt. Veeg of sleep over de letters om een woord te vinden.

De code van dit voorbeeld

Twee delen: het kader met de puzzel en daaronder een gewone link. Die link laat je lezers zien waar de puzzel vandaan komt. Laat hem alsjeblieft staan, het is het enige wat we terugvragen.

<iframe src="https://www.wordsearchstudio.org/nl/embed/#Tc_dTsIwFAfwdznXJykDgbC7ag-jUNulG5hAuKih4MjSmQlyYXwmH8IXM50Qvf2d__n6gHdIE4QTpCAq3_pwOlcBEGpIIdSAcIAU-FwtMmn5dEoPTOREtKaF4YqzBdeZIWtI58QskdCrWSm51IxsoYk0KdKSmZJoaYwSPJszJfKy4HJl-VIxKbicWXW_XMmcTaWemyJ2ac44icysyZAhzrThZMVjaZdkWSkLq7kxRj0JQLhAutlAVrVuv_eAPbxDIMDxFjeQNW1V1w5wggMEfeOFC4fGt40H7GOvi086b1wMJzjubBhNeX--AI5xhFDcUPvz20vTtAFwEPcV1wG6OtavzrW76EnyVzB1tXfhBDiM-4rrHbkLOwc4wn5n3ei8Cofz91eIpyX_smV1PPg2hgcdjiKu_XPbfTf8_W643X7-AA" title="Dierentuin" width="100%" height="800" style="border:0;max-width:900px" loading="lazy"></iframe>
<p><a href="https://www.wordsearchstudio.org/nl/">Woordzoeker gemaakt met Word Search Studio</a></p>

De code voor je eigen woordzoeker

Maak je woordzoeker in de generator en klik op “Insluiten”: de kant-en-klare code verschijnt meteen. Of plak hier de deellink van een puzzel (de link van “Link kopiëren”), dan verschijnt de code eronder.

De hele generator insluiten

Wil je dat bezoekers zelf een woordzoeker kunnen maken? Dit kader toont de complete generator: woorden typen, een vorm kiezen en het resultaat printen of als PDF bewaren. Op jouw pagina wordt niets opgeslagen.

De code voor de generator

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

In drie stappen je eigen woordzoeker insluiten

1. Maak je woordzoeker

   Typ je woorden in de generator, kies een niveau en een vorm en voeg als je wilt een geheime boodschap toe.

2. Klik op “Insluiten”

   De knop staat naast “Link kopiëren” en toont de kant-en-klare code voor precies deze puzzel.

3. Kopieer de code en plak hem in je pagina

   Gebruik de HTML-weergave van je editor, een blok “Aangepaste HTML” of het codeveld van je leeromgeving.

Wie sluiten woordzoekers in

• Leerkrachten

  Woordenschat, spellingwoorden of een opdracht voor tussendoor: zet de puzzel op de klaspagina en leerlingen lossen hem op hun eigen apparaat op.

• Blogs en tijdschriften

  Een puzzel onder een artikel houdt lezers langer op de pagina. Feestdagen, dieren, eten of geschiedenis passen bij bijna elk blog.

• Verenigingen, kerken en bibliotheken

  Een woordzoeker over het dorp, de club of het kerkelijk jaar voor de pagina van de nieuwsbrief, of een regenachtige-middagpuzzel voor de kinderhoek.

Waar het werkt

WordPress

Voeg een blok “Aangepaste HTML” toe en plak de code.

Google Sites

Kies Invoegen, dan Insluiten, dan “Insluitcode”, en plak de code.

Moodle

Open de HTML-weergave (de knop <>) van een pagina of een label en plak de code. Haalt jouw Moodle kaders weg, vraag het dan aan de beheerder of gebruik de deellink.

Google Classroom

Berichten in Classroom tonen geen ingesloten kaders. Hang de deellink aan de opdracht; leerlingen openen de puzzel met één tik.

Wix, Squarespace en andere

Gebruik het element “HTML insluiten” of het codeblok en plak de code.

Formaat

Het kader gebruikt de volle breedte van de kolom, maximaal 900 pixels. Een puzzel heeft ongeveer 800 pixels hoogte nodig, de generator ongeveer 1.100. Op brede pagina’s staat de woordenlijst naast het raster, op smalle eronder. Heb je meer of minder ruimte nodig, pas dan het getal achter height= aan.

Optioneel: een hoogte die past

Staat je pagina scripts toe, dan zet dit fragment het kader precies op de hoogte van de inhoud. Plak het één keer ergens op de pagina. Aanbevolen voor de generator, want zijn hoogte hangt af van de breedte van het scherm.

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

Privacy: niets waar je cookiemelding iets mee moet

De ingesloten weergave plaatst geen cookies, bewaart niets in de browser van de bezoeker, meet niets en laadt niets van andere bedrijven. Lettertypen en scripts komen van onze eigen server en de puzzel zelf wordt alleen in de browser van de bezoeker gelezen. Zoals bij elk kader ontvangt onze server bij het laden de gebruikelijke verbindingsgegevens (zoals het IP-adres); de details staan in onze privacyverklaring. Privacyverklaring

Veelgestelde vragen