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

​
Introduction

Loyalty Nudges is a slim strip pinned to the top or bottom of every storefront page. When a customer taps it, a drawer slides open with their points balance, VIP tier, earned rewards, ways to earn (including active booster campaigns) and ways to redeem, without leaving the page. It’s a natural home for Booster Campaigns: once a booster is live, shoppers see it on every page without you sending an email.

​
What problem this solves

A loyalty program that only lives in the customer account is invisible to someone browsing products. Loyalty Nudges keeps the program in view on every page with one short line of text, and opens the full detail only when the customer asks for it.

​
Where it appears

  • A strip pinned to the Bottom of page (default) or Top of page.
  • A drawer that opens when the customer taps the strip.
  • Every storefront page, rendered through the Yuko App theme app embed. There’s no block to place.

​
When to use

  • You run booster campaigns and want them visible on every page.
  • You want a persistent loyalty surface that carries a short personalised message.
  • You want points, rewards, VIP and boosters together in one place on the storefront.

​
Overview

  • A strip with separate Logged-out text and Logged-in text.
  • A drawer with four sections (Header banner, Your rewards, Ways to earn and Ways to redeem) that you can reorder by dragging and switch on or off.
  • The header banner has a Member version (points and tier) and a Visitor version (a “join our loyalty program” card). The rest of the drawer is the same for both, but visitors don’t get action buttons until they join.
  • Booster campaigns can show all active boosters or a hand-picked list.
  • Visibility controls for top or bottom placement, device and URL exclusions.
  • Colours, Drawer Height and Custom CSS on the Styles tab.
  • Each language has its own copy of the text. Use the Editing language picker.

​
Before you start

Yuko is installed on your Shopify store.
The program this widget belongs to is set up and enabled.
The widget is switched on with the toggle on its card in Yuko’s Widgets page (for loyalty widgets, Shopify admin → Apps → Yuko Loyalty → Loyalty → Widgets).
For storefront widgets, your active theme is an Online Store 2.0 theme that supports app embeds and app blocks.
The Yuko App embed is turned on in your published theme. See Theme App Embed.

​
Setup guide

​
1. Configure in Yuko

All content settings are on the Configuration tab.
1

Open the widget

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

Write the strip text

In Widget content → Trigger Strip:
  • Logged-out text, shown to visitors. Default: Earn [points_label] & rewards every time you shop. Keep it inviting: visitors can still open the drawer and browse.
  • Logged-in text, shown to members. Supports [first_name], [customer_name], [point_balance] and [points_label], for example Hey [first_name], you have [point_balance] [points_label]!
3

Set the drawer content

In Widget content → Drawer Content:
  • Drawer title, shown in the drawer’s header bar. Default: MY LOYALTY PROGRAM.
  • Greeting, shown at the top of the drawer. Supports [first_name] and [customer_name].
4

Arrange the drawer sections

In Drawer sections, drag Header banner, Your rewards, Ways to earn and Ways to redeem into order, tick the ones to show, and expand each one to edit its text (see the table below).
5

Choose booster campaigns

In Booster campaigns, keep Show booster campaigns on to show boosters inside Ways to earn. Under Campaigns to show, leave everything unselected to show every active booster, or select specific campaigns. The Ways to earn section must be on for boosters to appear.
6

Set visibility

In Visibility:
  • Placement: Bottom of page (default) or Top of page.
  • Where to display the loyalty strip: Desktop and mobile (default), Desktop or Mobile.
  • Hide loyalty strip in URLs that contain: click Add new condition and enter text such as /blog. The strip is hidden on every URL that contains it.
7

Style it

On the Styles tab, set Primary color, Secondary color, Text color and Body description color, the Drawer Height (30–100 vh; leave empty for the default) and any Custom CSS.
8

Save and turn it on

Click Save and switch the widget on.

​
Drawer section settings

At least one of Points balance, VIP tier or Your rewards must stay on.

