Skip to main content

All Reviews Widget

Updated yesterday

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.

Considerations

  • The All Reviews widget will show store reviews, and reviews from all products. If you only want to share reviews across specific products, not all products, you can use our Product Groups instead.

  • Reviews collected through the All Reviews widget are considered store reviews and cannot be reassigned to individual products.

Add the All Reviews widget on your product page

If you're selling essentially the same product across multiple listings and want the same reviews to appear across all listings, or if you just want to show both the store reviews and product reviews on your product page, you can use the All Reviews widget.


To add the All Reviews widget on your product page:

Step 1: Enable Judge.me app embed

To enable Judge.me app embed:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit.

  3. Click Edit theme.

  4. In the left menu, click the App embeds icon (the third icon).

  5. Enable Judge.me app embed.

  6. Click Save on the top right.

Step 2: Add the Reviews Page block

To install the All Reviews widget in Shopify theme editor:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit.

  3. Click Edit theme.

  4. At the top of the theme editor, open the template dropdown in the middle.

  5. Select Products, then select Default product.

  6. On the left panel, inside Template, click (+) Add section.

  7. Open the Apps tab.

  8. Select the Reviews Page (Paid plan) block.

  9. (Optional) Hover over the block, hold the 6-dot icon (⋮⋮), and drag it up or down to change its position.

  10. Click Save on the top right.

Create an All Reviews page

An All Reviews page lets you display both product reviews and store reviews in one page, helping potential customers make informed decisions. You can name this page Reviews, Happy Customers, or anything that fits your brand.

To create an All Reviews page:

Step 1: Enable Judge.me app embed

To enable Judge.me app embed:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit.

  3. Click Edit theme.

  4. From the menu on the left, click the App embeds icon (the third icon).

  5. Enable the "Judge.me" app embed.

  6. Click Save on the top right.

Step 2: Create a new blank page

To create a new page in Shopify:

  1. From your Shopify admin, go to Online Store > Pages.

  2. Click the Add page button on the top right.

  3. Enter a page title (e.g., Happy Customers).

  4. Click Save.

Step 3: Create a reviews template

To create a new reviews template:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit.

  3. Click Edit theme.

  4. At the top of the theme editor, open the template dropdown in the middle.

  5. Select Pages.

  6. Click (+) Create template.

  7. In the Create a template popup:

    • In Name, enter judgeme_reviews.

    • In Based on, select Default page.

    • Click the Create template button.

  8. On the left panel, in the Preview section at the top, click Change.

  9. Select the page you created in Step 2.

  10. On the left panel, in the Template section, click (+) Add section.

  11. Open the Apps tab.

  12. Select the Reviews Page (Paid plan) block.

  13. (Optional) Hover over the block, hold the 6-dot icon (⋮⋮), and drag it up or down to change its position.

  14. Click Save on the top right

Step 4: Assign the template to your page

To assign the reviews template your page:

  1. From your Shopify admin, go to Online Store > Pages.

  2. Open the page you created in Step 2.

  3. Open the Template dropdown on the right.

  4. Select judgeme_reviews.

  5. Add a description and optimize SEO (optional).

  6. Click Save.

Step 5: Add the page to your navigation menu

To add the All Reviews page to your Shopify navigation menu:

  1. From your Shopify admin, go to Content > Menus.

  2. Select the type of menu you want to add the page in (e.g. Main menu, Footer menu,...)

  3. Click (+) Add menu item.

  4. In the Label field, add a label for the navigation item.

  5. In the Link field, find the page you created in Step 1.

  6. Click Save.

And that’s it! You now have a dedicated Reviews Page that boosts trust, improves SEO, and helps drive more conversions.

Customize the All Reviews Widget with built-in settings

1. Product images

To show product images together with the review images in the All Reviews Widget:

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

  2. Scroll down to the Theme section.

  3. Under Responsiveness:

    • Click the checkbox next to "Display images on desktop devices" to show product images in big screen.

    • Click the checkbox next to "Display images on mobile and tablet devices" to show product images in smaller screen.

  4. Click Save.

2. Loading behavior

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

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

  2. Scroll down to the Theme section.

  3. Under Loading behavior, select one of the following options:

    • "Load new reviews automatically when scrolling down

    • "Load new reviews by clicking a button" to add a Load more button. You can then customize the default "Load More Reviews" text for this button.

  4. Click Save.

Note:

Unlike the Review Widget, the All Reviews Widget 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 tab order in the All Reviews Widget:

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

  2. Scroll down to the Store reviews section.

  3. Open the Subtab order dropdown.

  4. Select one of the following options:

    • "Product reviews first" to show the Product reviews tab first.

    • "Store reviews first" to show the Store reviews tab first.

  5. Click Save.

To adjust the tab titles in the All Reviews Widget:

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

  2. Scroll down to the Store reviews section.

  3. Under Subtabs, edit the Store reviews title (default: "Shop Reviews") and the Product reviews title (default: "Product Reviews")

  4. Click Save.

Note:

These changes also apply to the subtabs in the Floating Reviews Tab.

4. Write a store review button text

To change the text of the Write a store review button in the All Reviews Widget:

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

  2. Scroll down to the Store reviews section.

  3. Under Store review, edit the Write a store review button text (default: "Write a Store Review").

  4. Click Save.

Note:

This change also apply to the Write a store review button in the Floating Reviews Tab.

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 > All Reviews Page.

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

  3. In the Custom CSS (Advanced) editor, add your CSS code. The editor supports up to 500 characters.

  4. Click Save.

Below are some example CSS snippets you can use to customize the All Reviews Widget.

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 change the color of the Store and Product reviews tab title in the All Reviews Widget

.jdgm-subtab__name.jdgm--active {
    color: white !important;
}

To remove the "about" text before the product title in the All Reviews Widget

.jdgm-rev__prod-link-prefix:before {
  display: none;
}

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.

Resources

  1. Get your free trial:

    Boost your store’s credibility and SEO with a fully customizable Reviews Page powered by Judge.me Awesome. Try it free for 15 days! 📈

  2. Follow us on LinkedIn:

    Stay in the loop! Follow Judge.me on LinkedIn for the latest product updates, tips, and feature launches.

Related Articles
Adding Judge.me widgets in Vintage themes
Customizing the Review Widget (legacy version)
All Reviews Counter
Review Snippets Widget
Adding the Review Widget in a tab on the product page
Did this answer your question?