Skip to main content
Where to find this: Shopify admin → Apps → Yuko Loyalty → Loyalty → Widgets → Customize Branding

​
Introduction

Branding Settings sets the colours for your loyalty widgets in one place. Choose a ready-made palette or your own colours, then apply them to every widget at once. Widget language is set per widget: each widget editor has an Editing language picker, so you can write its text in each language your store publishes.

​
What problem this solves

Restyling a dozen widgets one by one is slow and easy to get inconsistent. Branding gives every widget the same colours in one save, and you can still fine-tune individual widgets afterwards.

​
Where it applies

Branding colours can be applied to all loyalty widgets: Product page, Cart earn, Cart redeem, Checkout earn and redeem, Order status, Order list, Customer profile, the Customer account page, the Rewards Landing Page, Floating Rewards and Loyalty Nudges.

​
When to use

  • You’re setting up widgets for the first time and want them all to match your store.
  • You’ve rebranded and want to update every widget in one go.

​
Overview

  • 8 colour palettes to start from.
  • 5 colours you can adjust: Primary, Secondary, Primary text, Secondary text and Icon.
  • Apply changes to all widgets? copies the colours into every widget’s own style settings.
  • Editing language in each widget editor, for text in each of your store’s published languages.

​
Before you start

Yuko is installed and your loyalty program is set up.
For more than one language, the languages are published in your Shopify store (Settings → Languages).

​
Setup guide

​
Set your brand colours

1

Open Branding Settings

Go to Apps → Yuko Loyalty → Loyalty → Widgets and click Customize Branding.
2

Choose your colour palette

Pick one of the eight palettes: Eclipse Black (default), Coral Pink, Herbal Green, Golden Ochre, Crimson Red, Expresso Brown, Pacific Blue or Modern Gray. Choosing a palette fills in the colours below.
3

Customize colors

Adjust any of the five colours. Before you pick a palette, they start at these values:
4

Apply to all widgets (optional)

Tick Apply changes to all widgets? to copy these colours into every loyalty widget. This overwrites any colours you’ve set on individual widgets.
5

Save

Click Save.

​
Edit widget text in another language

1

Open a widget

Go to Loyalty → Widgets and click Customize on the widget.
2

Pick the language

At the top of the editor, choose a language from Editing language. Your default language is marked (default). The picker appears only when your store has more than one language.
3

Write and save

Edit the text and click Save. Each language keeps its own copy of the widget’s text. Repeat for each language.
Labels in your loyalty content, such as campaign names, reward names, VIP tier names and system labels, are translated separately in Translations.

​
How it works

  • Branding stores your palette and colours. When Apply changes to all widgets? is ticked on save, Yuko writes those colours into each widget’s style settings. After that, each widget keeps its own colours, so you can still change one widget without affecting the rest.
  • Language is chosen on the storefront from the language the customer is browsing in. Yuko shows the widget text you saved for that language.

​
Limitations

  • Branding sets colours only. There are no logo, font or typography settings. Each widget has its own style options (such as Custom CSS and shapes) in its editor.
  • Branding doesn’t change your loyalty emails. Email branding is set separately.

​
Best practices

Set branding first. Pick your palette before you customise individual widgets, then tick Apply changes to all widgets? once.
Re-apply after a rebrand. Ticking Apply changes to all widgets? again brings every widget back in line.
Write every language. If you sell in several languages, open each widget in each language so customers never see untranslated text.

​
FAQs

Yes. Branding is a starting point. After applying it, open any widget and change its colours on its own Styles or Customization settings. Ticking Apply changes to all widgets? again later overwrites those changes.
Colours reach existing widgets only when Apply changes to all widgets? is ticked when you save. Tick it and save again.
No. Branding covers colours only. For images, use the widget’s own settings, such as Banner images in Floating Rewards or the image settings on the Rewards Landing Page blocks.
It appears only when your store publishes more than one language. Add and publish languages in Shopify under Settings → Languages.
In Translations, which covers system labels and dynamic content such as campaigns, rewards and VIP tiers.

Floating Rewards

Floating button and loyalty panel on every page.

Rewards Landing Page

A dedicated loyalty page built from seven theme blocks.

Loyalty Nudges

Pinned strip and drawer on every page, ideal for boosters.

Product Page Earn

Show points to earn on product pages.

Cart Earn

Show points to earn on the cart.

Cart Redeem

Let customers redeem points and apply rewards in the cart.

Checkout Earn

Show points to earn in Shopify Checkout (Shopify Plus).

Checkout Redeem

Redeem points and apply rewards in Shopify Checkout (Shopify Plus).

Order Status Earn

Show points earned on the order status page in customer accounts.

Order List Balance

Show the points balance on the Orders page in customer accounts.

Customer Profile Balance

Show loyalty details on the Profile page in customer accounts.

Customer Account Page

A full loyalty page inside Shopify customer accounts.

Branding & Locale

Colour palettes for all widgets, and per-language widget text.

Book a Free Setup Call

Talk to our team for personalised setup help.Time: 30 minutes

Contact Support

Visit our support hub for help articles, live chat and ticket submission.

Browse the Guides

Documentation across loyalty, referrals, memberships and more.

Install Yuko

Add Yuko to your Shopify store from the Shopify App Store.