Skip to main content

Review Snippets Widget

The Review Snippets Widget shows customer reviews in a compact sliding carousel, giving shoppers quick social proof without having to scroll through many reviews

How it looks

The Review Snippets Widget typically includes these elements by default:

  • The star rating of the review

  • The customer name

  • The photo uploaded from the customer (if any)

  • The review content

  • Arrows to move between reviews

How it works

Once you've installed the Review Snippets Widget, it will:

  • Show reviews based on the Reviews to show selection you configure in the Shopify theme editor. By default, Auto (based on page) shows reviews for the current product on product pages, or all reviews on other pages.

  • Display up to the number of reviews you set in Maximum reviews (1–30, default 5). Only reviews with text content are included.

  • Automatically slide to the next review based on the Transition speed you configure (default 5 seconds). Set to 0 to turn off auto-sliding.

  • Let customers browse reviews using the arrow buttons.

All widget settings are configured per placement in the Shopify theme editor, so you can have different configurations on different pages.

Supported pages

The Review Snippets Widget can be added on any page in a 2.0 theme, including:

  • Product page

  • Home page

  • Collection page

  • Blog

  • Article

  • Page

  • Cart page

The Review Snippets Widget cannot be added in Vintage themes.

Considerations

  • The Review Snippets Widget won't show on the storefront if no reviews match your current selection and filter settings.

  • On the cart page, it shows review snippets for the products currently in the customer's cart.

  • Reviews synced from shop groups, product groups and bundle reviews can appear. Grouped/bundle reviews show a Review for: [Product Name] label.

  • The Review Snippet Widget does not display reviewer avatars (profile images) due to its lightweight design.

  • The Reviews selection settings (Reviews to show, filters, Maximum reviews, and Show review media) are available on the Free plan. Layout, Behavior, and Styling settings require the Awesome plan.

  • All settings are configured per placement in the Shopify theme editor. The previous in-app settings page (Settings > Widgets > Review Snippets) has been retired.

Add the Review Snippets Widget to your store

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 and click Edit theme.

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

  4. Enable the Judge.me app embed.

  5. Click Save on the top right.

Step 2: Add the Review Snippets Widget block

To install the Review Snippets Widget in Shopify theme editor:

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

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

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

  4. Select the template where you want to add the Review Snippets Widget (e.g. Products, Home page, Collection).

  5. Click (+) Add section.

  6. Open the Apps tab.

  7. Select the Review Snippet Widget block.

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

  9. Click Save on the top right.

Customize the Review Snippets Widget

All Review Snippets Widget settings are configured separately for each placement in the Shopify theme editor.

To access the settings, click the Review Snippets block in the theme editor.

Reviews Selection

Available on the Free plan

These settings control which reviews appear in the widget.

Reviews to Show

Open the Reviews to show dropdown and select one of the following options:

  • Auto (based on page) — Default

    • On a product page, displays reviews for that product.

    • On a collection page, displays reviews for products in that collection.

    • On other pages, displays all reviews.

  • All reviews
    Displays all product and store reviews across your store.

  • Product reviews
    Displays product reviews from all products, regardless of the current page.

  • Store reviews
    Displays only store-level reviews.

  • Current product
    Displays reviews for the product on the current page. This option is best used on product pages.

  • Current collection
    Displays reviews for products in the current collection. This option is best used on collection pages.

  • Custom products
    Displays reviews for specific products that you select. Use the Select products picker to choose up to 10 products.
    ​

Only Pinned Reviews

Select Only pinned reviews to display only reviews that you have pinned.
​

Only Featured Reviews

Select Only featured reviews to display only reviews that you have marked as featured.

Filter by Tags

In the Filter by tags field, enter comma-separated tag names.

The widget will display reviews that contain at least one of the specified tags.

Star Rating

Open the Star rating dropdown and select one of the following options:

  • — : Default; uses the existing behavior.

  • All :Displays reviews with any star rating.

  • 5-star only: Displays only 5-star reviews.

  • 4 to 5-star only: Displays reviews with 4 or 5 stars.

  • 3 to 5-star only: Displays reviews with 3, 4, or 5 stars.
    ​

