# How to add a review carousel people can read
A review carousel or slider that shoppers actually read: when to use one, autoplay and accessibility rules, which reviews to put in, and what our test showed.
Author: Formgong
Published: 2026-11-03
Language: en
Canonical: https://formgong.com/en/blog/review-carousel/
A review carousel is a row of review cards that scrolls sideways, and it works best when it stays still until the visitor moves it, shows about 3 cards on a desktop and 1 on a phone, and works with the keyboard. If it moves by itself, the W3C's accessibility rules require a way to pause it. In our test on 5 real reviews, 3 cards fit at 1,280 pixels and 1 at 390, and autoplay stopped whenever the pointer or keyboard focus was on it.
## 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](/en/blog/show-reviews-on-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.
Formgong's carousel with our demo shop's 5 real reviews, in Chromium on 3 November 2026.
CheckResult
Cards fully in view at 1,280 px3 of 5
Cards fully in view at 390 px1 of 5, with the edge of the next one showing
Cards with any words in them2 of 5 (the other 3 are star ratings only)
Requests to load it2: the script (29,336 bytes) and the reviews (1,459 bytes)
Movement in 8 seconds, default settingsNone
Arrow key on the focused rowScrolled the row
Next buttonMoved one page; Next then marked unavailable at the end
Autoplay every 3 secondsMoved within 3.6 seconds, with a Pause button
After pressing PauseNo movement in 7 seconds
Pointer resting on it, or keyboard focus insideNo movement in 7 seconds, either way
Visitor with reduced motion turned onNo autoplay and no Pause button, even with autoplay set
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](/en/blog/do-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](/en/docs/reviews-widget/) 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](/en/blog/judge-me-review-carousel-not-showing/) covers the usual causes.
```html
```
## 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](/en/reviews/).
## 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](mailto:support@formgong.com), including anything our carousel did badly on your theme.
## Frequently asked questions
### What is a review carousel?
A row of review cards that scrolls sideways, with buttons or swipes to move between them. It saves space where reviews support the page rather than fill it.
### Should a review slider autoplay?
Usually not. If it does, WCAG 2.2.2 requires a way to pause it, and it should stop while the pointer or keyboard focus is on it.
### How many reviews should a carousel show?
About 3 at a time on a desktop and 1 on a phone, from a set of around 6 that load first, with the overall rating next to it.
### Is it OK to show only 5-star reviews in a carousel?
It is better not to. A row of perfect ratings looks curated, and the Spiegel Research Center found purchase likelihood peaking at averages of 4.0 to 4.7.
## Sources and documentation
- [Formgong: How to show reviews on your homepage](https://formgong.com/en/blog/show-reviews-on-homepage/)
- [The reviews widget](https://formgong.com/en/docs/reviews-widget/)
[Get a form key](https://formgong.com/en/#top)