We've recently relaunched all three of our themes. Watch the launch video here.

Testimonials

The Testimonials section lets you feature glowing reviews from customers and partners.

Testimonials on desktop
Testimonials on desktop
Testimonials on mobile
Testimonials on mobile

Add a Testimonials section

The Testimonials section can be added to any template (except the Checkout). To learn more about Sections and Templates, see Shopify's OS2 Theme Editor manual.

  1. In your theme editor (Customize), select the Template you wish to edit from the dropdown menu in the top bar.

    Drop-down menu of page templates
    Drop-down menu of page templates
  2. Click + Add section and select Testimonials from the Theme Sections list.

    Add section button
    Add section button
  3. (Optional.) Click and hold the ⋮⋮ drag icon to change the order of your sections:

    Shopify section drag handles
    Shopify section drag handles

Add testimonials

Add up to 8 testimonials with glowing reviews from your customers and partners.

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

    This opens the testimonial block settings.

  2. Change the Heading text as a title for the testimonial.

    We recommended a short title of just a few words.

    You can leave this field blank to remove the Heading.

  3. Change the Testimonial text.

    Use the formatting buttons to add bold, italic, and linked text.

  4. Add an Author.

  5. Adjust the Max width of text of the testimonial text using the slider.

    The width will need to be adjusted when there are two testimonials per row on desktop.

    Experiment with this setting to find a clean visual shape for your text.

  6. Return to the list of your template sections in the sidebar and repeat this process until you've added all the testimonials you need.

  7. (Optional.) Click and hold the ⋮⋮ drag icon to change the order of your testimonial blocks:

    Shopify content blocks drag handles
    Shopify content blocks drag handles

    Use the Remove block button in the block settings to remove a testimonial entirely.

  8. Remember to click Save in the top-right corner.

Customize the Testimonials section

The Testimonials section settings are applied to all testimonial blocks. You can add a main Heading and Subheading, change the number of testimonials per row, set the text alignment, and enable the alternate section color.

  1. Click on the Testimonials section.

    This opens the Testimonials section settings.

  2. Use the Columns per row slider to adjust the number of testimonials per row, between 2, 3, or 4.

    On mobile, testimonials are displayed in a single column.

  3. (Optional.) Add a Heading to display at the top of the section.

  4. (Optional.) Add a Subheading.

    Use the formatting buttons to add bold, italic, or linked text.

  5. Choose to display the testimonial text as Left or Center aligned.

  6. (Optional.) Enable the Alternate section color.

    See Spark's Color settings guide to learn how to create a secondary color scheme with alternate section colors.

  7. Remember to click Save in the top-right corner.

Testimonials section settings

The following settings are found by clicking directly on the section title:

Configuration Settings

Columns per row

Use the slider to choose how many testimonials should be displayed per row.

You can choose between 2 and 4 per row.

Heading

Add a heading above the Testimonials section.

We recommended a short title of just a few words.

Subheading

Add subheading text to display below the heading. We recommend two to three short sentences.

Use the formatting buttons to add bold, italic, or linked text.

Text alignment

Choose to display the testimonial text as Left or Center aligned.

Use alternate section color

Apply the alternate section colors as chosen in your Theme Settings.

See Spark's Color settings guide to learn how to create a secondary color scheme with alternate section colors.

Testimonial block settings

The following settings are found by clicking directly on a Testimonial block:

Configuration Settings

Heading

Add a heading text.

We recommended a short title of just a few words.

Testimonial

Add the quote text for the testimonial.

Use the formatting buttons to add bold, italic, or linked text.

Author

Add the name of the person being quoted.

Max width of text

Use the slider to adjust the maximum width of the testimonial text. The width will need to be adjusted when there are two testimonials per row on desktop.

Experiment with this setting to find a clean visual shape for your text.

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.