Widget layouts
A Google reviews testimonial slider
Give a single customer comment room to breathe, with the next story a tap or swipe away.
Updated October 2026
Example reviews · fictional preview
The 4.8 rating and the reviews above are example data. A published widget shows the real rating and reviews of the business you connect.
Make one story the center of attention
The slider is useful when your page already has a clear main action and you want one review to support it. Try it beneath a service introduction, near a booking form, or in a quiet band between an explanation and a call to action. Each review takes the central space instead of competing with two neighboring cards. This can help long, detailed comments feel readable.
A testimonial slider is also a good choice when you have a small set of particularly relevant reviews. Build a named collection for the page, or hide the reviews you do not want shown. Keep the wording honest. The widget shows what the customer wrote. The business rating, when shown, covers the entire connected listing. If people need to compare many comments quickly, a grid or list is easier to scan.
Set a comfortable reading pace
Slider controls include autoplay, a one-to-ten-second interval, arrows, dots, and looping. A new slider starts at six seconds per review, one second slower than the carousel, with a fade entrance. For longer comments, turn autoplay off or use a slower interval. Arrows make the next review obvious, while dots tell visitors there is more to read. With more than ten reviews, a counter such as “1 / 12” replaces the dots. When autoplay is on, the published widget shows a pause button. Autoplay also stops while someone hovers over or focuses the widget, and it never runs for visitors who ask their device for reduced motion. The builder’s animation setting offers none, fade, or slide-up for the widget’s entrance.
Choose a readable font and review text size before worrying about decoration. You can change the background, card color, star color, corner radius, shadows, and spacing. Reviewer photos and dates can be shown or hidden, as can stars, review text, and Google source details. A read-more label and truncation limit help keep a very long quote from dominating the page. Sort by newest or another order, then check that the first slide makes sense on its own.
Mobile behavior and loading
The slider always shows one review at a time. It is centered and no wider than about 640 pixels, even on a large screen. On a phone, visitors can swipe the strip, and the arrows shrink in a narrow space. Preview at phone size so long reviewer names and large fonts do not crowd the controls. If the section is close to the bottom of a page, consider leaving autoplay off; a moving quote there may distract from the last action on the page.
The embed loads as a script. Use one well-placed slider rather than repeating it between every section. Hiding reviewer photos means fewer images to fetch, and the builder has a lazy-load option for the images that remain. Limit the number of reviews to the ones the visitor is likely to read.
Put it on your site in three steps
- Add a business using its Google Maps link and create a widget.
- Choose Slider. Select your review collection or filters, set the controls and colors, and check the phone preview.
- Copy the dashboard’s script tag into your site’s custom code area at the point where the slider should appear, then publish and test it.
For WordPress, Wix, and Shopify placement details, use the guides linked below. A slider that must always show your newest review needs automatic syncing, which is on the paid plan; the Free plan refreshes monthly.
Example: end-of-tenancy cleaning
Imagine a cleaning business placing a slider below a page about end-of-tenancy cleaning. A review that describes the completed clean belongs on the first slide; a generic “great service” comment gives a visitor less useful information. A second slide could speak to scheduling, and a third to communication. Use a collection if the connected business has reviews for several different services. Read the first slide as if the visitor never touches the arrows, because many people will stop there.
Test the published slider with a mouse, a keyboard, and a touch screen. With the keyboard, tab into the slider first; then the left and right arrow keys move it. Check that the quote does not run into the arrows on a phone. If a review needs a read-more tap to make sense, a list suits it better.
Frequently asked questions
How is a slider different from a carousel?
The slider centers one review at a time. The carousel can show several cards together on a wide screen.
Can visitors control it?
Yes. You can show arrows and dots, and visitors can swipe. Once the slider has keyboard focus, the left and right arrow keys work too. When autoplay is on, the widget also has a pause button.
Can I stop it from moving automatically?
Yes. Turn autoplay off in the layout controls and let visitors swipe or use the arrows.
Can I shorten long reviews?
Yes. Set a truncation length and a read-more label in the widget’s content settings.
Does a slider improve search rankings?
There is no ranking guarantee. Use it to help site visitors read genuine reviews.
Create a testimonial slider
Choose a few relevant Google reviews and preview the slider before you embed it.