Waar: open je Adviesflow → Styling.
Begin met je merkkleuren en goed leesbare knoppen. In de Live preview zie je hoe de vragen en productaanbevelingen eruitzien.
Je pakket
Eigen kleuren, lettertypen, layouts en gedeelde huisstijlen vragen een betaald pakket. Gratis gebruikt de basisstijl; je opgeslagen huisstijl blijft bewaard.
1. Kies een huisstijl
Selecteer bij Huisstijl de standaardhuisstijl of een opgeslagen teamhuisstijl. Controleer eerst of andere Adviesflows dezelfde huisstijl gebruiken.
Een gedeelde huisstijl geldt voor meerdere flows. Autosave werkt de geselecteerde huisstijl bij. Wanneer je een flow met die huisstijl publiceert, krijgen andere gepubliceerde Flow widgets met dezelfde huisstijl ook die styling. Kies een aparte huisstijl als de wijziging alleen voor deze flow bedoeld is.
2. Stel de basis in
- Kies je hoofdkleur, tekstkleur en achtergrond.
- Stel de knoppen in en controleer of tekst en achtergrond voldoende van elkaar verschillen.
- Kies de vorm en ruimte van antwoordopties.
- Bekijk ook een geselecteerd antwoord en een productkaart.
- Controleer desktop, tablet en mobiel in de Live preview.
Je kunt onderdelen in de preview selecteren om hun styling aan te passen. Wacht na je wijzigingen tot ze zijn opgeslagen.
3. Voeg eventueel een intro of afbeelding toe
Een intro is handig als de bezoeker eerst moet weten wat de keuzehulp doet. Gebruik een korte titel, één zin uitleg en een duidelijke startknop. Introtekst, logo en intro-afbeelding horen bij deze Adviesflow.
Vraag- en antwoordafbeeldingen voeg je in de Builder toe. Gebruik afbeeldingen die de keuze verduidelijken en ongeveer dezelfde vorm hebben. Een upload mag maximaal 5 MB zijn.
Je team deelt de mediabibliotheek: Gratis bevat 15 MB opslag en standaard betaalde pakketten 300 MB. Bestaande beelden blijven beschikbaar na een downgrade. Zit je boven de limiet, maak dan ruimte vrij of upgrade voordat je meer uploadt.
4. Maak productkaarten overzichtelijk
Stel de vormgeving in onder Producten. Welke onderdelen zichtbaar zijn, zoals reviewsterren of advieslabels, bepaal je bij Instellingen → Aanbevelingen.
Wil je materiaal, levertijd of voorraad tonen?
- Open in Styling Producten → Productinformatie.
- Kies maximaal drie dataset-attributen.
- Stel per veld het label, de weergave en de positie op de kaart in.
- Controleer producten met en zonder waarde: lege velden blijven verborgen.
Deze velden horen bij de huisstijl. Ze tonen informatie uit de dataset van elke gekoppelde flow en veranderen de matching niet.
Gebruik je Adviesgroepen? Selecteer de variantminiaturen in de preview om hun randen, selectie en tooltipkleuren te stylen.
5. Controleer en publiceer
Doorloop het Voorbeeld met lange antwoorden en echte productkaarten. Controleer of knoppen makkelijk te tikken zijn en de eerste producten op mobiel goed leesbaar blijven.
Publiceer via Delen & publiceren. De bestaande Flow widget krijgt de nieuwe styling; je hoeft de widgetcode niet te vervangen.
Je bent klaar wanneer: vragen, geselecteerde antwoorden en aanbevelingen op mobiel en desktop duidelijk leesbaar zijn.
Volgende stap: de Flow widget op je webshop plaatsen.
