Insluiten

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

Met een iframe plaats je de activiteit rechtstreeks in je site, CMS of LMS. De kop, voettekst en het logo van Puzzel.org worden daarbij niet getoond.

Mijn insluitcode maken Probeer eerst het voorbeeld

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

Breedte Hoogte

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.

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 je activiteit in de editor. Kies 'Meer opties → Insluitcode' om de code te kopiëren. Je hoeft geen bestanden aan te passen.

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

Pas de kleuren en lettertypen aan in de editor. Die opmaak wordt ook gebruikt in de ingesloten activiteit, zodat hij bij je site past.

Probeer voordat je een abonnement neemt

Voorbeeldkruiswoordpuzzel, gratis te plakken

Plaats dit voorbeeld op een testpagina om te bekijken hoe de activiteit in je eigen opmaak past. Je kunt de puzzel meteen spelen, zonder account.

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

Werkt de code niet in je CMS? Gebruik een HTML-blok of een blok voor insluitcode, in plaats van een gewoon tekstvak met opmaak.

Praat met de activiteit vanaf je eigen pagina Zodra ze in je pagina staat, kan die pagina de score en voortgang van de speler ontvangen, te horen krijgen zodra iemand klaar is, en het bord resetten voor een nieuwe poging.

Activiteitideeën

Alle ideeën →

Rad van fortuin Premium

Prijzenrad

Eén draai per bezoeker, segmenten zo groot als jij wilt, het resultaat groot in beeld, en confetti alleen bij de hoofdprijs.

Woordzoeker

Woordzoeker met prijstrekking

De overgebleven letters spellen de code voor een weggeefactie. Voeg aan het eind een aanmeldformulier toe en de puzzel wordt het toegangsbewijs.

Zweedse puzzel

Nieuwsbriefpuzzel

Een puzzel in Zweedse stijl voor de achterpagina van de personeelsmail. De omschrijvingen staan in het raster, en de genummerde vakjes spellen het woord dat lezers insturen.

Quiz Premium

Wat voor type ben jij?

Geen goede antwoorden, alleen een uitkomst over de speler. Elk antwoord schuift ze een stukje op een schaal, en waar ze landen is hun uitkomst.

Voordat je het live plakt

Zien spelers Puzzel überhaupt?

Nee. De ingesloten activiteit heeft geen logo, kop of voettekst van Puzzel.org en past daardoor in je eigen pagina.

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.