Waarom een ingesloten quizwidget beter werkt dan een externe link

Elke keer dat je een bezoeker van je website wegstuurt, zelfs naar een geweldige quiz, loop je het risico die kwijt te raken. Ingesloten quizzen houden bezoekers op je pagina, verlengen hun bezoek en sluiten direct aan op je conversietrechter. Een goed geplaatste quizwidget kan het aanmeldingspercentage verdubbelen ten opzichte van een statisch formulier, omdat mensen graag afmaken waar ze aan begonnen zijn.

Beheer je de website van een café, bar of evenementenlocatie en wil je meer reserveringen voor quizavonden? Met een ingesloten quiz geef je bezoekers alvast een voorproefje voordat ze bij je binnenstappen.

In deze handleiding lees je hoe je een Quizado-quiz technisch insluit op elke website en hoe je met de juiste plaatsing en vormgeving quizdeelnemers laat converteren.

Stap 1: Kies de juiste quiz voor je doel

Bepaal wat de quiz moet opleveren voordat je met code aan de slag gaat:

Leadgeneratie: Gebruik een persoonlijkheidsquiz of een quiz met een persoonlijk advies, waarbij deelnemers hun e-mailadres invullen voordat ze de uitslag zien. ("Wat voor pubquizteam zijn jullie?" werkt bijvoorbeeld uitstekend om een mailinglijst op te bouwen.)
Betrokkenheid en bezoekduur: Een kennisquiz met directe feedback houdt bezoekers langer op je pagina, wat zoekmachines een signaal van kwaliteit geeft.
Evenementpromotie: Sluit een proefronde van je wekelijkse quizavond in om bezoekers enthousiast te maken en meer reserveringen binnen te halen.

Stem het quizformat af op de gewenste conversie. Een quizwidget die e-mailadressen verzamelt, vraagt om een andere vormgeving dan een quiz die puur voor vermaak bedoeld is.

Stap 2: Genereer je insluitcode in Quizado

Quizado biedt een kant-en-klare insluitcode voor elke quiz die je maakt. Zo haal je die op:

Log in op je Quizado-dashboard.
Open de quiz die je wilt insluiten.
Klik op Delen en selecteer het tabblad Insluiten.
Kopieer het iframe- of JavaScript-codefragment.

De standaardinsluitcode ziet er zo uit:

<iframe
  src="https://quizado.com/play/your-quiz-id"
  width="100%"
  height="600"
  frameborder="0"
  allow="clipboard-write"
  loading="lazy"
  title="Interactieve quiz"
></iframe>

Praktische tip: Voeg altijd het attribuut title toe voor de toegankelijkheid en het attribuut loading="lazy", zodat de quizwidget pas wordt geladen wanneer bezoekers ernaartoe scrollen. Zo blijft je pagina goed scoren op laadsnelheid.

Stap 3: Kies de plek die de meeste conversies oplevert

Waar je de quiz op de pagina plaatst, maakt meer verschil dan de meeste mensen denken. Deze plekken leveren doorgaans goede conversieresultaten op:

Midden in een artikel

Plaats de quizwidget na het tweede of derde onderdeel van je artikel. Op dat moment zit de lezer al in het onderwerp en is die eerder geneigd mee te doen. Deze plek werkt vooral goed bij blogposts over quizonderwerpen, terugblikken op evenementen of artikelen waarin lezers hun kennis kunnen testen.

Een eigen onderdeel op een landingspagina

Geef de quiz een eigen onderdeel met een duidelijke kop, zoals "Probeer een proefronde" of "Ontdek jouw quizstijl". Gebruik een contrasterende achtergrondkleur om de ingesloten quiz te laten opvallen tussen de omliggende inhoud.

Zijbalk of vastgezette widget

Op desktops trekt een quizwidget die zichtbaar blijft in de zijbalk de aandacht zonder het lezen van de hoofdinhoud te onderbreken. Houd de hoogte van het iframe beperkt, bijvoorbeeld 400px, en plaats er een sterke oproep tot actie boven.

Pop-up bij vertrek of na een ingestelde tijd

Laat de quiz verschijnen wanneer een bezoeker op het punt staat te vertrekken of al 30 seconden op de pagina is. Zo trek je opnieuw de aandacht die anders verloren zou gaan.

Stap 4: Optimaliseer de ingesloten quiz voor mobiel

Meer dan de helft van het webverkeer komt van mobiele apparaten. Je ingesloten quiz moet dus ook op kleine schermen vlekkeloos werken.

Responsief iframe: Stel de breedte in op 100% en gebruik een omvattend element dat met CSS de beeldverhouding behoudt:

