Alle keuzehulpen maken gebruik van een ‘style template’ waarin je precies kan instellen hoe de keuzehulp er uit komt te zien.
Nieuw style template maken
Volg deze vijf stappen om een nieuw style template aan te maken.
1. In het menu aan de linkerkant kies je Look & Feel
Hier zie je een overzicht van alle style templates, met onderaan de pagina een overzicht van je keuzehulpen, en per keuzehulp welke style template gebruikt wordt.
2. Om een nieuw style template aan te maken, klik je rechtsboven op New Template
Hier zie je aan de linkerkant de instellingen voor onder andere kleuren en lettertypen.
Aan de rechterkant zie je een voorvertoning van je keuzehulp met voorbeeldteksten en afbeeldingen. Bij elke aanpassing die je doet, zie je gelijk aan de rechterkant hoe het er in de keuzehulp uit komt te zien.
Gebruik de knoppen bovenin om te switchen tussen verschillende pagina’s.
3. Aan de linkerkant kun je nu beginnen met het instellen van je style template
💡 Tip: geef je style template eerst een goede naam, zo je vind je deze later makkelijk weer terug!
Kleuren
Background color:
Wordt gebruikt voor de achtergrond (achter de contentpagina's). Maak het extra mooi door bij een in-page integratie dezelfde achtergrondkleur te kiezen als je op je website gebruikt.
Text color:
Wordt gebruikt voor titels, vragen en de prijs op de adviespagina.
Primary color:
Wordt gebruikt voor hoofdacties, bijvoorbeeld de startknop, of de call-to-action knoppen op je productkaartjes.
Highlight color:
Wordt gebruikt voor onderdelen zoals de voortgangsbalk.
Lettertypen
Het Header font wordt gebruikt voor de paginatitels. Text font wordt voor alle andere teksten gebruikt.
Corner rounding
Hier kun je aangeven of je gebruik wil maken van afgeronde hoeken voor je knoppen en antwoordopties.
5. Klik op Create template om een nieuw template aan te maken
Je ziet nu een veel uitgebreidere template verschijnen. Deze hebben we alvast voor je ingevuld. Tevreden? Dan is het template klaar om gekoppeld te worden aan je keuzehulpen!
💡 Goed om te weten: op basis van jouw voorkeuren hebben wij het uitgebreidere style template alvast voor je ingevuld. Maar dit kun je zelf ook aanpassen! Wil je een andere achtergrondkleur bij de productkaartjes in het advies, of toch een ander lettertype op je startpagina? Leef je uit!
Je style template koppelen aan je keuzehulp
Kies in het menu aan de linkerkant Look & Feel om weer terug te gaan naar het style template overzicht.
Je nieuwe style template is nu toegevoegd aan het overzicht. Onderaan de pagina zie je een overzicht van je keuzehulpen en aan welk style template je keuzehulp is gekoppeld.
Om je nieuwe template aan je keuzehulp te koppelen selecteer je de keuzehulp. Vervolgens kies je een style template, en daarna klik je op Change om je nieuwe style template te koppelen.
Style templates publiceren
Elke aanpassing die je doet wordt automatisch opgeslagen. Om het resultaat van je wijzigingen ook daadwerkelijk in je keuzehulp te zien, moet je de style template publiceren.
In het template overzicht zie je wanneer er voor het laatst een wijziging is geweest en of er nog wijzigingen gepubliceerd moeten worden.
Klik op Publish om je wijzigingen te publiceren.
💡 Goed om te weten: Je hoeft je keuzehulp niet nog apart te publiceren om de wijzigingen in je style template te zien.
Je fancy nieuwe style template is nu voor iedereen te zien!