Introducing Stiletto - the essential Shopify theme to fuel your ecommerce growth. Learn more.

Testimonials

The Testimonials section displays rotating quotes from customers for your products with feature images and links.

Testimonials section
Testimonials section

Set up section

Add this section to any template (except Checkout) and re-order its position. You can use this section multiple times on the same page with different content and settings.

Note: New sections will appear on all pages that use the same template. To add sections to specific pages only, learn how to create and assign multiple templates.

Steps

In your theme editor (Customize):

  1. Select a Template to edit from the dropdown menu in the top bar.

  2. In the side panel, click (+) Add section and select Testimonials.

  3. Change the order of your sections by using the drag and drop handles ⋮⋮

Add testimonial blocks

Add as many Testimonial blocks as you like, each with their own feature image.

Steps

In your theme editor (Customize):

  1. Click +Add Testimonial and/or click on the Testimonial block you wish to edit.

  2. Click Select product to choose which product to feature in the testimonial.

  3. Under Custom Image, click Select image to display an image instead of the product image.

  4. Select an Image aspect ratio to crop your image to Square, Landscape, or Portrait.

    The Natural setting displays the original shape of your image.

    Example of aspect ratio shapes: Square, Landscape, and Portrait
    Example of aspect ratio shapes: Square, Landscape, and Portrait
  5. Select the Image focal point to choose which area of the image to keep centered and visible when cropping occurs.

  6. Add a Star rating.

    Choose a star rating for the testimonials, between 0 and 5 stars.

  7. Add the Quote text.

    We recommend keeping this to just a few sentences long.

  8. Add the name of the Author or source of the quote.

  9. (Optional.) Use the drag and drop handles ⋮⋮ to change the order of the testimonial blocks.

    Shopify content blocks nested in a section
    Shopify content blocks nested in a section

    Click the Remove block button in the block settings to remove a testimonial block.

  10. Click Save.

Section styles

Customize the look of your section by changing the style and layout.

  1. Click on the Grid section to open the settings.

  2. Set the Product image size to Small, Medium, or Large.

  3. Set the Quote font to the Heading or Body font as set in the theme settings.

  4. Change the Background and Text color.

    We recommend using WebAIM's contrast checker when matching colors to make sure your text is clear and readable for everyone.

  5. Choose whether to Enable animation to show visual effects when scrolling, hovering, or interacting with the section.

    Learn more about Section animations in Stiletto.

  6. Choose to display a Top divider that separates sections with a Solid line.

    The Top divider uses the Lines and borders color selected in the Theme Settings.

  7. Select a Padding option to add space around the section to either the Top and bottom, Top only, Bottom only, or set it to None.

  8. Click Save.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.