how to show review widgets in Bigcommerce store

This guide shows how to show review widgets in Bigcommerce store – no developer required.

We’ll show you how to get setup and running on Bigcommerce store in 3 simple steps:

Step 1: Choose and Configure a Product Widget#

Go to the Widgets section in your WiserReview dashboard

Under the Product-Specific Review Widgets tab, you’ll see available widget types:

• Product Review Section
• Star Rating
• Nudges
• Wall of Love

Click Configure on the widget you want to use.

Step 2: Customize Widget Design and Settings#

Use the left panel to:

• Adjust color, layout, and card style
• Filter reviews by tag, rating, or verification
• Add optional Custom CSS for advanced styling

Use the Preview area on the right to see changes live.

Step 3: Install the Widget on Your Bigcommerce Store#

Disabling the Built-in Reviews System#

1. Log into your BigCommerce Admin page.

2. Click on Settings.

3. Click on Comments.

4. Click the Built-in tab.

5. Deselect the Product reviews checkbox:

         6. Click Save.

Now copy widget code and display widget(Review wall, Star rating, Nudges etc.)#

1. Click Storefront.

2. Click My Themes.

3. Click Advanced > Make a Copy.

4. Once the theme is copied, click Edit Theme Files:

1) For Star rating widget#

Installing the Star Rating on Product page#

• Copy this Widget code :

 

• Open the Theme Editor in your BigCommerce admin.

• Click Templates > Components > Products > product-view.html or single-details.html.

• Paste the following code under the *productView-title element, which you can find by searching for it:

  • Ctrl + F on Windows

  • command + F on Mac

Installing the Star Rating on Category page#

• Open the Theme Editor in your BigCommerce admin.
• Click Templates > Components > Products > access the file card.html. If you don’t have this file, search for the file that contains your Category Pages data (You can find it by searching for it using CTRL+F):
  Note: You only need to replace {{id}} with {{product.id}} in the code shown in the image for showing star rating on category page.
• Paste the following code under the card-title element:

#

2) For product review section#

• Copy this Widget code :

• Open the Theme Editor in your BigCommerce admin.

• Click Templates > Components > Products > product-view.html or single-details.html.

• Paste the following code below the *productView-description element, which you can find by searching for it:

  • Ctrl + F on Windows

  • command + F on Mac

3) For nudges#

• Copy this Widget code :

• Open the Theme Editor in your BigCommerce admin.

• Click Templates > Components > Products > product-view.html or single-details.html.

• Paste the following code below the * productView-options element, which you can find by searching for it:

  • Ctrl + F on Windows

  • command + F on Mac

•  Then Click on save Done.

4) For wall of love#