Styling controls how the public Advice flow and Flow widget look. Use it before publishing so the experience feels like part of your webshop.
Where to configure this
- Styling: colors, spacing, intro, answers, buttons and product cards.
- Settings -> Recommendations: which recommendation parts are shown.
- Share & Publish: publish the current styling.
Style the flow
- Open the Advice flow.
- Go to Styling.
- Set colors, spacing, answer style and product card style.
- Add intro content only when visitors need a short welcome.
- Check desktop, tablet and mobile.
- Use the Live preview to review questions, recommendations and empty states.
Use images and swatches
Use images when they make a choice clearer. Question banners work best for context. Answer images and swatches work best when visitors compare visual options such as color, shape or style.
Keep images consistent in shape and size so the Flow widget remains calm on mobile.
Reuse a style
Use Style to choose the default style or a saved team style. Team styles help multiple Advice flows share the same colors, buttons and product card design.
Autosave updates the selected style. Publishing one flow that uses a shared style also updates other published Flow widgets using that style.
Flow-specific content, such as intro text, logo and intro image, stays saved on the current Advice flow.
Check before publishing
- Long answers wrap clearly.
- Buttons are easy to tap.
- Product cards stay easy to scan.
- Images do not dominate the first screen.
- The real webshop page has enough space around the widget.
You do not need to replace the Flow widget code after styling changes. Update the style and publish again.