Skip to main content

Testimonial Carousel

Learn how to install, customize, and manage the Testimonial Carousel widget

Updated yesterday

Available on the Free plan

The Testimonial Carousel allows you to showcase customer text reviews in an elegant, quote-style carousel.

By placing the Testimonial Carousel strategically across your store, you can build trust and highlight authentic customer feedback right where it matters most. Whether on your homepage, product, or collection pages, each widget is fully customizable to match your brand.

How it looks

The Testimonial Carousel typically includes these elements by default:

  • The "Customers are saying" header

  • The average star rating of the selected reviews

  • One review at a time, styled as a card. Each review card usually includes:

    • A large quote mark icon

    • The review text

    • Star rating

    • Reviewer name (with verified badge if applicable)

    • Linked product name

  • Navigation arrows to browse through multiple reviews

Below is an example of how the Testimonial Carousel appears:

How it works

You can use the Testimonial Carousel widget to:

  • Show testimonials across your store — Add the Testimonial Carousels to your homepage, product pages, or collection pages to build trust wherever customers browse.

  • Highlight seasonal or campaign-specific reviews — Display reviews for selected products to support promotions or new launches.

  • Show your best reviews with filters — Feature 5-star or featured reviews on high-impact pages to boost conversions.

  • Match your store’s branding — Customize fonts, colors, quote styles, and layouts. You can even use different designs on different pages for a consistent look and feel.

Considerations

  • On older iPhone models running iOS 16 or below (e.g., iPhone 7, iOS 14–16), the stylings for the Testimonial Carousel may not be applied correctly. In these cases, all reviews are rendered in a stacked list format instead of a sliding carousel.

Add the Testimonial Carousel

Step 1: Enable Judge.me app embed

For the Testimonial Carousel to work, the app embed needs to be enabled.

To enable Judge.me app embed:

  1. Go to Shopify theme editor:

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

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

  2. Click the App embeds icon (third one on the left panel).

  3. Enable Judge.me app embed.

  4. Click Save on the top right.

Step 2: Add the Testimonial Carousel block

To install the Testimonial Carousel in Shopify theme editor:

  1. Go to Shopify theme editor:

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

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

  2. At the top of the theme editor, use the dropdown to select the template where you want to show the Testimonial Carousel.

  3. Add the block:

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

    • Go to the Apps tab and select Testimonials Carousel.

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

  4. Click Save on the top right.

You can add the Testimonial Carousel block on different pages or different Testimonial Carousel blocks on one page, each can be uniquely styled and configured to display different reviews to serve your specific purposes.

Customize the Testimonial Carousel

To access all settings for the Testimonial Carousel:

  1. Go to Shopify theme editor:

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

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

  2. Find the Testimonial Carousel block:

    • At the top of the theme editor, use the dropdown to select the template where you added the Testimonial Carousel.

    • On the left panel, inside Template, find and click on the Testimonial Carousel block you added.

  3. There, you can customize the review selection, layout, styling, behavior, and header of that Testimonial Carousel.

1. Review selection

Sample reviews

If you haven’t collected any reviews yet, you can still enable sample reviews to see how the Testimonial Carousel looks in the preview of your Shopify Theme Editor.

To show sample reviews for the Testimonial Carousel in your Shopify Theme Editor:

  1. Go to the Testimonial Carousel settings.

  2. In the REVIEWS SELECTION section, enable "Show sample reviews (Preview only)".

  3. Click Save on the top right.

Reviews selection

To choose which types of reviews to show in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. In the REVIEWS SELECTION section, in the Reviews selection dropdown, choose from the following options:

    • "All" – shows all published reviews.

    • "Product reviews" – shows only reviews linked to products.

    • "Store reviews" – shows only store-level (sitewide) reviews.

    • "Current product" – shows reviews for the product currently being viewed.

    • "Current collection" – shows reviews for products within the collection currently being viewed.

    • "Featured" – shows only reviews you marked as Featured.

    • "Custom products" – lets you manually select which products the carousel should pull reviews from.

  3. Click Save on the top right.

Reviews selection: Featured

If you select "Featured", to feature a review to show in the Testimonial Carousel:

  1. From your Judge.me admin, go to Reviews.

  2. Click the heart icon (♡) on the left of the reviews you want to feature.

These featured reviews also appear in the Reviews Carousel and Pop-up Reviews widget if they are set to show only featured reviews.

Reviews selection: Custom products

If you select "Custom products", to select the specific products you want the Testimonial Carousel to display reviews from:

  1. Go to the Testimonial Carousel settings.

  2. In the REVIEWS SELECTION section, in the Reviews selection dropdown, select "Custom products".

  3. Click Select next to Select products (when “Reviews Selection”: Custom products).

  4. Check the boxes next to the products you want to pull reviews from.

  5. Click Select.

  6. Click Save on the top right.

Star rating

