Encourage activity on your loyalty program by adding a simple call to action on your product page that shows the Potential Loyalty Points

✨ Potential Loyalty Points Theme Extension feature is available on every Rivo Loyalty plan (including free).

The product page is the most important part of the customer journey. Integrating loyalty into your product pages, means loyalty is integrated into more places – resulting in higher engagement and sales. Rivo's Potential Loyalty Points app block adds value, is non obtrusive and gives customers another reason and motivation to add to cart.

Potential Loyalty Points video walkthrough

Here's a quick video walkthrough demo showing you how to install the Potential Loyalty Points theme extension on your store.

How to add potential points earned to your product pages

  1. Open the Themes page from your Shopify Admin and click Customize Theme.

  2. From the top center dropdown, select Products > Default Product (or any other template you normally use for the product page)

  3. On the left sidebar click Add Block, then search or select Potential Loyalty Points

  4. Next you can customize the design, text and settings of the block

  5. Now drag and drop the block wherever you want it to show on the product page

  6. Once you're happy with where it is and how it looks click Save

📝 Important Note: Currently, this feature doesn't support product variants - the potential points shown on variants will be for the main product price.

Customization and design options

Using the Potential Loyalty Points theme editor, you can customize the padding, color, text and settings of the app block.

  • Panel Color: Choose the background color of the Potential Loyalty Points Block

  • Padding size: Adjust the padding size of the block in pixels

  • Title: Use the [potential_points] variable to show points earned for purchasing a product

  • Subtext: Add in some explainer text about your loyalty program, and link to your loyalty page or open the widget using the deep link #ba-loyalty-home

  • Show icon: Check the box and select or upload an image/icon to show on the left side of the block. Uncheck the box to hide the icon.

  • Only show to logged out customers: check this box if you only want the Potential Loyalty Points to be visible to customers who are logged out (non-loyalty members). Leave this box unchecked if you want this visible to all customers, both logged in and logged out. We recommend to leave the box unchecked.

Customizing the Potential Loyalty Points block with CSS

Since this is an app block and Rivo uses Shopify Metafields, you can customize the design with CSS just like you would any other element on your website. Simply add your own styles to the style or .css file in your Shopify code editor.

Here's an example:

div#loy-potential-points {
/* Add your styles here */
}

Common questions

Can I reposition the Potential Loyalty Points block anywhere on the product page?

Yes! Simply drag and drop it to show it anywhere you want using the theme editor.

Can I add this to another product template?

Yes, just select your product template from the top dropdown and then repeat the steps above.

How do I use a custom font with the Potential Loyalty Points block?

You would specify that font within your CSS, and add custom styles following the steps above.

Does this app block slow down my product page?

Absolutely not. Since we're directly integrated with Shopify metafields, there is no impact on site speed, and this app block will load as quickly as any other text on your product page.

Did this answer your question?