Articles on: On Site Displays

Add Rewards Widget On WooCommerce



For the widget to be shown on your website, make sure Nector is enabled (in the Account Settings page) and the loyalty program is also active.

Follow the below steps to add the rewards widget to your WooCommerce store.

1. Getting the code snippet on nector dashboard


Login to your nector dashboard.
Go the Rewards Widget page under On-Site Displays inside Loyalty Program
Switch to the Code Snippet tab
Scroll to the WooCommerce section.
Copy the code by clicking on the copy button. See below image for reference.




2. Installing the Code Snippets plugin


Open your wordpress dashboard
Click on Plugins in the left side menu, and click on Add New under that.
Search for Code Snippets. See the below screenshot to find the exact plugin.




Click on the Install Now button for the plugin shown.

3. Adding the Code Snippet


Open your wordpress dashboard
Click on the newly installed Snippets plugin in the left side menu, and click on Add New link.
Enter a title for the snippet, make sure the Functions tab is selected, and paste the copied code in the text area. See below image for reference and make sure your setup matches with it.




Scroll down and click on the Save Changes and Activate button.

All done! The rewards widget must now be visible on your store.



Customizing the rewards widget

Updated on: 28/03/2024