Embed-handleiding

Een spinnerwiel insluiten op je website

Gebruik de kale afspeelpagina in een website, leerplatform, dashboard of presentatie.

Maak en deel een wiel

Maak je embed

1
Maak of open het wiel.
2
Kies Bewaar & deel en daarna Insluiten.
3
Kopieer de iframe-code naar een HTML- of embedblok.
4
Test desktop en mobiel voor publicatie.

Responsief embedpatroon

Het iframe werkt direct; deze wrapper houdt een responsieve 3:2-verhouding.

<div style="position:relative;width:100%;aspect-ratio:3/2;min-height:420px">
  <iframe src="https://spinnerwheel.ai/nl/play?cmsWheelId=dca78f3c-af3f-4d9d-b567-62078d520e31&lang=nl&topBar=false" title="SpinnerWheel.ai" style="position:absolute;inset:0;width:100%;height:100%;border:0" allowfullscreen loading="lazy"></iframe>
</div>

Handige opties

topBar=false verbergt navigatie en footer.
allowfullscreen maakt volledig scherm mogelijk.
100% breedte volgt de container.
Ongeveer 420px minimale hoogte houdt mobiel bruikbaar.

Problemen oplossen

Gebruik het vertrouwde embed- of HTML-blok als iframes worden verwijderd.
Vergroot de containerhoogte als het wiel krap staat.
Maak na wijzigingen een nieuwe deelcode.

Live voorbeeld

Dit voorbeeld gebruikt dezelfde gelokaliseerde afspeelpagina.