Review Banner
1. Purpose The Review Banner section showcases customer testimonials alongside a highlighted review summary to build trust and increase purchase confidence. It…
3 phút đọc
Trong trang này
1. Purpose
The Review Banner section showcases customer testimonials alongside a highlighted review summary to build trust and increase purchase confidence. It combines detailed customer feedback with an overall review card, making it ideal for reinforcing social proof on key landing pages.
2. Common use cases
Homepage
Landing page
Product page
Promotional campaigns
Brand story page
3. How to add this section
Shopify Admin → Online Store → Themes → Customize → Add section → Review Banner
4. Key settings
4.1. Section settings
Setting | Description | Recommended use |
|---|---|---|
Layout Mode | Display testimonials in a Grid or Slider/Carousel layout. | Use Grid for a small number of testimonials. Use Slider/Carousel when displaying multiple reviews. |
Columns (Desktop / Tablet / Mobile) | Defines how many testimonial cards appear per row on each device. | Use fewer columns on smaller screens for better readability. |
Loop slides | Continuously loops testimonials when using the carousel layout. | Enable for continuous scrolling experiences. |
Autoplay speed | Sets the automatic slide transition interval. Set to 0 to disable autoplay. | Use a moderate speed (3–5 seconds) for comfortable reading. |
Pause autoplay on hover | Stops autoplay while the cursor is over the carousel. | Recommended for desktop to improve readability. |
Show navigation arrows | Displays previous and next navigation buttons. | Recommended when using the carousel layout. |
Show pagination dots | Displays pagination indicators below the carousel. | Useful when multiple testimonial pages are available. |
Card Maximum Width | Controls the maximum width of testimonial cards on Desktop, Tablet, and Mobile. | Increase for longer reviews or decrease to fit more cards per row. |
Card Heading | Sets the title displayed in the featured review summary card. | Use a concise headline such as "Trusted by 10,000+ Customers". |
Rating (Stars) | Sets the star rating shown in the review summary card. | Typically set to 5 stars. |
Link Text | Text displayed for the review summary link. | Examples: "Read the reviews", "See all reviews". |
Link URL | Destination of the review summary link. | Link to a reviews page or product reviews section. |
Display colors by section | Uses the section color scheme for all cards. | Enable for consistent branding across the section. |
Card Color Scheme | Selects the color scheme for testimonial cards. | Choose a scheme with sufficient contrast for readability. |
4.2. Testimonial block settings
Setting | Description | Recommended use |
|---|---|---|
Image | Customer avatar or profile image. | Use real customer photos whenever possible. |
Heading | Optional testimonial title. | Use for short review headlines if needed. |
Text | Customer testimonial content. | Keep reviews concise and authentic. |
Author | Customer name. | Display the reviewer's name for credibility. |
Position | Customer job title or additional information. | Optional but helps establish authenticity. |
Rating | Individual customer star rating. Set below 1 to hide the rating. | Display ratings for positive reviews. |
5. Best practices
Use authentic customer testimonials with real names and photos whenever possible.
Keep testimonial text concise so visitors can quickly scan reviews.
Highlight your strongest review or overall rating in the featured review card.
Display 2–4 testimonials in Grid mode to avoid overcrowding.
Use the Carousel layout when showcasing a larger collection of reviews.
Ensure text remains readable on mobile by limiting the number of columns.
Link the review summary card to your dedicated reviews page or product reviews section to encourage further exploration.
6. Common issues
Issue | Possible cause | Solution |
|---|---|---|
Review summary link does not work | The Link URL field is empty or points to an invalid page. | Add a valid URL or select a page using Shopify's link picker. |
Customer image is not displayed | No image has been assigned to the testimonial block, or the image was removed from the store files. | Upload or reselect an image in the Image setting. |