Can I match the widget to my store brand?

Yes. The Branding setting controls the primary color (buttons, active states) and the page background color of the customer-facing pages — the menu page, guided start and customer portal.

Steps

1. Open Settings.
2. Choose a brand color or enter a hex value.
3. Choose a page background color — match it to your theme's background so the pages blend in (especially with 'Render inside my theme' enabled).
4. Save the branding setting.
5. Wait up to one minute for storefront cache to refresh.
6. Preview the menu page and the product page widget.

Frequently asked questions

Which parts of the widget use my brand color?

Buttons and active menu states use the configured brand color and derived hover colors.

What does the page background color change?

The overall background of the menu page, the guided start wizard and the customer portal. If you use 'Render inside my theme' (Settings → Storefront pages), set it to your theme's background color so the pages look native. Leaving it white keeps the default look.