Where: open your Advice flow → Styling.
Start with your brand colors and readable buttons. The Live preview shows how questions and product recommendations will look.
Your plan
Custom colors, fonts, layouts and shared styles require a paid plan. Free uses the base style; your saved styling is retained.
1. Choose a style
Under Style, select the default style or a saved team style. First check whether other Advice flows use the same style.
A shared style applies to multiple flows. Autosave updates the selected style. When you publish a flow using it, other published Flow widgets sharing that style also receive the styling. Choose a separate style if the change should apply only to this flow.
2. Set the basics
- Choose the primary color, text color and background.
- Style the buttons and check that the text stands out from the background.
- Set the shape and spacing of answer options.
- Also inspect a selected answer and a product card.
- Check desktop, tablet and mobile in the Live preview.
You can select elements in the preview to adjust their styling. Wait for your changes to finish saving.
3. Optionally add an intro or image
An intro helps when visitors need a short explanation before starting. Use a short title, one sentence of explanation and a clear start button. Intro text, logo and intro image belong to this Advice flow.
Add question and answer images in Builder. Choose images that clarify the choice and have similar proportions. Each upload can be up to 5 MB.
Your team shares the media library: Free includes 15 MB storage and standard paid plans include 300 MB. Existing images stay available after a downgrade. If usage exceeds your limit, make room or upgrade before uploading more.
4. Keep product cards clear
Adjust their appearance under Products. Choose which elements are visible, such as review stars or advice labels, under Settings → Recommendations.
Want to show material, delivery time or stock?
- In Styling, open Products → Product information.
- Select up to three dataset attributes.
- Set each field's label, display and position on the card.
- Check products with and without values: empty fields stay hidden.
These fields belong to the style. They display data from each connected flow's dataset and do not change matching.
Using Advice groups? Select the variant thumbnails in the preview to style their borders, selection and tooltip colors.
5. Check and publish
Walk through Preview with long answers and real product cards. Check that buttons are easy to tap and the first products remain readable on mobile.
Publish through Share & Publish. Your existing Flow widget receives the new styling; you do not need to replace its code.
You are ready when: questions, selected answers and recommendations are clearly readable on mobile and desktop.
