Displays customer reviews to build trust and show positive experiences with your products or services.
Homepage
Product page
Landing page
About page
Brand credibility section
Shopify Admin → Online Store → Themes → Customize → Add section → Testimonials
Section heading: Adds a title and supporting text.
Quote: Adds customer feedback, author details, product, and rating.
Setting | Description |
|---|---|
Content align | Aligns testimonial content left or center. |
Testimonials design | Selects the testimonial layout style. |
Items per row | Sets the number of testimonials on desktop, tablet, and mobile. |
Setting | Description |
|---|---|
Use prev/next button | Displays slider navigation arrows. |
Navigation position | Places arrows inside or outside the testimonial content. |
Navigation design | Selects the navigation button style. |
Use dots | Displays pagination dots. |
Distance from dots to quote items | Adjusts spacing between dots and testimonials. |
Outside content navigation does not work when the section is full width.
Setting | Description |
|---|---|
Text alignment | Aligns the heading content. |
Spacing between items | Adjusts spacing between heading blocks. |
Margin bottom | Sets the space below the heading. |
The heading supports Heading and Text blocks with responsive size, color, visibility, font weight, and letter-spacing settings.
Setting | Description |
|---|---|
Image | Adds a customer image, logo, or product image. Available for Design 3. |
Heading | Adds a short testimonial title. |
Text | Adds the customer review. |
Author | Displays the customer’s name. |
Position | Displays the customer’s role or title. |
Enable verify | Displays a verification badge. Available for Design 2. |
Product | Links the testimonial to a selected product. |
Rating | Displays a rating from one to five stars. |
Setting | Description |
|---|---|
Color scheme | Controls the section colors. |
Star rating | Sets the star color. |
Image | Adds a background image. |
Enable section full width | Expands the section across the browser width. |
Section padding | Adjusts spacing above and below the section. |
Rate padding (mobile) | Controls responsive spacing on mobile. |
Custom CSS | Adds custom styles to this section only. |
Use authentic and specific customer feedback.
Keep reviews concise and easy to scan.
Add names, positions, and ratings to improve credibility.
Use consistent review lengths.
Select a testimonial design before adding images or verification badges.
Enable arrows or dots when several testimonials are included.
Issue | Solution |
|---|---|
Testimonials are not showing | Add and enable at least one Quote block. |
Customer image is missing | Select Testimonial Design 3. |
Verification badge is missing | Select Testimonial Design 2 and enable verification. |
Slider navigation is missing | Enable arrows or dots. |
Outside navigation is not working | Disable full width or use inside navigation. |
Reviews have uneven heights | Keep testimonial text lengths similar. |