Step 1

Let see how to add this "Earn Points Widget" on your product display page.

Step 2

First, go to your shopify store and then go to your "Themes" section under "Online store".

Step 3

Click the "Customize" button next to the current theme.

Step 4

In the theme editor, click on "Home page" in the top navigation bar.

Step 5

Select "Products" from the dropdown menu in the theme editor.

Step 6

In the navigation bar, select "Default product" under Products.

Note: If you have multiple product pages, then you need to add the widget in all the product pages.

Step 7

In the sidebar, click the arrow next to "Product information" to expand the section.

Step 8

Now, hover your cursor below the section where you want to add the widget. Then click on the (+) icon to add a new block.

Step 9

In the modal, click on the "Apps" tab.

Step 10

In the search bar, type "Nector" to find all Nector widgets.

Step 11

Select "Points Earning Widget" from the list.

Step 12

On the right hand side, you'll find some customization options for the widget. Once the changes are done, click the "Save" button in the top right corner to save the changes.

Updated on: 12/07/2025