Handleiding
Hoe je gratis het ontwerp van je quiz aanpast (kleuren, lettertype, grootte)
Als iemand op je quiz landt, valt niet als eerste je vragen op. Het valt op of de quiz eruitziet alsof hij van jou is, of alsof hij door een willekeurige tool is gemaakt. In de vijf dagen sinds we gratis quizaanpassing lanceerden, heeft ongeveer een op de twintig actieve quizzen het gebruikt, wat betekent dat de meeste FluoTest-gebruikers hun quiz nog in de standaardkleuren draaien. Hier is hoe je dat verandert in minder dan twee minuten, gratis.
Kort antwoord
Hoe pas ik het ontwerp van mijn FluoTest-quiz aan?
Open je quiz-editor, ga naar het tabblad Ontwerp en stel je achtergrond-, tekst-, knop- en accentkleur in, plus een lettertype en basistekstgrootte, met een live voorbeeld. Dit is gratis op elk plan, geen code nodig. Pro voegt daarbovenop paginabreedte, logo- en coverformaat en gedetailleerde styling van velden en knoppen toe.
Wat is het tabblad Ontwerp?
Het tabblad Ontwerp is een stylingpaneel per quiz, los van vraaglogica en scoring. Het bepaalt hoe je quiz eruitziet voor respondenten: achtergrondkleur, tekstkleur, knopkleuren, een accentkleur, het lettertype en de basistekstgrootte. Wijzigingen gelden alleen voor die ene quiz en worden meteen zichtbaar in een live voorbeeld.
Het staat naast de bestaande Custom CSS-editor van FluoTest, die er nog steeds is voor wie volledige controle wil. Het tabblad Ontwerp is voor iedereen: een snelle manier om je quiz aan je merk aan te passen zonder een regel code te schrijven.
Waarom dit meer uitmaakt dan het lijkt
Een quiz in de standaardkleuren komt over als een generieke tool, zelfs als de vragen en scoring erachter uitstekend zijn. Door je achtergrond, knoppen en lettertype aan je merk aan te passen, of gewoon andere kleuren te kiezen dan het standaard paars, voelt de quiz als onderdeel van je site of funnel in plaats van een los geplakte plugin.
FluoTest levert vier kant-en-klare presets (Standaard, Midnight, Clean Light, Sunset) als je een snel startpunt wilt, plus vijf lettertypes (Systeemstandaard, DM Sans, Inter, Poppins, Lora) en volledige handmatige kleurcontrole als je een exacte merkpalet wilt matchen. Dit alles is gratis. Pro voegt een Geavanceerd gedeelte toe voor paginabreedte, logo- en coverformaat en gedetailleerde styling van velden en knoppen, bovenop dezelfde gratis Thema-instellingen.
Probeer het: fluotest.com
Hoe je het ontwerp van je quiz aanpast in 5 stappen
1. Open het tabblad Ontwerp
Open vanuit je dashboard de quiz die je wilt stylen en ga naar het tabblad Ontwerp, naast Bouwen, Instellingen en Integraties. Het werkt hetzelfde, of de quiz nu gepubliceerd is of nog een concept.
2. Kies een preset of begin vanaf nul
Kies een van de vier ingebouwde presets (Standaard, Midnight, Clean Light, Sunset) als startpunt, of ga direct naar het instellen van je eigen kleuren. Een preset kiezen legt je nergens op vast. Je kunt elke kleur daarna nog aanpassen.
3. Stel je achtergrond-, tekst-, knop- en accentkleur in
Elke kleur heeft een eigen veld: achtergrond, tekst, knopachtergrond, knoptekst en accent. Match ze met de hexcodes van je merk als je die hebt, of kies gewoon kleuren die goed samengaan. Het live voorbeeld werkt bij als je typt.
4. Kies een lettertype en basistekstgrootte
Kies uit Systeemstandaard, DM Sans, Inter, Poppins of Lora, en pas dan de basistekstgrootte aan als je vragen lang zijn of je publiek wat ouder is. Alle andere tekstgroottes in de quiz schalen mee met deze ene instelling.
5. Bekijk het voorbeeld en publiceer
Controleer het live voorbeeld op zowel desktop- als mobiele breedte voordat je publiceert. De wijzigingen gelden alleen voor deze quiz. Verder verandert er niets in je account.
Waarom een aangepast quizontwerp twee minuten waard is
- -Een quiz die bij je merk past voelt betrouwbaar in plaats van generiek, en dat telt het meest in de eerste drie seconden
- -Ingesloten quizzen zien eruit als onderdeel van je pagina in plaats van een duidelijke widget van een derde partij
- -Je kunt dezelfde quiz met verschillende kleuren draaien voor verschillende campagnes of klanten
- -Het is gratis op elk plan, dus er is geen reden om het standaard paars te laten staan als het niet bij je merk past
- -Het Geavanceerd gedeelte van Pro (paginabreedte, logo- en coverformaat, styling van velden en knoppen) gaat nog verder voor wie pixelcontrole wil
Wie zou het ontwerp van hun quiz moeten aanpassen?
- -Bureaus en consultants die een quiz insluiten op de merkwebsite van een klant
- -Coaches en makers die al merkkleuren hebben en niet willen dat een paarse quiz de pagina verstoort
- -Bedrijven die dezelfde quiz draaien op meerdere campagnes of landingspagina's met verschillende looks
- -Iedereen die al heeft gehoord dat hun quiz eruitziet als een formulier, niet als onderdeel van hun site, en daar vanaf wil
Veelgestelde vragen
Is het aanpassen van het ontwerp van mijn quiz gratis?
Ja. Kleuren, lettertype en basistekstgrootte zijn gratis op elk plan, ook bij quizzen die nog de FluoTest-badge tonen. Pro voegt een Geavanceerd gedeelte toe voor paginabreedte, logo- en coverformaat en gedetailleerde styling van velden en knoppen.
Heeft het wijzigen van het ontwerp invloed op mijn scoreniveaus of logica?
Nee. Het tabblad Ontwerp verandert alleen het uiterlijk. Je vragen, scoring, voorwaardelijke logica en uitkomsten blijven ongewijzigd.
Kan ik verschillende ontwerpen gebruiken voor verschillende quizzen?
Ja. Ontwerpinstellingen gelden per quiz, niet voor het hele account. Je kunt de ene quiz in je merkkleuren draaien en de andere in een compleet andere look.
Wat als ik meer controle nodig heb dan kleuren en lettertypes?
FluoTest heeft ook een Custom CSS-editor voor volledige controle, en het Geavanceerd gedeelte van Pro voegt paginabreedte, logo- en coverformaat en styling van velden en knoppen toe bovenop de gratis Thema-instellingen.
Zijn mijn wijzigingen meteen zichtbaar?
Ja. Het tabblad Ontwerp heeft een live voorbeeld, zodat je elke wijziging ziet voordat je publiceert.
Klaar om je quiz eruit te laten zien als die van jou?
FluoTest is gratis. Geen creditcard nodig. Pas je ontwerp aan in minder dan twee minuten.
Wat je krijgt met FluoTest:
- - Een gratis tabblad Ontwerp: kleuren, lettertype en tekstgrootte, met een live voorbeeld
- - Vier kant-en-klare presets of volledige handmatige kleurcontrole
- - Onbeperkte quizzen en reacties
- - Gescoorde vragen met resultaten per niveau
- - Brevo-, webhook- en andere integraties om leads automatisch te routeren
Vragen? Lees onze prijspagina of bekijk quizsjablonen.