Points on Product page

Points on Product page

Learn how to set up the Points on the Product page feature to display the points customers can earn for each product clearly

IMPORTANT NOTE: The Points on the Product page feature is available on the Growth plan or higher. Check out our Pricing plans for more details.

Introduction

This feature allows you to display the number of points customers will earn right next to the corresponding products on your website. It helps shoppers quickly understand the reward points they can accumulate, enhancing their shopping experience. Setting it up is incredibly simple, quick, and requires no coding skills. Let’s get started together!

Overview

5 steps to set up the Points on Product page feature

1. Go to BON > Branding > Points on Product page.

Points on Product page

2. Within the Points on Product page settings > Toggle the option to Enabled to activate the feature.

Enable Points on product page

3. Go to Shopify admin > Online Store > Themes > Homepage > Products > Select the desired product template (e.g., Default product).

4. Go to the Template section on the left panel > Add block > Apps > Choose Points on Product page > Add the block to your product page > Drag and drop it to your desired position.

What the Points on the Product page block looks like on the website

On your website, shoppers will see a block displaying the reward points they can earn for each product. The point value will adjust automatically based on the specific product, ensuring customers see the correct amount for every item.

how the feature points on product page look on the website?

How to customize the Points on the Product page branding and text

  • Within the Points on Product page settings > Go to the Branding tab > Customize the Colors and Icon to match your store’s style.
Points on Product page colors
  • Within the Points on Product page settings > Go to the Displayed Text tab > Customize the Text to match your store’s tone and messaging.

BON NOTE: Freely edit the text as you wish, but make sure not to edit the attributes inside the placeholders {{…}}.

  • {{point_value}} will automatically update to show the corresponding points for each product.
  • {{point_name}} will automatically update to reflect your store’s chosen term for ‘point’.
Points on Product page text