Hoe maak je een quiz met optin voor op je website?
👉 In deze video geef ik een demonstratie van de quizfunctionaliteit op de website, inclusief het aanmaken van de quiz, het toevoegen van vragen, het aanpassen van scores en het instellen van leadgeneratie-opties.
00:00 Introductie van de quizfunctionaliteit
01:00 Vragen toevoegen en scores instellen
02:00 Aanpassen van de quizresultaten
03:00 Leadgeneratie en knopinstellingen
05:00 Automatiseringen en afsluiting
Sinds het maken van de video is de quiz verder ontwikkeld. Refereer naar de handleidingen voor de actuele werking van de quiz.
Quiz Builder Handleiding
De Quiz Builder is een krachtige tool waarmee je interactieve quizzen met scores kunt maken. Je kunt ermee je doelgroep segmenteren, automatiseringen activeren en gepersonaliseerde ervaringen creëren.
Een Quiz Aanmaken
Ga naar Sites > Quizzes > Builder.

Klik op + Add Quiz > Start From Scratch > Create om direct naar een lege Quiz Builder te gaan OF start met From Templates > Create.

Start vanuit Templates. In de Template Library kun je bladeren, filteren en zoeken naar een template. Bekijk een voorbeeld en activeer er een om deze in de Quiz Builder te laden.

Open de Quiz Builder.
- Het Bovenpaneel: Hier vind je de Back-knop (terug naar Quizzes lijst), de Titel van deze quiz, de Preview-knop (bekijk hoe de quiz eruitziet), de Integrate-knop (voeg deze quiz toe aan een pagina), de Save-knop, de schakelaar voor het linkerpaneel, de schakelaar tussen Desktop en Mobile weergaves, de Versions lijst, undo/redo, en de schakelaar voor het rechterpaneel.
- Het Linkerpaneel: Hier zie je alle Elements (bijv. Single Choice of Multiple Choice), of Notification instellingen, of Categories.
- Het Middenpaneel: Het middelste gebied bevat de lijst met Pages (die de lijsten met Elements bevatten) en de Results Template.
Het Rechterpaneel: Hier vind je de instellingen voor de Quiz of voor het momenteel geselecteerde Element.

Quiz Elementen
Er zijn veel vooraf gebouwde Quiz Elementen om te slepen en neerzetten.
| Type | Naam | Beschrijving |
|---|---|---|
| Quick Add > Questions | Single Choice | Meerdere zichtbare opties, één selectie. |
| Quick Add > Questions | Multiple Choice | Meerdere zichtbare opties, meerdere selecties. |
| Quick Add > Questions | Yes / No | Ja of Nee, selecteer er één. |
| Quick Add > Questions | Short Answer | Een klein tekstveld. |
| Quick Add > Questions | Long Answer | Een groot tekstveld dat scrollt. |
| Quick Add > Questions | Number | Een veld dat alleen nummers toestaat (positief of negatief) met omhoog/omlaag pijlen om 1 op te tellen of af te trekken. |
| Quick Add > Questions | Single Dropdown | Meerdere opties in dropdown, één selectie. |
| Quick Add > Questions | Multi Dropdown | Meerdere opties in dropdown, meerdere selecties. |
| Quick Add > Personal Info | Full Name | Tekstveld |
| Quick Add > Personal Info | First Name | Tekstveld |
| Quick Add > Personal Info | Last Name | Tekstveld |
| Quick Add > Personal Info | Date of birth | Datumkiezer |
| Quick Add > Personal Info | Phone | Gevalideerd telefoonnummerveld |
| Quick Add > Personal Info | Gevalideerd e-mailveld | |
| Quick Add > Address | Address | Tekstveld |
| Quick Add > Address | City | Tekstveld |
| Quick Add > Address | State | Tekstveld |
| Quick Add > Address | Country | Landendropdown met zoekfunctie |
| Quick Add > Address | Postal Code | Tekstveld |
| Quick Add > Address | Organization | Tekstveld |
| Quick Add > Address | Website | Gevalideerd URL-veld |
| Quick Add > Rating | Rating | 5 sterren |
| Quick Add > Customized | Text | Geen invoerveld, maar een manier om tekst aan de quiz toe te voegen zonder een vraag toe te voegen. |
| Quick Add > Customized | Html | Voeg een html-script van derden toe aan de quiz. |
| Quick Add > Customized | Captcha | Ik ben geen robot |
| Quick Add > Customized | Source | Voeg een aangepaste waarde toe om te tracken als de bron van de lead. |
| Quick Add > Customized | T & C | Checkbox met aanpasbaar "Ik ga akkoord..."-veld. |
| Quick Add > Customized | Score | Nummerveld |
| Quick Add > Other | Image | Geen invoerveld, maar een manier om een afbeelding aan de quiz toe te voegen. |
| Quick Add > Other | File Upload | Bestandskiezer |
| Quick Add > Other | Monetary | Invoerveld |
| Quick Add > Other | Signature | Tekenblok |
ℹ️ Quiz Elementen uit Custom Fields
Naast de Quick Add Elementen kun je ook elk Contact of Opportunity Custom Field aan de Quiz toevoegen als een vraag. Je kunt onbeperkt Custom Fields aanmaken.
De Quiz Configureren
Pagina's Toevoegen en Verwijderen. Alle pagina's verschijnen in de volgorde waarin ze staan (Pagina 1 eerst, Pagina 2 daarna, etc.).

