Your loyalty widget now takes its look from your storefront
Joy now reads your storefront and matches the widget to it — colors, button style, fonts, logo and copy. You review every value before it applies.
Summarize this post with AI
Why this matters
On-brand reads a page of your storefront and maps what it finds onto the Unified Widget. You choose which parts to apply, and nothing reaches your storefront until you save the widget.
Match your theme's colors and buttons
Colors and theme sets the widget's palette, button style, corner radius and fonts. The button is read with its hover state, so the widget's buttons behave like your product page buttons.
Rewrite widget copy in your voice
On-brand writes a Brand overview of your store and rewrites the widget's labels from it, in the language you pick. If the copy misses, edit the overview and click Generate again.
Re-match the widget after a theme change
Run the scan again on the new theme instead of picking each color by hand. Detected colors stay editable before anything applies.
Open the On-brand tab and enter your home page. Before you apply, hover over the button in the preview and compare it with the Add to cart button on a product page.
How to access and use
Step 1: Open the On-brand tab
In Joy, go to On-site content → Unified widget and open the On-brand tab.
Step 2: Enter your storefront page
Enter your Storefront URL, ideally your home page. If the storefront is password-protected, add the Storefront password.
Step 3: Choose what to apply
Under Apply to, tick the groups you want, set the Language, and click Generate.
Step 4: Review and apply
Adjust any detected color or rewritten label in the live preview, click Apply changes, and save the widget to publish.
Frequently asked questions
Does On-brand change my Shopify theme?
No. On-brand only reads your storefront, so your theme is never changed.
Is my storefront password saved?
No. The password works only on your own store's domain, unlocks it for that scan only, and is never stored.
Can On-brand scan a headless storefront?
Yes. The Storefront URL can be any public page, including a headless storefront or a page on a subdomain.
