Design and branding
Widget Design controls how the widget looks. It is deliberately separate from the questions: you can restyle without touching a published flow, and redesign your site without rebuilding your questions.
One design, every flow
Section titled “One design, every flow”There is a single design per workspace, and every flow in that workspace uses it. You cannot give two flows different colours or a different logo — that is the point. A visitor who meets your roofing quote on one page and your painting quote on another should not feel they have arrived at two different companies.
Two consequences worth knowing:
- Changes are immediate. The design is not versioned and there is no publish step for it. Saving a colour changes every live widget in the workspace at once, including flows you have not opened in months.
- Widget copy is shared too. The opening message, the button labels and the confirmation text are part of the design, so they read the same on every flow. Word them so they fit all of your flows — “Get started” travels better than “Get your roofing quote”.
Typography
Section titled “Typography”You can set the font family, weight and letter spacing. The goal is for the widget to read as part of your page rather than as an embedded advert — so match your site’s body font if you can, and leave letter spacing alone unless your brand font genuinely needs the adjustment.
Colours
Section titled “Colours”Set the widget’s colours to your brand palette. Check the result against your actual page background, not against the design panel — a colour that looks correct on white can disappear on a dark hero section.
Position
Section titled “Position”The widget can sit on the left, centre or right of the viewport.
Right is the convention and the safest default. Choose left only if something important already lives in the bottom-right of your pages — a chat launcher, a cookie banner, a back-to-top button. Two floating elements in the same corner will overlap.
The trigger
Section titled “The trigger”By default the widget provides its own launcher button. Two alternatives:
- A custom icon — same launcher, your image.
- Custom button mode — the widget provides no launcher at all, and you trigger it from an element already on your page.
Custom button mode is the better choice when you have a designed call-to-action you want to keep. “Get an instant quote” in your hero section, opening the widget, outperforms a floating bubble in the corner that visitors have learned to ignore.
See Add it to your website for the installation side of this.