Elementen Toevoegen en Verwijderen. Elementen moeten aan een Pagina worden toegevoegd. Elementen kunnen worden gesleept en neergezet om ze binnen een Pagina te herschikken of naar een andere Pagina te verplaatsen.

Elementen Bewerken. Klik op een Element om het te markeren en ook de instellingen in het Rechterpaneel te openen. Over het algemeen heeft het Element een Question (de vraag die aan de gebruiker wordt getoond) en andere standaardinstellingen zoals de Query Key (om de vraag vooraf in te vullen vanuit een URL-parameter) en Required of Hidden. Elk Element heeft ook unieke instellingen (bijv. keuzevragen hebben Options die ook Jump To vertakkingslogica toestaan).

Notificaties: Klik op het Belpictogram om het in het Linkerpaneel te tonen. Schakel je persoonlijke Email Notification in en een Auto Responder voor de quizgebruiker. Je kunt Subject, Email To, Reply To, en Sender Name instellen.

Categorieën: Klik op het Rasterpictogram om het in een popup-venster te tonen. Voeg Categorieën toe, Hernoem en Verwijder ze. Zodra je Categorieën hebt, kun je in de vraagopties een Categorie aan een Optie toewijzen en er een Score aan geven. Vervolgens kan de Results-pagina Scores per Categorie berekenen.

Stijlen & Opties: Klik op het lijnen & puntenpictogram aan de rechterkant van het Bovenpaneel. Onder Styles vind je Layout, Footer, Colors & Background, en Miscellaneous. Onder Options vind je On Submit (wat te doen wanneer de Quiz klaar is), Facebook Pixel ID, Facebook Pixel Events, Quiz Settings, en Footer HTML.

Element-Level Label Alignment: Met element-level label alignment kun je voor elk veld een andere labelpositie instellen, in plaats van één globale uitlijning voor de hele quiz toe te passen. Gebruik dit om de visuele ritme en spacing te verfijnen, vooral in compacte layouts. Om element-level label alignment in te stellen, selecteer je eerst een vraag. Gebruik in de rechterzijbalk de selectiepijlen onder Label Alignment om je keuze te bepalen. Houd er rekening mee dat op mobiel de uitlijning automatisch standaard op Top staat, wat zorgt voor een duidelijke, gebruiksvriendelijke layout ongeacht de desktop-instellingen.

Resultaatpagina
Nadat de gebruiker de quiz heeft ingediend, wordt hij of zij naar een resultaatpagina gebracht. Scroll in de hoofdquiz-builder naar beneden en klik op Edit Template onder "Result Template."
- De Header Bewerken: Voeg je logo, bedrijfsnaam en aangepaste tekst toe. Pas de layout, padding en achtergrondkleur aan.
- Scores Configureren: De resultaten zijn gebaseerd op dynamische content. Je kunt de tekst bewerken die wordt weergegeven voor elke scorecategorie (bijv. Laag, Gemiddeld, Hoog).
- Categorieën Aanpassen: In het tabblad Tiers kun je de percentagebereiken instellen die elke categorie definiëren (bijv. Laag = 0-39%, Gemiddeld = 40-79%, etc.). Je kunt ook de kleur wijzigen die aan elke categorie is gekoppeld om het resultaat visueel weer te geven (bijv. rood voor lage scores, groen voor hoge scores).
- Een Call-to-Action (CTA) Toevoegen: Bewerk het CTA-gedeelte om de volgende stap aan te moedigen. Bijvoorbeeld: "Wil je praten over je resultaten? Boek een gesprek!" Je kunt de knop vervolgens linken naar je agenda, een productpagina of een andere bron.
- De Footer Aanpassen: Voeg een footerlogo, social media-links toe en maak deze eventueel sticky.

Integreren en Publiceren
- Zodra je de quiz hebt opgeslagen, klik je op de Integrate-knop rechtsboven.
- Je hebt twee opties:
- Embed: Kopieer de iframe-code om de quiz direct op je website of funnelpagina's in te sluiten.
- Link: Kopieer de directe link om te delen in e-mails, social media of gesprekken.

Veelgestelde Vragen
Kan ik Quiz Builder integreren met mijn website?
Ja, je kunt quizzen op je website insluiten met behulp van de meegeleverde embed-code of ze delen via een directe link.
Kan ik het scoresysteem aanpassen?
Ja, je kunt verschillende punten aan elke vraag toewijzen en meerdere scorecategorieën instellen.
Ondersteunt Quiz Builder vertakkingslogica?
Ja, je kunt quizzen maken die zich dynamisch aanpassen door "Jump to"-regels in te stellen voor verschillende antwoorden.
Hoe kan ik quizresultaten analyseren?
Je kunt alle inzendingen bekijken en resultaten analyseren vanuit het Quiz-dashboard door naar Sites > Quizzes te gaan en Submissions te selecteren uit de dropdown.
Kan ik follow-ups automatiseren op basis van quizscores?
Ja, gebruik de Quiz Submitted Trigger in de Workflow Builder om geautomatiseerde follow-up sequenties te maken op basis van de score of categorie van de gebruiker.
Is Quiz Builder geschikt voor certificeringsexamens?
Ja, je kunt quizzen maken voor certificeringen, geslaagd/gezakt-criteria toewijzen en vervolgens workflows gebruiken om certificaten dienovereenkomstig te leveren.