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

Volgende tutorial:

Koppel en bewerk je product feed
Koppel je feed aan je keuzehulp en gebruik filters om alleen de producten die je nodig hebt in te laden.
Lees meer
An arrow pointing right.