Show Review Media

Select Show review media to show customer-uploaded photos and videos in the widget.

Clear the checkbox to hide them. This setting is enabled by default.

Maximum Reviews

Use the Maximum reviews slider to choose how many reviews appear in the widget.

  • Range: 1–30 reviews

  • Default: 5 reviews
    ​

Layout

Available on the Awesome plan.

Review Length

Open the Review length dropdown and select:

  • Small

  • Medium — Default

  • Large
    ​

Text Size

Open the Text size dropdown and select:

  • Small

  • Medium — Default

  • Large
    ​

Maximum Width

Use the Maximum width slider to set the maximum width of the widget.

  • Range: 400–1600 px

  • Default: 1100 px
    ​

Maximum Image Size

Open the Maximum image size dropdown and select:

  • Small — Default

  • Medium

  • Large
    ​

This setting applies only when Show review media is enabled.

Behavior

Available on the Awesome plan.

Arrows Visibility

Open the Arrows visibility dropdown and select one of the following options:

  • Always shown — Default; arrows are visible on all devices.

  • Hidden on mobile — Arrows are hidden on mobile devices.

  • Always hidden — Arrows are hidden on all devices.
    ​

Transition Speed

Use the Transition speed slider to choose how long the widget waits before sliding to the next review.

  • Range: 0–20 seconds

  • Default: 5 seconds

  • Set the value to 0 to disable automatic sliding.
    ​

Styling

Available on the Awesome plan

Corner Styling

Open the Corner styling dropdown and select:

  • — : Default; uses the existing style.

  • Square

  • Soft

  • Round

  • Extra round
    ​

Colors

Customize the widget using the following color settings:

  • Text color

  • Card color

  • Stars color

  • Arrows color

  • Arrows background color
    ​

Customize the Review Snippets Widget with CSS

To add CSS in Shopify Theme Editor for the Review Snippets Widget:

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

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

  3. On the left menu, click the Theme settings icon

  4. Scroll down to Custom CSS to add the following CSS code.

  5. Click Save on the top right.

What you want to change

CSS code

To change the text color in the Review Snippets Widget

.jdgm-rev-snippet-card__rev-content-wrapper {
    color: black;
}

To remove the box shadow in the Review Snippets Widget

.jdgm-rev-snippet-card{
    box-shadow: none;
}

To remove the review image in the Review Snippets Widget

.jdgm-rev-snippet-card__pic-wrapper {
    display: none;
}

Troubleshoot

"review_snippet_widget" not added. There is a problem with the app block

If you click the Install button inside the Judge.me app to add the Review Snippets Widget then see this error message in your Shopify theme editor: "review_snippet_widget" not added. There is a problem with the app block. Contact the app developer: first, check if your theme is an Online Store 2.0 theme or a Vintage theme:

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

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

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

  4. Open the Apps tab.

If you don't see any blocks inside the Apps tab, but see the "You don't have any apps installed. Find apps built for themes on the Shopify app store" text, you're using a Vintage theme.

If you use a Vintage theme:

  • Unfortunately, the Review Snippets Widget is not available for Vintage themes because they don’t support app blocks.

  • You can consider switching to an Online Store 2.0 theme for easier widget installation via app blocks.

If you use a 2.0 theme:

  • This error means that we weren't able to automatically add the Review Snippets Widget block into your theme.

  • You can safely ignore this message and manually add the Review Snippets Widget block using Shopify theme editor instead.

Resources

  1. Get your free trial:

    📈 Unlock Review Snippets widget and more features with a 15-day free trial of the Awesome Plan—start today and enjoy increased social proof and higher conversions.

  2. See our latest updates:
    ➡️ Check our Unboxed page to discover newly launched features and improvements from Judge.me. See what’s new and start using the latest updates to grow your store.
    ​

  3. Follow us on LinkedIn:

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

Related Articles
Did this answer your question?