How to add a Rewards widget "How many points you will earn"

The points price widget is intended to show customers how many points they can earn by purchasing a product. This feature is for the Place Order rule in the Points program. Please ensure that the Place Order rule and the Points program are enabled.

This widget is available for all Growave customers, whether they are using Growave Version 1 (V1) or Growave Version 2 (V2).

Here is what the widget looks like:

Legacy Theme: 

To add it to your product page, please open the product-template.liquid file, and find the tag h1:

then insert the following code after the </h1> line:

{% 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 %}

Online Store 2.0. Theme

Open Shopify Admin → Select a theme → Click on ‘Customize’: 

Select a ‘Default product’ page: 

Click on ‘Add block’:

Select ‘Earn Points Widget’ and save changes: 

NOTE: If a customer has a tier and points get multiplied, the widget will consider it when showing the number of points for an item. However, please keep in mind that the widget does not consider settings such as including taxes, etc., and only works with the Place Order rule.

That's it! If you have any questions or need help, please feel free to contact us at support@growave.io or by chat icon in the bottom-right corner, we are always here to help.

Related Articles