The Review Snippets Widget shows customer reviews under the Add to cart/Buy it now button, giving shoppers quick social proof without having to scroll through many reviews. It helps build trust and encourages people to buy by highlighting what others love about the product at the perfect moment.
How it looks
The Review Snippets widget typically includes these elements by default:
The star rating of the review
The reviewer name
The review photo (if any)
The review content
Arrows to move between reviews
How the Review Snippets widget works
Once you've installed the Review Snippets widget (usually displayed beneath the Buy now button), it will:
Show the most recent published 5-star reviews for the product on each product page
Automatically slide to the next review every 5 seconds, creating a dynamic carousel effect
Let customers browse additional reviews using the arrow buttons
Considerations
The Review Snippets Widget won't show if the product has no 5-star reviews or if you have no product reviews.
It's not possible to select which reviews will display in the Review Snippets Widget.
Reviews synced from product groups or shop groups won't be displayed in the Review Snippets Widget.
As the Review Snippets Widget is designed to work only on product pages, it cannot be installed or displayed on your home page or other non-product pages. As an alternative, we recommend using the Popup Widget, which shows on all pages.
Customize the Review Snippets widget
See the steps for the new app design (coming soon)
See the steps for the new app design (coming soon)
To customize the Review Snippets widget:
From your Judge.me admin, go to Settings > Widgets.
Scroll down to the Review Snippets card and click Customize.
To customize the Review Snippets widget:
From your Judge.me admin, go to Widgets.
Scroll down to the Review Snippets card and click Customize.
There, you can adjust the following elements:
1. Border style
To adjust the border style of the Review Snippets widget:
In the Theme section, in the Border style field, choose from these options:
"Square corners"
"Round corners"
Click Save.
2. Color
To change the colors of the Review Snippets widget:
Scroll down to the Color section.
Customize the colors using the following fields:
Card color
Slider arrows background color
Slider arrows color
Star color
Click Save.
Customize the Review Snippets with CSS
To apply more custom styling to your Review Snippets:
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 following CSS code.
Click Save.
What you want to change | CSS code |
To change the text color in the Review Snippets | .jdgm-rev-snippet-card__rev-content-wrapper { |
To remove the box shadow in the Review Snippets | .jdgm-rev-snippet-card{ |
To remove the review image in the Review Snippets | .jdgm-rev-snippet-card__pic-wrapper { |