Quiz insluiten & delen

Elke quiz heeft een deellink in de vorm fluotest.com/to/jouw-gebruikersnaam/quiz-slug (of je eigen domein, als je er een hebt gekoppeld — zie Eigen domein instellen). Dit is dezelfde link die wordt gebruikt voor de embedcode, de gehoste quizpagina, en overal waar je hem verder deelt.

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>

Naast de gewone inline iframe kan het insluitdialoog ook één script-tag genereren — deze laadt embed-widget.js, dat je quiz weergeeft als een zwevende pop-upknop, een inschuifpaneel vanuit een hoek, of een prompt die verschijnt bij exit-intent. Kies de modus in het insluitdialoog; de code hieronder toont de Pop-up-modus.

<script src="https://fluotest.com/embed-widget.js" data-quiz-url="https://fluotest.com/to/your-username/your-quiz" data-mode="popup" async></script>

data-mode accepteert popup, slidein, of exit-intent. Optionele attributen: data-button-text (labeltekst voor de pop-up/slide-in-trigger), data-color (accentkleur, standaard FluoTest-paars), data-position (bottom-right of bottom-left), en data-delay (vertraging van het inschuifpaneel in milliseconden, standaard 4000).

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.

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.

• 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.
• De pop-up-, slide-in- of exit-intent-quiz verschijnt niet: Controleer of de script-tag niet wordt geblokkeerd door een Content-Security-Policy die scripts of iframes van derden verbiedt — sta fluotest.com toe in je CSP. Exit-intent wordt maar één keer per browsersessie geactiveerd en alleen bij muisbeweging op desktop, niet op mobiel.