how to show WiserReview review widgets in Bigcommerce store

This guide shows how to display review widgets in a BigCommerce store – no developer required.

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

Step 1: Explore WiserReview Widgets#

Go to the Widgets section in your WiserReview dashboard

Under the screen, 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 WiserReview 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 WiserReview Widget on Your Bigcommerce Store#

Disabling the Built-in Reviews System#

1. Log in to 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 the WiserReview Star rating widget#

Installing the Star Rating on the 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 & search for “productView-title“

  • command + F on Mac & search for “productView-title“

Installing the Star Rating on the Category page#

• Copy this Widget code :

 

• Open the Theme Editor in your BigCommerce admin.
• Click Templates > Components > Products, then open 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 & search for “card-title” element
• Paste the following code under the card-title element:

2) For the WiserReview product review section#

• Go to widgets > Product Review section widget > Install > Copy this div code under the Bigcommerce tab :

• 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” element, which you can find by searching for it:

  • Ctrl + F on Windows & search “productView“

  • Command + F on Mac & search “productView“

OR

If you don’t find the “productView” element in product-view.html, search for the “productView-description” element

• Ctrl + F on Windows & search “productView-description“
• Command + F on Mac & search “productView-description“

 

OR

If you don’t find the “productView-description” element in product-view.html, check the description.html page.

• Look for “productView-description”.
• If it’s inside an “if” condition, paste the product review section just before the closing “{/if}“.

 

3) For WiserRevie nudges#

• Go to widgets > Nudges widget > Install > Copy this div code under the BigCommerce tab :

• 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 & search for “productView-options“

  • Command + F on Mac & search for “productView-options“

•  Then Click on Save Done.

4) For the WiserReview wall of love#

• Go to widgets > Wall of love widget > Install > Copy this div code under Bigcommerce tab :

 #