Skip to main content
Nudj adds to your storefront through Shopify’s theme editor, the same place you arrange your homepage and product sections. You drop in Nudj widget blocks where you want them, and they’re styled to match your brand automatically — no code, no theme files to edit.

​
Style your widgets first

Before adding widgets, pick how they look. In the Nudj app’s settings you can apply a theme preset with one click, or fine-tune the colours and styling. Every widget reads from this shared theme, so you set your branding once and all the widgets follow.
Set your theme in the Nudj app first, then add the widgets. The blocks you place will already match your brand, so there’s nothing to restyle block by block.

​
Add a widget with the theme editor

1

Open the theme editor

In your Shopify admin, go to Online Store → Themes, then select Customize on your live theme.
2

Add a Nudj block

Choose where you want the widget, select Add block (or Add section), and pick the Nudj block you want from the list.
3

Position and configure it

Drag it into place and adjust any block settings shown in the panel. Field names are kept short so they fit the theme editor’s settings panel.
4

Save

Select Save. The widget is now live on your storefront.

​
The widgets

Loyalty button (FAB)

A floating button anchored to the corner of the screen. Tapping it opens the full loyalty experience — points, challenges, and rewards — in a panel over your storefront.

Simplified loyalty widget

A lighter version of the loyalty widget for minimal storefronts, including achievements.

Ways to Earn

A list of the active ways shoppers can earn — your achievements and actions — that you can place on any page.

Loyalty account widget

A block for customer account pages showing the shopper’s points balance, tier, and gamification stats.

​
Refer-a-Friend

The Refer-a-Friend block renders a shopper’s personal referral link and a call to action, so they can invite friends straight from your storefront. There’s also a standalone referral widget if you want referrals to stand out on a specific page. Both work with the referral programme you configure in Set up your loyalty programme.

​
Remove a widget

To take a widget off your storefront, open the theme editor, select the Nudj block, and remove (or hide) it — the same place you added it. The change applies as soon as you save. Repeat for any other blocks you want to take down.

​
Next step

Next: Checkout & customer accountsLet shoppers redeem points at checkout and add a loyalty block to customer accounts.
Last reviewed: 2026-06