​
2. Add to your storefront

Loyalty Nudges renders on every page through the Yuko App embed, so there’s no block to add. If the embed is on and the widget is active, the strip appears on your storefront.

​
3. Verify

1

Test as a visitor

Open your store in a private window. The strip shows your logged-out text, and the drawer opens with the visitor header card.
2

Test as a member

Log in as a customer. The strip switches to your logged-in text, and the drawer shows their balance, tier and rewards.
3

Test boosters

With at least one active booster campaign, open the drawer and check that it appears under Ways to earn.
4

Test exclusions

Open a URL that matches one of your conditions and confirm the strip is hidden.

​
Available placeholders

See all widget placeholders.

​
How it works

  1. The Yuko App embed loads Loyalty Nudges on every page, unless the device or URL is excluded.
  2. Visitors see the logged-out strip. Members see the logged-in strip, personalised with their name and balance.
  3. Tapping the strip opens the drawer with the sections you enabled, in your order.
  4. Booster campaigns load live, filtered by your Campaigns to show selection, and show progress where the campaign type supports it.
  5. Members can apply rewards and redeem points straight from the drawer. Visitors can browse, then create an account or sign in.

​
Custom login trigger

By default, the visitor Create account button and sign-in link go to the Shopify account login page. If your store uses its own login (a popup or a third-party login app), set a Custom login trigger in Loyalty → Settings. Choose Use a CSS element and enter a Login element selector (such as your theme’s login button), or Use a link and enter a Login link. The same setting applies to Floating Rewards and Cart redeem.

​
Decision guidance

  • Top or bottom: bottom is easier to reach on mobile and stays out of the way of sticky headers. Top is more prominent.
  • All boosters or a hand-picked list: start with all. Narrow the list if you run many campaigns at once.
  • Boosters first or standard campaigns first: boosters first puts time-limited offers at the top.

​
Limitations

  • Loyalty Nudges doesn’t render in Shopify Checkout. Use Checkout Earn and Checkout Redeem there.
  • It reaches only customers who are on your store. Use emails for everyone else.

​
Examples

  • Double-points weekend: the drawer opens with your Multiplier booster at the top of Ways to earn on every page.
  • Spending-goal progress: a Spending Goal booster shows each member how close they are to the bonus.
  • Personal strip: Hey Sarah, you have 240 points! on every page reminds members of their balance.

​
Best practices

Turn on Loyalty Nudges before you launch a booster. It’s the simplest way to show the campaign on every page.
Personalise the logged-in text. Use [first_name] and [point_balance] so the strip reads as personal.
Exclude pages where the strip competes. Blog posts and dedicated landing pages are common choices.
Test on mobile first. Most shoppers will open the drawer on a phone, so check the Drawer Height there.

​
FAQs

Floating Rewards is a corner button that opens a full panel with VIP, referrals, membership and activity. Loyalty Nudges is a full-width strip with a message, which opens a drawer focused on points, rewards, earning and redeeming. You can use either or both.
Check that the booster is active, Show booster campaigns is on, the Ways to earn section is on, and the booster is selected under Campaigns to show (or nothing is selected, so all show). The customer must also match the campaign’s targeting.
Yes. Use the Editing language picker at the top of the editor. Each of your store’s published languages keeps its own copy of the text.
Yes. Add URL conditions under Visibility → Hide loyalty strip in URLs that contain. To show it on only one device type, choose Desktop or Mobile.
Set Drawer Height on the Styles tab, between 30 and 100 (percent of the screen height). Leave it empty to use the default.

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.

Theme App Embed

The Yuko App embed that powers Floating Rewards, Loyalty Nudges and the theme blocks.

Checkout UI Extension

Add the earn and redeem blocks to Shopify Checkout (Shopify Plus).

Customer Account Extension

Add the loyalty blocks and full loyalty page to Shopify customer accounts.

Verify Your Setup

Confirm widgets render correctly on the live storefront.

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.