How to add a review carousel people can read

Why do review carousels get skipped?

You want reviews on the page without a long block of text, so you add a slider. It changes every few seconds, and a visitor who starts reading a review watches it slide away halfway through. On a phone it is one more thing to swipe past. The reviews are there, but nobody reads them.

Most advice comes from companies that sell the slider. Yotpo's developer guide to its carousel, updated on 9 January 2026, recommends autoplay at 5 to 7 seconds per slide with a pause on hover. CusRev's guide to a WooCommerce review slider walks through the shortcode, and its help centre explains that the slider cannot filter by rating, suggesting instead that you sort by rating so the best reviews come first. Both are reasonable for their own tools. Neither tells you whether you should autoplay at all, or what a visitor with a keyboard gets.

When is a carousel better than a grid of reviews?

Use a carousel where space is short and the reviews support something else: a strip on the homepage, under a category banner, or near the cart. Use a plain grid or list where the reviews are what the visitor came for, such as the reviews section of a product page, because a list can be scanned and a carousel has to be operated.

The cost is the same either way with our widget. In this test the carousel loaded with 2 requests, the script and the reviews, and our earlier test for the article on showing reviews on your homepage found the grid and the carousel needed the same number of requests. So choose by how the page reads, not by speed.

What did we see when we tested one?

We put Formgong's carousel on a plain test page, fed by the 5 approved reviews of Glyna, the demo shop we run, and opened it in Chromium at desktop width and at a phone width of 390 pixels. Then we checked the things a visitor runs into: what is in view, what the keyboard does, and what autoplay does when someone is reading.

The result that matters most is not technical. Only 2 of the 5 cards had any words, because 3 buyers left a star rating and nothing else. In a carousel, a card with stars and a name tells a visitor almost nothing, and it takes up a third of the row. If your reviews look like this, a single rating line may serve you better until you have written reviews to show.

Should a review carousel play by itself?

Usually not. The W3C's accessibility guidelines, success criterion 2.2.2 at the basic Level A, say that moving content which starts by itself, lasts more than five seconds and sits next to other content needs a way to pause, stop or hide it. The W3C's carousel tutorial goes further: pause when the pointer is over the carousel or keyboard focus is in it, and give people a button to stop and resume it.

Ours stays still unless you set data-autoplay. With it set to 3 seconds in our test, the row moved within 3.6 seconds and showed a Pause button. After Pause, nothing moved for 7 seconds. With the pointer resting on it, or keyboard focus inside it, nothing moved for 7 seconds either. And for a visitor whose system asks for reduced motion, the carousel did not autoplay at all and showed no Pause button, even with autoplay set. If you do turn autoplay on, give each page at least 6 seconds, since a review takes longer to read than a headline.

Which reviews should go in a carousel?

Reviews with words, recent ones, and not only five-star ones. Filtering a carousel down to perfect ratings is tempting, and even Yotpo's guide tells you to avoid it, because a row of identical five-star cards looks curated. The research points the same way: in the studies we covered in whether reviews increase sales, purchase likelihood peaked at averages between 4.0 and 4.7, not at a perfect 5.0.

Newest first is the simplest honest order, because it does not depend on you choosing. If you pick reviews by hand, pick for detail rather than for stars, and keep the overall rating and count next to the carousel so the selection does not pass for the whole picture.

How do you add a review carousel to your site?

With Formgong it is one element and one script. Put the element where the carousel should appear, replace fk_your_access_key with your review site's key, and the script draws the cards inside its own shadow root, so your theme's CSS cannot break them. data-limit sets how many reviews load at a time; pressing Next at the end loads the next set. The reviews widget docs list the other options, such as one product's reviews or the page language.

On Shopify, paste the same two lines into a Custom Liquid section. If you use Judge.me and its carousel has gone missing, our guide to the Judge.me carousel not showing covers the usual causes.

<div data-formgong-reviews="fk_your_access_key"
     data-layout="carousel" data-limit="6"
     data-title="What customers say"></div>
<!-- Optional, and off by default: data-autoplay="6" moves it every 6 seconds -->
<script src="https://formgong.com/reviews.js" defer></script>

How is Formgong's carousel different?

Ours does not move unless you ask it to, and when you do, it pauses for hover, keyboard focus and the Pause button, and never plays for visitors who turned on reduced motion. The row is a named, focusable region, so arrow keys scroll it, and the buttons are marked unavailable at the ends rather than disappearing under the keyboard. It also has no setting to drop low ratings. Yotpo's guide, read on 3 November 2026, recommends autoplay at 5 to 7 seconds as a starting point; CusRev's help article suggests sorting by rating to show the best reviews first; Trustindex's homepage slider page lists “Hide your negative reviews” as a feature. You can see ours on the review widget page.

Does your review carousel get read?

If you have tried a carousel and a grid on the same page and measured which one people used, we would like to see the numbers. Write to support@formgong.com, including anything our carousel did badly on your theme.