How to display Earn points widget on product pages

The Earn points widget allows customers to see how many points they can potentially earn by purchasing a product. This feature is connected to the Place order rule in your Points program. Ensure both the Place order rule and Points program are enabled.

Widget example:

How many points you will earn Growave

For Legacy themes

To add the widget to your product page, follow these steps:

  1. Open the product-template.liquid file.

  1. Find the <h1> tag and insert the following code right after the closing </h1> tag:
{% if product.available %}

<div class="ssw-html-widget ssw-reward-place-order" data-module="Reward" data-name="PlaceOrder" data-product_id="{{product.id}}"></div>
 {% endif %}

For Online Store 2.0 themes

  1. Go to Shopify Admin → Select a theme → Click Customize → select the Default product page.
  2. Click Add block.
  3. Choose Earn points widget and save changes.

NOTE:

  • If the customer is part of a VIP Tier where points are multiplied, the widget will reflect this by showing the updated number of points when logged in.
  • The widget does not consider Rewardrable amount settings, such as excluding discounts and gift cards or including taxes and shipping, and only works with the Place order rule.

If you have any questions or need help, please contact us at support@growave.io or use the chat icon in the bottom-right corner. We're always here to help 🤗!

Related Articles