Quiz insluiten & delen
Elke gepubliceerde quiz krijgt een deelbare link, plus een kant-en-klare iframe-code om hem rechtstreeks op je eigen website in te sluiten.
Laatst bijgewerkt
Hoe sluit ik mijn quiz in op mijn website?
Open het menu van de quiz en kies "Embedcode kopiëren" — dit kopieert een iframe die verwijst naar de deellink van je quiz met ?embed=true erachter, klaar om in de HTML van je site te plakken.
De embedcode#
De actie "Embedcode kopiëren" in het quizmenu kopieert precies deze code, met de deellink van je quiz en een ?embed=true-queryparameter die de pagina omschakelt naar een embedvriendelijke lay-out:
<iframe src="https://fluotest.com/to/your-username/your-quiz?embed=true" width="100%" height="600" frameborder="0" style="border:none;border-radius:8px;" allow="clipboard-write"></iframe>
Hoogte en breedte aanpassen#
De code heeft standaard een hoogte van 600px en een breedte van 100%. Er is geen automatische aanpassing van de grootte, dus als je quiz veel vragen of een lang resultatenscherm heeft, verhoog dan het height-attribuut — test de embed met een volledige doorloop en pas de hoogte aan totdat niets wordt afgesneden.
Badge verwijderen en eigen domeinen#
Gratis quizzen tonen een "Powered by FluoTest"-badge zowel op de gehoste pagina als in de embed. Pro verwijdert deze. Als je een eigen domein hebt gekoppeld, controleer dan je domeininstellingen voor de exacte link die je in plaats van fluotest.com moet gebruiken.
Problemen oplossen#
- De embed ziet er afgesneden uit of heeft een schuifbalk: Verhoog het height-attribuut op de iframe-tag — de standaard 600px is een startpunt, geen vaste limiet.
- De quiz laadt niet in de iframe: Controleer of de quiz gepubliceerd is, niet verwijderd, en of de deellink werkt wanneer je hem rechtstreeks in een nieuw tabblad opent.
- De badge "Powered by FluoTest" blijft zichtbaar bij Pro: Controleer of de werkruimte daadwerkelijk op Pro zit (of gegrandfathered is) — de badge is gekoppeld aan het abonnement van de quiz-eigenaar, niet aan de pagina waarop hij is ingesloten.
Veelgestelde vragen#
Heb ik naast de iframe-code nog andere code nodig om een quiz in te sluiten?
Nee — de gekopieerde iframe-code is op zichzelf staand. Plak hem in de HTML van je site waar je de quiz wilt tonen.
Ziet de ingesloten quiz er anders uit dan de gehoste versie?
De parameter ?embed=true schakelt over naar een lay-out die geschikt is voor insluiting (bijvoorbeeld zonder de eigen pagina-chrome van FluoTest eromheen), maar de inhoud en het gedrag van de quiz blijven hetzelfde.
Kan ik de link ook direct delen in plaats van insluiten?
Ja — dezelfde deellink werkt ook als losstaande pagina. Gebruik daarvoor de gewone link (zonder ?embed=true).