Last updated: March 2026 Category: Designing Your App
Overview
The Testimonials component displays a carousel of customer reviews on your app's home screen. Each testimonial can include a customer name, review text, star rating, and photo. Testimonials build trust and social proof, helping new visitors feel confident about purchasing from your store.
How to Use
Adding a Testimonials Component
Drag the Testimonials component from the Component Palette into the Phone Preview.
Click on it to open the Inspector Panel.
[Screenshot: Testimonials component in the Phone Preview showing a customer review card]
Adding Testimonials
In the Content tab:
Click Add Testimonial to create a new review entry.
For each testimonial, fill in:
Customer name — The reviewer's name or initials.
Review text — The customer's testimonial or quote.
Rating — A star rating from 1 to 5.
Image — Click the image picker to open the Media Library and upload or select a customer photo or avatar.
Add as many testimonials as you want. The component displays them in a horizontal carousel.
[Screenshot: Content tab showing two testimonial entries with name, text, rating, and image fields]
Reordering Testimonials
To change the order in which testimonials appear in the carousel:
Hover over the testimonial you want to move.
Grab the drag handle on the left side.
Drag it up or down in the list.
Release to confirm the new position.
Removing a Testimonial
Click the Delete icon next to any testimonial entry to remove it from the carousel.
Settings
Customize the carousel behavior and appearance in the Settings and Layout tabs:
Auto-play — Toggle on to have the carousel advance automatically between testimonials.
Auto-play interval — Set the time in seconds between transitions.
Navigation dots — Toggle on to show indicator dots below the carousel.
Card background color — Set the background color of each testimonial card.
Text color — Choose the color for the review text.
Name color — Set the color for the customer's name.
Star color — Choose the color for filled rating stars.
Border radius — Round the corners of each testimonial card.
Padding — Add spacing inside each card.
Margin — Add outer spacing around the entire testimonials section.
[Screenshot: Settings tab showing carousel and styling options for the Testimonials component]
Tips
Feature your best and most specific reviews. Testimonials that mention a particular product or experience are more persuasive than generic praise.
Include a customer photo when possible — reviews with faces feel more authentic and trustworthy.
Aim for 3–6 testimonials. Enough to show variety, but not so many that customers won't cycle through them.
Set the auto-play interval to 5–7 seconds so customers have time to read each review before it scrolls.
Place the Testimonials component below your product sections to reinforce buying confidence at the right moment.
If you don't have customer photos, use initials or a simple avatar as the image. Leaving the image blank can look incomplete.
Related Articles