Skip to main content

All Reviews widget

Updated this week

Available on the Awesome plan

The All Reviews widget displays both product reviews and store reviews in a single widget, organized into two separate tabs. Its layout is similar to the Review Widget, but with the added ability to switch between product reviews and store reviews.

You can use the All Reviews widget to:

  • Create a dedicated Reviews page or Happy Customers page that highlights all your feedback in one place.

  • Show reviews from all products on each product page, giving shoppers a broader view of your store’s reputation.


How to set it up


Customize the All Reviews widget with built-in settings

To update the look and feel of the All Reviews widget:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Scroll down to find the All Reviews Page card and click Customize.

  3. There, you can adjust the following elements:

1. Product images

To show product images together with the review images:

  1. Scroll down to the Theme section.

  2. Under Responsiveness, check the boxes for the options you want to enable:

    • "Display images on desktop devices"

    • "Display images on mobile and tablet devices"

  3. Click Save.

2. Loading behavior

To change how the reviews are loaded in the All Reviews widget:

  1. Scroll down to the Theme section.

  2. Under Loading behavior, choose from the following options:

    • "Load new reviews automatically when scrolling down" (default)

    • "Load new reviews by clicking a button" to add a Load more button. You can also customize the Load more button text (default texts: “Load More Reviews”).

  3. Click Save.

Just a heads-up! Unlike the Review Widget, the All Reviews Page is fixed to show 25 reviews at a time, regardless of whether it loads infinitely or using a Load More button, and this can't be changed at the moment.

3. Store and Product reviews subtabs

To adjust the tabs on your All Reviews widget:

  1. Scroll down to the Store reviews section.

  2. In the Subtab order dropdown, you can choose to show either:

    • "Product reviews first"

    • "Store reviews first"

  3. You can also change the tab title and the button text in the following fields and click Save:

Field

Default text

Store reviews title

Shop Reviews

Product reviews title

Product Reviews

Write a store review button text

Write a Store Review

These changes also apply to the Floating Reviews Tab.

4. Store medals

To show or hide Judge.me medals in your All Reviews widget (and Floating Reviews Tab):

  1. Scroll down to the Judge.me Medals section.

  2. Check the "Show store medals" box to display the medals. Uncheck the box to hide them.

  3. Click Save.


Customize the All Reviews widget with CSS

To apply more custom styling to your All Reviews widget:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Scroll down to find the All Reviews Page card and click Customize.

  3. Scroll down to the Advanced section at the bottom.

  4. Open the Custom CSS (Advanced) editor.

  5. Paste the CSS code from the table below into the editor.

  6. Click Save.

What you want to change

CSS code

To change the width or to set a max width for the All Reviews widget

.jdgm-all-reviews-widget {
width: 80%!important;
max-width: 1200px;
margin: 0 auto!important;
}

To add more columns to the All Reviews widget Cards theme

@media only screen and (min-width: 800px) { 
.jdgm-rev.jdgm-rev {
width: calc(20% - 15px) !important;
}
}

In general, divide 100% by the number of columns to get the right percentage. For example:

  • For 4 Columns: use 25%

  • For 5 Columns: use 20%

  • For 6 Columns: use 16%

  • For 7 Columns: use 15%

The pixel can go from 10 - 20px but you can leave it on 15 most of the time.

To change the color of the Store and Product reviews tab title in the All Reviews widget

.jdgm-subtab__name.jdgm--active {
color: white !important;
}
Did this answer your question?