Share what customers say about your store with quotes, star ratings and author names.
Overview
The Testimonials section shows customer quotes in a row or as a slider, each with an optional heading, star rating and the author's name. Show them as plain text on the section background, or as cards for a more structured look. Use it near your products or before a newsletter signup to build trust with new visitors.
Section settings
| Setting | Type | Default | Description |
|---|---|---|---|
| Color scheme | Color scheme | Default | Colors of the section. |
| Enable autoplay | Toggle | On | Rotates the testimonials automatically when they don't all fit in one row. |
| Autoplay interval | Range |
4 s |
Time between rotations. |
| Text alignment | Alignment | Center | Alignment of the testimonial text. |
| Icon | Select | None | Shown above each testimonial. Options: None, Star rating, Quotation. |
| Card background | Select | Transparent | Transparent uses the section colors without padding. Solid uses the card colors and Alternative a slightly lighter or darker shade of the section background, both with padding. |
Desktop, tablet and mobile layout
| Setting | Type | Default | Description |
|---|---|---|---|
| Full width | Toggle | On | Desktop. Spans the section across the full page width. |
| Testimonials per row (desktop) | Range | 3 |
Between 2 and 5. |
| Testimonials per row (tablet) | Range | 2 |
Between 1 and 5. |
| Heading size (desktop / mobile) | Select | Default | Size of each testimonial's heading, set separately for desktop and mobile. Options: Tiny, Small, Default, Large, Huge, Gigantic, Outrageous. |
| Testimonial size (desktop / mobile) | Select | Large / Default | Size of the testimonial text, set separately for desktop and mobile. Same options as Heading size. |
| Margin top and bottom (desktop / mobile) | Range |
0 / 40 px desktop, 0 / 24 px mobile |
Space above and below the section. |
Testimonial block settings
| Setting | Type | Default | Description |
|---|---|---|---|
| Star rating count | Range | 5 |
Number of stars shown when Icon is Star rating. |
| Heading | Text | Heading |
A short heading above the quote. |
| Text | Rich text | — | The testimonial itself. |
| Author | Text | Author's name |
Who said it. |
Section header block settings
| Setting | Type | Default | Description |
|---|---|---|---|
| Subheading | Text | Subheading |
Small text above the heading. |
| Subheading HTML tag | Select | H3 | HTML tag of the subheading. Affects its base size. |
| Heading | Text | Testimonials |
The section heading. |
| Heading HTML tag | Select | H2 | HTML tag of the heading. Affects its base size. |
| Text | Rich text | — | Optional text below the heading. |
| Text alignment | Select | Center | Options: Left, Center, Right. |
| Size modifier (desktop / mobile) | Select | Default | Size of the header, set separately for desktop and mobile. |
Setup
Steps
- From your Shopify admin, go to Online Store → Themes.
- Click Customize next to your active theme.
- Click Add section and select Testimonials.
- Edit the Section Header block to set the heading.
- Add a Testimonial block for each quote and fill in the text and author.
- Choose an Icon and a Card background.
- Click Save.
Choose a card background
Keep Transparent for a light, editorial look where the quotes flow with the page. Choose Solid or Alternative to show each quote as a card, which works well with three or more testimonials in a row.
Build trust before the first purchase
Real quotes from customers answer the question every new visitor has: can I trust this store? Place testimonials near your best-sellers or on product pages, and name the product or benefit in the heading, for example "Perfect fit on the first try".
Updating from an earlier Taiga version
Card background in Taiga 9.0.0
Testimonials now use the section colors without card padding by default. To keep the earlier card look with padding, choose Solid or Alternative in Card background.