Naar de inhoud
Je bekijkt een voorproefje van het nieuwe Puzzel.org Terug naar de huidige site
Functies Insluiten
Insluiten

Jouw puzzel, op jouw pagina, met jouw naam erop.

Eén iframe zet de activiteit rechtstreeks in je site, CMS of LMS. White label — geen koppen, geen voetteksten, geen Puzzel-logo in het frame.

Werkt in elk CMS of LMS Geen Puzzel-logo in het frame Resultaten worden nog steeds bijgehouden
iframe · 600px × 900px Kruiswoordpuzzel
Niets in het frame zegt Puzzel. 600px × 900px
Abonnement Insluiten zit bij elk betaald abonnement. Bekijk abonnementen
Insluitcode maken

Stel het hier in, plak het daar.

1 · Welke activiteit
2 · Framegrootte
Responsieve breedte
Het frame vult zijn container — 100% breedte in plaats van vaste pixels

Vaste breedte. Zet responsieve breedte aan als je pagina ook op telefoons moet werken.

3 · Bekijk het resultaat

De kleuren komen uit de stijlinstellingen van de activiteit zelf, zodat de puzzel oogt als onderdeel van je site.

Je insluitcode
<div>
<iframe src='https://puzzel.org/nl/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' width='600' height='900' frameborder='0'>
</iframe></div>
Pas breedte en hoogte vrij aan — 100% is ook een geldige waarde.
Bewerk de activiteit later en elke pagina waarin die is ingesloten werkt zichzelf bij.
Dit fragment gebruikt een echte voorbeeldactiviteit, dus je kunt het meteen plakken.
Stap 1

Maak de activiteit

Maak hem zoals altijd in de editor. De knop 'Mijn activiteit gebruiken' geeft je de insluitcode — je raakt nooit een bestand aan.

Stap 2

Kopieer het iframe

Stel de grootte in die bij je opmaak past en zet het fragment in de HTML van je pagina.

Stap 3

Maak het van jou

Geef de activiteit stijl in de editor — de kleuren en lettertypen gaan mee het frame in, zodat het oogt als onderdeel van je site.

Probeer voordat je een abonnement neemt

Voorbeeldkruiswoordpuzzel, gratis te plakken

Zet dit op een testpagina om te zien hoe het frame zich gedraagt in jouw opmaak. Het is een echte, speelbare puzzel — geen account nodig.

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

Overal waar een iframe is toegestaan

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

Blokkeert je CMS het? Plak het fragment dan in een blok voor ruwe HTML of insluitcode in plaats van in een tekstveld met opmaak.

Voordat je het live plakt

Zien spelers Puzzel überhaupt?

Nee. De ingesloten activiteit is white label — geen logo, geen kop, geen voettekst. Jouw pagina is de hele ervaring.

Wat als de puzzel wordt afgesneden?

Maak het frame hoger, of gebruik 100% breedte zodat het frame je kolom volgt in plaats van een vast aantal pixels.

Werkt het op telefoons?

Ja. Met responsieve breedte past de activiteit zich aan, en aanraakbediening werkt hetzelfde als op puzzel.org.