Skip to main content

Customizing the Review Widget

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

Updated yesterday

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.

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.

Customize the widget colors

To customize your widget colors:

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

  2. Adjust the color options as needed.

  3. Click Save to apply changes to your storefront.

Basic color customizations

Option

What it applies to

Primary color

Stars, buttons, and links across widgets and emails

Star color

Stars in the Review Widget only

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 Buyer badge

Verified buyer badge background color

Background color of the Verified Buyer badge

Pagination color

Text color of pagination numbers

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

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"

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.

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

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.

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.

Review search bar

  • Enable a search bar for reviews.

Keyword search

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

Widget rating filter

  • Display the rating filter to sort reviews by rating (1-5).

Pagination/Load more

  • Choose between paginated reviews or "Load More".

Reviewer card details

  • Avatar, location, country flag

  • Review length: show full review or limit the number of lines shown

  • Upvote/downvote buttons

  • Social media share buttons

Custom forms

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

Customize the texts in the Review Widget

To adjust the 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

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;
}

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.

Did this answer your question?