Skip to main content

Review Widget

Customize and display reviews on your store’s product pages using the Review Widget

Updated today

Collect and showcase customer reviews where they matter most — right on your product pages. The Review Widget lets you display star ratings, review text, and powerful visuals like photos and videos to build trust, inspire buying confidence, and turn customer feedback into social proof that sells.

Install the Review Widget

🎦 Learn how to install the Review Widget with our interactive guide

Step 1: Enable Judge.me app embed

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

  2. Find the theme you want to edit and click Customize.

  3. Navigate to App embeds and enable Judge.me.

  4. Click Save.

Step 2: Add the Review Widget

  1. Click Add section > Apps > Review Widget.

  2. Drag the block to adjust its position.

  3. Click Save.

Review Widget settings

All customization options can be accessed from Widgets > Review Widget > Customize in your Judge.me settings.

1. Hide the review date

To hide your review date:

  1. From your Judge.me admin, go to Widgets > Review Widget > Customize.

  2. In the Theme section, uncheck the box Show review date.

  3. Click Save to apply your changes.

2. Customize the widget colors

To customize your widget colors:

  1. From your Judge.me admin, go to Widgets > Review Widget > Customize.

  2. In the Colors section, adjust the color options as needed.

  3. Click Save.

Basic color customizations

Option

What it applies to

Primary color

The stars, buttons, and links across all widgets and emails

Star color

Only the stars in the Review Widget

Secondary color

Reply backgrounds, dividers, and other secondary elements

Advanced color customizations

Available on the Awesome plan. Get your 15-day free trial.

Option

What it applies to

Review filter color

Rating filter buttons

"Write a review" text color

Text color in the "Write a review" button

"Write a review" background color

Background color of the Write a review button

Reviewer name text color

Color of the reviewer’s name

Verified buyer badge text color

Text color of the "Verified" badge

Verified buyer badge background color

Background color of the "Verified" badge

Pagination color

Text color of pagination numbers

3. Enable the search bar

Available on the Awesome plan

To allow customers to search for reviews in the Review Widget:

  • From your Judge.me admin, go to Widgets > Review Widget > Customize.

  • Scroll down to Search and pagination and enable "Show review search bar".

  • Click Save.

4. Hide the rating filter

Available on the Awesome plan

To hide the section where customers can filter reviews by ratings:

  1. From your Judge.me admin, go to Widgets > Review Widget > Customize.

  2. Scroll down to Search and pagination and disable "Show the widget rating filter".

  3. Click Save.

5. Set the default sorting method

Available on the Awesome plan. Get your 15-day free trial.

To set your default sorting method:

  1. From your Judge.me admin, go to Widgets > Review Widget > Customize.

  2. Scroll down to Search and pagination.

  3. Under Default sorting method, choose your preferred option from the dropdown, then click Save.

Option

What it does

Most Recent

Shows the newest reviews first

Highest Rating

Displays reviews with the highest star ratings first

Lowest Rating

Displays reviews with the lowest star ratings first

Only Pictures

Shows only reviews that include at least one image

Pictures First

Prioritizes image reviews, followed by text-only reviews

Videos First

Shows reviews with videos before others

Most Helpful

Displays reviews with the most thumbs-up (likes) from customers first

6. Change pagination type

Available on the Awesome plan

To adjust the pagination type and change how many reviews to display per page:

  1. From your Judge.me admin, go to Widgets > Review Widget > Customize.

  2. Scroll down to Search and pagination.

  3. Under Configure the pagination of reviews and questions, you can choose either:

    • "Use 'Load more' button to show more reviews"

    • or "Use pagination"

  4. You can also adjust the "Number of reviews per page" to your preference (default to 5).

  5. Click Save.

7. Choose how reviewer names are displayed

Available on the Awesome plan. Get your 15-day free trial.

To customize how reviewer names appear:

  • From your Judge.me admin, go to Widgets > Review Widget > Customize.

  • Scroll to the Review card details section.

  • Under Reviewer name format, choose one of the following options, then click Save.

Option

How names will appear

Show full name

Reviewer name will appear as "John Smith"

Shorten last name

Reviewer name will appear as "John S"

First name only

Reviewer name will appear as "J. Smith"

Initials

Reviewer name will appear as "J. S"

Anonymous

Reviewer name will appear as "Anonymous"

8. Remove the reviewer avatar

Available on the Awesome plan

To remove the profile icon in the reviews:

  • From your Judge.me admin, go to Widgets > Review Widget > Customize.

  • Scroll to the Review card details section.

  • Disable "Show avatar icon"

  • Click Save.

9. Show or hide the location of the reviewers

Available on the Awesome plan

To showcase the country of your reviewers:

  • From your Judge.me admin, go to Widgets > Review Widget > Customize.

  • Scroll to the Review card details section.

  • Enable "Show reviewer location" and/or "Show reviewer country flag".

  • Click Save.

10. Add a "Read more" link in long reviews

Available on the Awesome plan

