Stappenplan
1. Open je keuzehulp.
2. In het menu aan de linkerkant kies je Look & Feel.
3. In het overzicht zie je een voorvertoning van je keuzehulp met voorbeeld teksten en afbeeldingen.
Gebruik de knoppen om tussen lay-outs te switchen. Je ziet het effect van jouw instellingen op de startpagina, de vragen en antwoorden, de info pagina en de adviespagina.
Gebruik de knoppen om tussen devices te switchen. Je ziet het effect van je instellingen op groot en mobiel schermformaat.
4. Aan de rechterkant vind je de instellingen voor kleuren, lettertypen en andere styling π.
β
Kleuren
Main colorβ
Wordt gebruikt voor hoofdacties, bijvoorbeeld de call-to-action knop of de checkboxes en radio buttons bij de antwoorden.
Secondary color
Wordt gebruikt voor alle secundaire onderdelen, zoals de voortgangsbalk of de info-iconen.
Primary text color
Wordt gebruikt voor titels, vragen en de prijs op de adviespagina.
Secondary text color
Wordt voor de overige tekst gebruikt.
Background color
Wordt gebruikt voor de achtergrond (achter de content pagina's). Maak het extra mooi door bij een in-page integratie dezelfde achtergrondkleur te kiezen als je op je website gebruikt.
β
Lettertypen
Je kunt een font instellen voor:
headers
andere teksten
Headers kun je ook nog stylen, zoals vet maken, cursief zetten of onderstrepen.
β
Geavanceerde opties
The devil is in the details! In Advanced kun je de pagina's en knoppen in je keuzehulp tweaken naar jouw wensen.
βContent cards: Licht afgerond, vierkant of extreem rond: welke vorm past het beste bij jouw visuele identiteit?
βButtons: Zorg ervoor dat de knoppen in je keuzehulp overeenkomen met de call-to-action-knoppen op je website. Definieer vorm van de rand en opvulling, en stel in of ze een schaduw of juist een 'flat design' nodig hebben.
β
Laatste stap
Helemaal klaar? Vergeet niet op 'Save' te klikken!
1. Gebruik Preview om het resultaat in je keuzehulp te bekijken.
2. Staat jouw keuzehulp al live? Zorg ervoor dat je wijzigingen naar de gepubliceerde keuzehulp worden gepusht door in 'Publish' op de gele 'Publish' knop te klikken.