Skip to content
Faith
⌘K
Skip to content

Testimonials

Overview

The Testimonials section shows customer reviews in a sliding carousel, for example Customer Reviews. Each review card shows a star rating, the review text, and the customer’s name, details and photo. The card in the middle is in focus, and the cards on either side peek in. Cards can be pill-shaped or rounded, with an optional large quote mark. Showing real reviews builds trust and helps new visitors decide to buy.

How to use

  1. Go to Online Store → Themes → Customize.
  2. Click Add section → Testimonials, or select an existing one.
  3. Edit the Section heading to change the title and intro text, for example Customer [Reviews].
  4. Click Add block → Testimonial for each review. In each one, write the review in its Text block, then set the Star rating and the customer’s Name, Details and Photo.
  5. Under Cards, choose the Card color scheme, Card width, Card shape and Star color, and turn the quote mark on or off.
  6. Under Carousel, turn dots, counter, progress bar, looping and auto-rotation on or off.
  7. Optionally, add a Pattern image behind the section.
  8. Set the Section width and Padding.
  9. Click Save.

Settings

SettingsDescription
Color SchemeSelect a predefined color scheme for the section background and heading.
Card Color SchemeSelect a color scheme for the cards’ background, border, text and stars.
Card WidthSet the card width on a 1920 px screen (480–960 px). It scales down on smaller screens, and the cards on either side peek in.
Card ShapeChoose the card shape: Pill (fully rounded ends) or Rounded (rounded corners).
Card Corner RadiusAppears when Card shape is Rounded. Customize the rounded corners (0–80 px).
Star ColorChoose the color of the rating stars.
Show Quote MarkShow a large quote mark in the background of each card.
Show DotsShow navigation dots under the cards.
Show Slide CounterShow the current position, for example 2 / 5.
Show Progress BarShow a bar that fills as customers move through the reviews.
Loop SlidesGo back to the first review after the last one.
Auto-rotate SlidesMove to the next review automatically.
Change Slides EveryAppears when Auto-rotate slides is on. Set how long each review stays (3–10 seconds).
Pause on HoverAppears when Auto-rotate slides is on. Stop auto-rotation while the customer’s mouse is over the reviews.
Pattern ImageUpload a small picture to repeat faintly over the section, like a texture.
SizeAppears when a Pattern image is added. Set the size of each repeated tile (16–300 px).
OpacityAppears when a Pattern image is added. Adjust how visible the pattern is (5–100%).
Section WidthSet how wide the section is. Options include Same as theme, Full width, Wide, Standard, Narrow and Custom. This overrides the theme’s content width for this section only.
Custom Section WidthAppears when Section Width is set to Custom. Set an exact width (600–2000 px).
PaddingChoose Desktop or Mobile under Devices, then adjust the Top and Bottom spacing of the section for that device.

Tip: The carousel arrows are part of the Section heading. Select it, set Layout to Horizontal, and under Show choose Carousel arrows.

Testimonial Block

Overview

The Testimonial block is one review card. The review itself is written in the Text block inside it. The Testimonial block’s own settings hold the star rating and the author’s name, details and photo.

How to use

  1. Expand Testimonials and click Add block → Testimonial, or select an existing one.
  2. Expand it and select its Text block to write the review.
  3. Back on the Testimonial block, set the Star rating (0 hides the stars).
  4. Enter the author’s Name and Details, for example Verified buyer.
  5. Upload a Photo of the customer.
  6. Click Save.

Settings

SettingsDescription
Star RatingSet the number of stars shown on the card (0–5). Set it to 0 to hide the stars.
NameEnter the customer’s name, for example Alisa Olivia.
DetailsAdd a short line under the name, such as a role, a place or the product they bought, for example Verified buyer.
PhotoUpload a small photo of the customer. It shows in a circle next to the name.

Tip: Keep the reviews about the same length so the cards look even. Only publish genuine reviews from real customers, with their permission. Heading and Text are the common blocks, and the Section heading settings are covered in the Section Heading article.

Was this helpful?
Previous Spotlight products Next Video section