Show points earned on product pages
Add the Points Earned Badge to your product pages so customers see the points a purchase earns — with live promotion rates and a logged-out login prompt.
The Points Earned Badge puts your loyalty program at the moment of decision: a strip on the product page telling the customer exactly how many points this purchase earns — Earn 50 points with this purchase.
The number is calculated live from your earning rules, so it does the right thing without upkeep:
Promotions are reflected automatically. During a double-points promotion, the badge shows the promotional number.
Non-earning products show nothing. If a product is excluded by your earning rules, the badge hides itself rather than promising points the order won't earn.
Add the badge to your product pages
The badge is a standard Shopify app block:
In Shopify admin, go to Online Store → Themes → Customize and open a product page template.
In the Product information → Details section, click Add block and choose Points Earned Badge under Apps.
Drag it where you want it — directly under the Buy buttons is the natural home.
Save.
Configure the content
Style and word the badge from Edit Loyalty Widgets → Product Page → Points Earned (not the theme editor):
Label Text — supports the
{points}placeholder: Earn {points} points with this purchase.Show info tooltip + Tooltip Text — an ⓘ explainer, e.g. Points are added to your account when your order is placed.
Logged-out Label Text — what visitors see before logging in, e.g. Log in to redeem your points for rewards. Leave blank to reuse the Label Text (also supports
{points}).Logged-out Tooltip Text — the tooltip for that state.
Styling
Typography & Colors — font size, text color, tooltip background, and tooltip text color. Fields tagged Styler inherit from the Universal Styler until you edit them.
Container — background color, border radius, text alignment, and top & bottom padding.
Use the preview's Logged out / Logged in toggle and desktop/mobile switch to check both states as you style.
Related guides
Last updated