To choose the ratings you want to show in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. In the REVIEWS SELECTION section, in the Star rating dropdown, choose from the following options:

    • "All" – shows reviews of all ratings

    • "5-star only" – shows only 5-star reviews

    • "4 to 5-star only" – shows only 4-star and 5-star reviews

    • "3 to 5-star only" – shows only 3, 4, and 5-star reviews

  3. Click Save on the top right.

Maximum review number

To set the maximum number of reviews you want to show in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. In the REVIEWS SELECTION section, adjust the Maximum review number slider (or enter a number).

  3. Click Save on the top right.

2. Layout

Quote mark size

To control how large the quote mark icon appear in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. In the LAYOUT section, adjust the Quote mark size (Small, Medium, Large, Extra large, or Hidden).

  3. Click Save on the top right.

Product name text size

To change the font size of the product name under each review in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. In the LAYOUT section, adjust the Product name text size (Small, Medium, Large, Extra large, or Hidden).

  3. Click Save on the top right.

Verified reviewer

To choose how verified reviewers are displayed in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. In the LAYOUT section, select Badge or Text under Verified reviewer.

  3. Click Save on the top right.

Card height

To change how tall each review card appears in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. In the LAYOUT section, adjust the Card height (Compact, Medium, Tall, or Extra tall). Use a taller card height to prevent longer reviews from being cut off.

  3. Click Save on the top right.

Text size

To control the font size of the review text in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. In the LAYOUT section, adjust the Text size (Extra small, Small, Medium, Large, Extra large, or Huge).

  3. Click Save on the top right.

Stars size

To adjust the size of the star ratings displayed on each review in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. In the LAYOUT section, adjust the Stars size (Small, Medium, Large, or Hidden).

  3. Click Save on the top right.

Arrows position

To choose where the navigation arrows appear in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. In the LAYOUT section, adjust Arrows position (Sides, Bottom, or Hidden).

  3. Click Save on the top right.

Maximum width

To limit how wide the Testimonial Carousel appears on the page:

  1. Go to the Testimonial Carousel settings.

  2. In the LAYOUT section, adjust Maximum width using the slider or by entering a pixel value (600 to 1600px).

  3. Click Save on the top right.

3. Styling

Corner styling

To choose the corner style for each review card in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. In the STYLING section, set Corner styling (Sharp, Soft, Rounded).

  3. Click Save on the top right.

Quote marks

To choose the design style of the quote marks in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. In the STYLING section, open the Quote marks dropdown.

  3. Select one of the available styles: Serif, Typewritten, Basic, Bold, Cartoon, or Sans serif.

  4. Click Save on the top right.

Colors

To customize the colors used in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. In the STYLING section, adjust any of the color options below:

    • "Card color – Changes the background color of each review card.

    • "Stars and quote marks color" – Sets the color for both the star ratings and the quote mark icons.

    • "Text color" – Controls the color of all review text inside the cards.

    • "Arrows color" – Changes the color of the navigation arrows.

  3. Click Save on the top right.

Border

To add a border around each review card:

  1. Go to the Testimonial Carousel settings.

  2. In the STYLING section, enable "Show border".

  3. Click Save on the top right.

Drop shadow

To add a drop shadow for extra depth behind each review card:

  1. Go to the Testimonial Carousel settings.

  2. In the STYLING section, enable "Show drop shadow".

  3. Click Save on the top right.

4. Behavior

To customize the moving speed between each review in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. Scroll down to the BEHAVIOR section.

  3. Adjust the Maximum review number slider (0-60 seconds).

  4. Click Save on the top right.

5. Header

To adjust the "Customers are saying" header text in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. Scroll down to the HEADER section at the bottom.

  3. In the Header text field, adjust the default "Customers are saying" texts to your likings.

  4. Click Save on the top right.

To disable the average rating under the header in the Testimonial Carousel:

  1. Go to the Testimonial Carousel settings.

  2. Scroll down to the HEADER section at the bottom.

  3. Disable "Average rating text".

  4. Click Save on the top right.

Troubleshoot

"Widget (deprecated)" block

If you see the Widget (deprecated) block in your Shopify Theme Editor, this is the old, discontinued version of the Testimonial Carousel block. It is no longer supported and may not behave as expected.

To ensure full compatibility and access to all current settings, please remove the Widget (deprecated) block and add the new Testimonial Carousel block instead. The new block includes updated layout, styling, and review selection options that the deprecated widget does not support.

Resources

  1. Get your free trial:

    🎨 Unlock all display widgets—including review pop-up, snippets, and more—with unlimited customization options. Start your 15-day free trial of the Awesome plan today and make every review count.

  2. Follow us on LinkedIn:

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

Related Articles
Adding Judge.me widgets in Vintage themes
Overview of Judge.me widgets
Customizing the Reviews Carousel
Reviews Carousel
Videos Carousel
Did this answer your question?