How do I display the loyalty widget on product pages or checkout?

Introduction

The Roadmap Loyalty widget shows customers how many points they can earn or redeem. Placing it on product pages, cart, and checkout makes the program visible and encourages engagement at the right time.

Option 1: Product Pages (PDP)

1. In Shopify Admin → Online Store → Customize.
2. Open a Product Page template.
3. Click Add Block → Roadmap Loyalty Widget.
4. Choose Points Earned Display (e.g. “Buy this and earn 200 points”).
5. Save changes.

👉 Customers now see how many points they’ll earn for buying that product.

Option 2: Cart Page

1. In Customize, open the Cart template.
2. Add the Roadmap Loyalty widget block.
3. Select Redemption Options Display (redeem points for discounts/free products).
4. Save.

👉 Customers can redeem directly from the cart before proceeding to checkout.

Option 3: Checkout

1. In Customize, open the Checkout template (available for Shopify Plus, or if blocks are supported).
2. Add the Roadmap Loyalty widget block.
3. Enable Checkout Redemption Dropdown.
4. Save.

👉 Customers can redeem loyalty points during checkout — Roadmap automatically applies the discount or free product.

Option 4: Customer Account Area

1. In Customize, open the Customer Account template.
2. Add the Roadmap Loyalty widget block.
3. Enable Tier + Balance Display.

👉 Customers can see their balance, tier status, and progress toward the next reward.

Why Place the Widget?

• Product pages → Motivates purchases by showing “earn X points.”
• Cart → Encourages redemption before checkout.
• Checkout → Gives last-minute incentive to complete purchase.
• Account area → Builds engagement and shows program transparency.

Common Questions

• Can I style the widget to match my brand?
  • Yes — it inherits your store’s theme styles, and you can further customize colors and layout in Roadmap admin.
• Do customers see both earning and redemption info?
  • Yes — on product pages they see “earn” info, and in cart/checkout they see redemption options.
• Does the widget work with all themes?
  • Yes — but some custom themes may need Roadmap support to enable widget placement.
• Can I hide the widget on certain products?
  • Yes — widget visibility can be limited by product or collection rules.

Summary

To display the loyalty widget:

• ✅ Add it to Product Pages to show points earned per purchase.
• ✅ Add it to the Cart for redemption options.
• ✅ Add it to Checkout so customers can redeem before paying.
• ✅ Add it to the Account area to show balances and tiers.

​