Skip to main content

Review Widget

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

Updated in the last hour

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, disable "Show review date".

  3. Click Save.

2. Add a border to the Review Widget

To add a border around your Review Widget:

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

  • In the Theme section, enable "Add a border around the widget".

  • Choose between these border styles:

    • Square corners

    • Round corners

  • Click Save.

3. 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

4. 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.

5. Allow customers to search by keywords

Available on the Awesome plan

To display a searchable list of top words in the reviews:

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

  • Scroll down to Search and pagination and enable "Enable keyword search".

  • Click Save.

This will show up to 10 review keywords. Keywords will be added to product pages for products with at least 10 verified reviews.

Here's how the keywords will show in the Review Widget:

6. 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.

7. 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

8. 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.

9. 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"

10. 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.

11. 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.

12. 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.

13. Allow customers to engage with the reviews

Available on the Awesome plan

To let customers react to the reviews with a thumb up or thumb down:

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

  • Scroll to the Review card details section.

  • Under Review engagement, enable "Show review upvotes / downvotes buttons".

  • Click Save.

To let customers share the reviews to their social media:

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

  • Scroll to the Review card details section.

  • Under Review engagement, enable "Show social media share buttons".

  • Choose from these social media platforms:

    • Facebook

    • Twitter

    • Pinterest

    • LinkedIn

  • Click Save.

14. 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

15. 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.

16. 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.

17. 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

Write button text

Write a review

Cancel button text

Cancel review

Refresh button text

Refresh page

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

Media grid

Option

Default texts

Grid title

Customer photos & videos

See more button

See more

Source of review

Option

Default texts

Source of review label

collected by Judge.me

Search bar

Available on the Awesome plan

Option

Default texts

Search bar placeholder text

Search reviews

Default sorting method

Available on the Awesome plan

Option

Default texts

See all reviews text

See all reviews

Most recent text

Most Recent

Highest rating text

Highest Rating

Lowest rating text

Lowest Rating

Only pictures text

Only Pictures

Pictures first text

Pictures First

Videos first text

Videos First

Most helpful text

Most Helpful

Review details

Available on the Awesome plan

Option

Default texts

Verified badge label

Verified

Store reply label

(applied to the beginning of the store's reply/answer in the Review Widget and the Q&A widget)

>> {{ shop_name }} replied:

Store name label

{{ shop_name }}

Text before the product link

(applied to the Product Groups and Reviews Page)

about

In the "Write a Review" tab

Available on the Awesome plan

Name field

Option

Default texts

Name field label

Name

Name field label (verified)

Verified Name (public)

Name field placeholder

Enter your name (public)

Review visibility dropdown

displayed publicly like

Anonymous dropdown option

Anonymous

Email field

Option

Default texts

Email field label

Email

Email field label (verified)

Verified Email (private, can not be edited)

Email field placeholder

Enter your email (private)

Email field validation

Please enter a valid email address.

Rating field

Option

Default texts

Rating field label

Rating

Title field

Option

Default texts

Title field label

Review Title

Title field placeholder

Give your review a title

Body field

Option

Default texts

Review text field label

Review

Review text field placeholder

Write your comments here

Picture/video field

Option

Default texts

Picture/video upload label

Picture/Video (optional)

Custom form field

Option

Default texts

Custom form placeholder

Write your answer here

Submit button and success message

Option

Default texts

Submit button label

Submit Review

Submit button label (verified)

Submit Verified Review

Cancel button label

Cancel review

Review submitted confirmation message

Review Submitted!

Question submitted confirmation message

Question Submitted!

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

Error messages

Option

Default texts

Empty field

This field is required.

Youtube URL field

Not a YouTube video URL

Media items

Sorry, we can only accept {{ max_media }} for one review.

File size

{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.

18. 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?