To limit the number of lines shown in each review:

  • From your Judge.me admin, go to Widgets > Review Widget > Customize.

  • Scroll to the Review card details section.

  • Under Review length, select "Limit the number of lines shown".

  • Click Save.

11. Show review source

You can choose to:

  • Show links to Judge.me Review Site

  • Show review collection policy information: A link will be added at the bottom of the widget with information about the collection process and policies.

12. Choose Review Widget themes

Some themes are available on the Awesome plan. Get your 15-day free trial.

To change the theme of your Review Widget:

  • From your Judge.me admin, go to Widgets > Review Widget > Customize.

  • In Theme > Widget theme, choose from these options:

Theme

Example

Default

Cards

Align

Slider

13. Hide the Review Widget when there's no review

To hide the Review Widget on products without reviews:

  • From your Judge.me admin, go to Manage Reviews > Moderation > Review restriction > Web reviews,

  • Choose either "Only buyers who have received a review request email and API users" or "Only buyers who have received a review request email".

  • Click Save.

14. Other Review Widget customization options

🎨 Get a 15-day free trial of the Awesome Plan to unlock all customization options and make Judge.me widgets match your branding perfectly.

Use this table as a guide to see what you can customize in the Review Widget.

Option

Description

Text

Border style

  • Choose between square and round corners.

Photos/videos

  • Enable photos/videos display and grid layout.

Medals

  • Show Judge.me trust medals on your widget.

Keyword search

  • Allow customers to search using keywords generated from your reviews (excluding imported reviews).

Reviewer card details

Custom forms

  • Personalize the display of your custom questions in the widget: horizontal or vertical display.

15. Customize the texts in the Review Widget

To adjust or remove certain texts in your Review Widget:

  • From your Judge.me admin, go to Widgets > Review Widget > Customize.

  • Click Customize text.

  • Adjust the texts to your likings and click Save.

In the "Heading" tab

Review list

Available on the Awesome plan

Option

Default texts

Widget title

Customer Reviews

Average rating text

{{ average_rating }} out of 5

Text header

Option

Default texts

Header (with reviews) label

Based on {{ number_of_reviews }} review/reviews

Header (no reviews) label

Be the first one to review this product

In the "Write a Review" tab

Available on the Awesome plan

Submit button and success message

Option

Default texts

Success message (Autopublish on)

Thank you! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into Judge.me

Success message (Autopublish off)

Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into Judge.me

16. Customize the Review Widget with CSS

To apply more custom styling to your Review Widget:

  • From your Judge.me admin, go to Widgets > Review Widget > Customize.

  • Scroll down to Advanced and open the Custom CSS (Advanced) editor.

  • Add in the CSS code.

  • Click Save.

To remove the "Review Title" from the Review Widget form

.jdgm-form__fieldset:nth-child(3) {
    display: none;
}

To hide the "Review Title" from all reviews in the Review Widget

.jdgm-rev__title {
    display: none;
}

To change the width of the Review Widget

#judgeme_product_reviews {
    width: 80%!important;
    margin: 0 auto!important;
}

To change the font size in the Review Widget

.jdgm-review-widget .jdgm-rev-widg {
    font-size: 10px;
}

To change color of the text input

.jdgm-form input:not([type="submit"]),
.jdgm-form textarea {
    color: black;
}

To remove the pin icon

.jdgm-rev__pinned {
    display: none;
}

You can also add more CSS customizations in Shopify theme editor:

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

  • Find the theme you want to edit and click Customize.

  • On the left menu, click the Theme settings icon

  • Scroll down to Custom CSS to add the CSS code.

  • Click Save.

To remove the YouTube URL field

input[name="yt_url"] {
    display: none;
}

To change the background color of the Review Widget block

.shopify-section:has(.jdgm-rev-widg){
    background-color: RED;
}

Collect reviews with the Review Widget

In addition to sending review request emails, you can collect reviews directly on your product pages using the Review Widget.

When a customer submits a review via the Review Widget:

  • They’ll receive a confirmation email to verify their review.

  • The review is marked as verified if:

    • Judge.me detects a fulfilled order tied to the reviewer.

    • The reviewer confirms by clicking the link in the confirmation email.

Manage how reviews are displayed

You have full control over how reviews appear on your widget. To adjust moderation settings, go to Manage Reviews > Moderation in your Judge.me admin. For full details, see our review publishing guide.

Setting

What it does

Auto-publish

Automatically publish new reviews as they come in.

Rating for auto-publish

Only auto-publish reviews with a rating in your chosen criteria.

Web reviews

Enable or disable the option for customers to submit reviews directly via the Review Widget.

Spam filter

Automatically block spammy reviews.

Censor PII

Hide personal identifiable information in submitted reviews.

Profanity filter

Block reviews containing inappropriate or offensive language.

Related Articles
Adding Judge.me widgets (Vintage themes)
Customizing your Judge.me widgets
Reviews Carousel
Floating Reviews Tab
Advanced customizations for the Review Widget
Did this answer your question?