WiserReview
Support Docs

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.

  1. 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 WiserReview 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:
    • 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 the Bigcommerce tab:

  • Add the following code in your page builder to display the review wall widget.


  • Click Save HTML, then click Save and Publish. Your Wall of Love will be live.

Also for