Styling bepaalt hoe de publieke Adviesflow en Flow widget eruitzien. Gebruik dit voor publicatie, zodat de ervaring bij je webshop past.
Waar je dit instelt
- Styling: kleuren, ruimte, intro, antwoorden, knoppen en productkaarten.
- Instellingen -> Aanbevelingen: welke onderdelen van aanbevelingen zichtbaar zijn.
- Delen & publiceren: de huidige styling publiceren.
Style de flow
- Open de Adviesflow.
- Ga naar Styling.
- Stel kleuren, ruimte, antwoordstijl en productkaartstijl in.
- Voeg introcontent alleen toe wanneer bezoekers een korte start nodig hebben.
- Controleer desktop, tablet en mobiel.
- Gebruik de Live preview om vragen, aanbevelingen en lege staten te bekijken.
Gebruik afbeeldingen en swatches
Gebruik afbeeldingen wanneer ze een keuze duidelijker maken. Vraagbanners werken goed voor context. Antwoordafbeeldingen en swatches werken goed wanneer bezoekers visuele opties vergelijken, zoals kleur, vorm of stijl.
Houd afbeeldingen consistent in vorm en formaat, zodat de Flow widget rustig blijft op mobiel.
Een geüploade afbeelding mag maximaal 5 MB zijn. Een groter bestand wordt al vóór het uploaden tegengehouden.
Hergebruik een huisstijl
Gebruik Huisstijl om de standaardhuisstijl of een opgeslagen teamhuisstijl te kiezen. Teamhuisstijlen helpen meerdere Adviesflows dezelfde kleuren, knoppen en productkaarten te gebruiken.
Autosave werkt de geselecteerde huisstijl bij. Publiceer je één flow met een gedeelde huisstijl, dan worden andere gepubliceerde Flow widgets met die huisstijl ook bijgewerkt.
Flow-specifieke content, zoals introtekst, logo en intro-afbeelding, blijft opgeslagen op de huidige Adviesflow.
Productinformatie toevoegen
Open Producten -> Productinformatie om maximaal drie dataset-attributen aan aanbevelingskaarten toe te voegen, zoals levertijd, voorraadstatus of materiaal. Kies per veld een label, weergave en positie. Badges kunnen het label met de waarde of alleen het label tonen. Plaats informatie boven of onder de titel, advieslabels of prijs, of onder de productknop. De standaardpositie is onder de prijs en boven de productknop.
Productinformatie hoort bij de gekozen huisstijl, zodat iedere gekoppelde Adviesflow dezelfde velden gebruikt. Elke flow leest de waarden uit de eigen gekoppelde productdata. Lege waarden blijven verborgen en de velden veranderen de matching of ranking niet.
Selecteer productinformatie in de Live preview om de tekst-, label- en badgekleuren, badge-afronding, tekstgrootte en tekstdikte aan te passen.
Controleer voor publicatie
- Lange antwoorden breken duidelijk af.
- Knoppen zijn makkelijk te tikken.
- Productkaarten blijven scanbaar.
- Afbeeldingen domineren het eerste scherm niet.
- De echte webshoppagina heeft genoeg ruimte rondom de widget.
Je hoeft de Flow widget-code niet te vervangen na stylingwijzigingen. Werk de styling bij en publiceer opnieuw.