Brand your flow

By branding your flow you can make it match the look and feel of your storefront, making it a seamless and familiar experience for your customers.

To get started, open your flow in the flow builder:
Open the flow in the Shopify admin app dashboard from the Flows overview, and click Edit in flow builder.
In the flow builder, select Theme settings at the bottom left of the screen. It will look similar to the image below:

Colors

You can change the Primary color to your brand color, this color is used for the main buttons and accents in the flow. Additionally you can set the background to match.

Font

Select a font for the flow in the Typography section. We currently support the most popular Google fonts, there should be one that matches your brand. Let us know if you want need another Google font in this list.

Logo

Upload your logo in the Logo section, it will be shown in the top left of the finder.

Custom CSS

Use custom CSS to further modify your flow. Please note that CSS changes will only show in the live quiz flow and the preview, not while in the editor page. If you need help with custom CSS for your flow reach out to our live chat support and we can help!

Only the following classes can be used:

-> .answers

-> .buttons

-> .image

-> .background

-> .price

-> .match

-> .result

-> .loading

-> .welcome-heading

-> .welcome-subheading

-> .question-heading

-> .question-subheading

-> .email-heading

-> .email-subheading

-> .result-heading

-> .result-subheading

Additional settings

There are some additional settings you can configure for your flow:

  • Display progress bar: toggle the progress bar at the top on or off.

  • Display question indicator: toggle the question indicator at the top on or off.

  • Language: set the language in which your flow is displayed. For more info please check out our translations guide.

This guide was last modified on November 17th 2022.

Need support?

Contact us

Video tutorials on

YouTube

Sign up for product updates

You can unsubscribe at any time.