How to Add Loyalty Rewards to the Shopify Product Page

Quick Answer

Yes, loyalty point information can be embedded directly on Shopify product pages, showing customers how many points a purchase will earn before they buy. Keystone supports embedding this information on product pages. The setup involves enabling the embed and confirming point values display accurately for each product.

Introduction

This guide is for merchants who want loyalty points to influence a purchase decision, not just reward it after the fact. Showing earning potential on the product page puts the incentive right where the decision happens.

You will learn how to enable the product page embed, what information to display, and how this placement can support both loyalty engagement and conversion. A small, well-placed reminder can shift how a customer weighs a purchase decision without any extra discount.

What Is the Product Page Embed?

The product page embed displays how many loyalty points a customer will earn from purchasing a specific product, shown directly on the product page before checkout. It gives shoppers a preview of the loyalty benefit tied to that specific item.

Who Needs the Product Page Embed?

This embed is useful for stores that want loyalty points to factor into the purchase decision itself.

• DTC brands wanting to highlight loyalty earning at the point of decision
• Beauty and cosmetics brands with a range of product price points
• Fashion and apparel stores with an established points program
• Subscription businesses reinforcing the value of enrollment
• Stores wanting to increase visibility of the loyalty program on-site

Why the Product Page Embed Matters for Your Business

Showing points earning directly on the product page reinforces loyalty at the exact moment a customer is deciding to buy.

• Reminds customers of the loyalty program at the point of decision
• Highlights higher-value products through their point earning potential
• Increases visibility of the loyalty program to browsing customers
• Reinforces the connection between purchases and points earned
• Supports program awareness for customers who are not yet members

How to Add Loyalty Rewards to Product Pages on Shopify

Step 1: Define Your Loyalty Goal

Decide whether the goal is general awareness, highlighting specific high-value products, or supporting sign-ups from customers who are not yet loyalty members. This decision affects how prominent the embed should be and which products deserve extra emphasis.

Step 2: Install and Configure Keystone Loyalty Rewards

Install Keystone Loyalty Rewards app from the Shopify App Store and enable the product page embed. Keystone calculates and displays the point value for each product automatically.

Step 3: Create Earning Rules and Rewards

Confirm your point earning rules are set correctly, since the product page embed will calculate and display values based on these rules for each product. An error in your earning rules will now be visible to every customer browsing that product.

Step 4: Add the Loyalty Experience to Your Store

Check the placement of the embed on the product page, ideally near the price or add-to-cart button where customers will naturally see it. Placing it too far down the page means many customers will never scroll to see it.

Step 5: Test the Program

Test the embed across several products with different prices to confirm point values calculate correctly. Check the embed on both desktop and mobile product pages.

Step 6: Go Live

Before launch, review the visual placement of the embed to confirm it does not clutter the product page or distract from the core purchase information.

Product Page Embed Examples

Industry: Beauty brand
Problem: Customers browsing product pages had no visibility into the loyalty program unless they already knew about it.
Setup: The brand added a point earning display near the add-to-cart button on every product page.
Result: More customers became aware of the loyalty program while browsing, supporting new signups.

Industry: Fashion brand
Problem: Higher-priced items did not stand out despite offering more points per purchase.
Setup: The brand highlighted the point value on premium product pages to emphasize the earning potential.
Result: Customers had a clearer sense of the loyalty value tied to higher-priced products.

Read more case studies for our apps to see how other stores use product page embeds.

Best Practices

A few practices help the product page embed add value without cluttering the page.

• Place the embed near the price or add-to-cart button for visibility
• Keep the displayed information simple, such as the point value alone
• Test the embed across a range of product price points
• Confirm the embed works well on both desktop and mobile
• Avoid adding too many loyalty elements to a single product page
• Review whether the embed affects program signups or engagement over time

Summary

Embedding loyalty points on the product page puts the earning potential directly in front of customers before they buy. The setup involves enabling the embed, confirming point values display correctly, and placing it where customers will notice it. This visibility can support both loyalty engagement and awareness among new customers.

If you want loyalty points visible at the point of decision, Keystone Loyalty Rewards supports embedding point values directly on product pages.