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

  1. Ga naar Sites > Quizzes > Builder.

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

  3. 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.

    1. 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.
    2. Het Linkerpaneel: Hier zie je alle Elements (bijv. Single Choice of Multiple Choice), of Notification instellingen, of Categories.
    3. Het Middenpaneel: Het middelste gebied bevat de lijst met Pages (die de lijsten met Elements bevatten) en de Results Template.
    4. 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 Email 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

  1. Zodra je de quiz hebt opgeslagen, klik je op de Integrate-knop rechtsboven.
  2. 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.

Heeft dit je vraag beantwoord? Bedankt voor de feedback! Er was een probleem bij het versturen van je feedback. Probeer later nog eens.