1. Purpose
Displays customer reviews to build trust and show positive experiences with your products or services.
2. Common use cases
Homepage
Product page
Landing page
About page
Brand credibility section
3. How to add
Shopify Admin → Online Store → Themes → Customize → Add section → Testimonials
4. Main blocks
Section heading: Adds a title and supporting text.
Quote: Adds customer feedback, author details, product, and rating.
5. Key settings
5.1. General options
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. |
5.2. Slider settings
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.
5.3. Section heading
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.
5.4. Quote block
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. |
5.5. Section layout
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. |
6. Best practices
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.
7. Common issues
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. |