<div style="position:relative; width:100%; padding-bottom:75%; overflow:hidden;">
  <iframe
    src="https://quizado.com/play/your-quiz-id"
    style="position:absolute; top:0; left:0; width:100%; height:100%; border:none;"
    allow="clipboard-write"
    loading="lazy"
    title="Interactieve quizwidget"
  ></iframe>
</div>

Aanraakvlakken: De quizinterface van Quizado is ontworpen met mobiel gebruik als uitgangspunt. De antwoordknoppen zijn dus al groot genoeg om met je duim te bedienen. Controleer wel of het omvattende element de quiz niet afsnijdt op smalle schermen. Test dit op een echt apparaat, niet alleen door je browservenster te verkleinen.

Hoeveelheid te laden data: Een quizwidget met lazy loading voegt nauwelijks data toe aan de eerste paginalading. Als je meerdere quizzen op één pagina insluit, is lazy loading essentieel om te voorkomen dat de pagina traag wordt.

Stap 5: Stem je CTA af op de quiz

De quiz trekt bezoekers over de streep om mee te doen. De CTA zorgt voor de conversie. Geef je oproep tot actie een logische plek rondom de ingesloten quiz:

Vóór de quiz: Maak duidelijk wat deelnemers kunnen verwachten. "Beantwoord 5 korte vragen en ontdek welk quizavondformat perfect bij je past." Zo motiveer je bezoekers om de hele quiz af te maken.
Na de quiz: Doe een relevant aanbod op het moment dat deelnemers het meest betrokken zijn. "Smaakt dit naar meer? Reserveer een tafel voor onze quizavond op donderdag" of "Ontvang elke week quizpakketten in je inbox."
In de quiz: Gebruik de ingebouwde functie voor leadregistratie van Quizado om deelnemers eerst hun e-mailadres te laten invullen voordat ze de uitslag zien. Het voltooiingspercentage blijft hoog, omdat mensen al tijd in de quiz hebben gestoken en hun score willen weten.

De effectiefste aanpak is: trek de aandacht met de quiz → verzamel het e-mailadres op het resultatenscherm → volg op met een gericht aanbod. Deze volgorde levert doorgaans betere resultaten op dan losse leadformulieren.

Stap 6: Meet de resultaten en blijf verbeteren

Zodra de quizwidget live staat, meet je wat ertoe doet:

Voltooiingspercentage: Maakt minder dan 60% van de deelnemers de quiz af? Dan is die te lang of zijn de vragen niet boeiend genoeg. Kort de quiz in tot 5–7 vragen.
Percentage ingevulde e-mailadressen: Houd bij hoeveel deelnemers na het afronden hun e-mailadres achterlaten. Is dat minder dan 30%? Test dan andere teksten bij het verplichte e-mailformulier.
Uiteindelijke conversies: Koppel afgeronde quizzen aan je daadwerkelijke doel: reserveringen, aankopen of aanmeldingen. Gebruik UTM-parameters in je Quizado-links om dit in Google Analytics te volgen.

Het dashboard van Quizado geeft je standaard inzicht in voltooiing en betrokkenheid. Combineer die gegevens met je websitestatistieken voor een compleet beeld.

Veelgemaakte fouten bij het insluiten

Vaste hoogtes in pixels op mobiel: Daardoor wordt de quiz afgesneden of ontstaat er een grote lege ruimte. Gebruik altijd afmetingen die zich aan het scherm aanpassen.
Geen lazy loading: Een quizwidget die direct wordt geladen terwijl hij buiten beeld staat, haalt je Core Web Vitals-scores flink omlaag.
De quiz verstoppen: Een quiz onderaan een artikel van 3.000 woorden wordt nauwelijks gespeeld. Plaats hem waar de aandacht van de lezer het grootst is.
Geen CTA na afloop: Eindigt de quiz met alleen "Bedankt voor het meespelen"? Dan laat je omzet liggen. Bied altijd een volgende stap aan.

Begin vandaag nog met converteren

Met Quizado sluit je in minder dan vijf minuten een quiz in op je website. Het echte werk zit in de juiste plaatsing, optimalisatie voor mobiel en een reeks CTA's die quizdeelnemers naar een aankoop of reservering leidt.

Kopieer je insluitcode uit het Quizado-dashboard, voeg die toe aan je drukstbezochte pagina en zie de betrokkenheid groeien. Je bezoekers willen meedoen: geef ze iets dat het aanklikken waard is.

Zo sluit je quizzen in op je website voor maximale conversie