Testimonials

The Testimonials section lets you feature quotes from customers. You can personalize each testimonial quote with an optional profile picture.

Set up a testimonials section on the home page

To set up the testimonials section:

STEPS
  1. From your Customize theme editor, choose Home page from the pages drop-down menu at the top of the screen.

  2. Scroll down the list of home page settings until you see the Add section button.

  3. Choose Testimonials from the list of sections, and press the Add button.

    This opens the testimonials section settings.

  4. Add a Heading, Link text and Link.

    These all appear at the top of the section, where the link and link text appear on the right side of the page.

    If you want to link to a external page, like an Instagram profile page, you need to type (or copy and paste) the full URL starting with https://. For example: https://example.com/abc123.

  5. Set the amount of Testimonials per row using the slider.

  6. Return to the list of Home page sections to find your new Testimonials section.

    Use the drag handles to rearrange the order of your Home page sections:

  7. Use the Add testimonial button to add a new testimonial.

    For more information about adding and editing these blocks, see the Add a testimonial section.

  8. Click Save.

Settings reference

The following settings are available for testimonial sections:

Heading

Change the heading displayed above the testimonial section.

We recommend keeping this to just a few words long.

Change the text for a link above the testimonial section.

Change the link for the link text above the testimonial section. If you're adding an external link, you need to type (or copy and paste) the full URL, starting with https://. For example: https://example.com/abc123.

Testimonials per row

Use the slider to choose how many testimonials should be displayed per row of testimonials. You can choose between 2 and 4 per row.

See the Add a testimonial article for more information about adding and editing testimonials quotes to this section.

Add testimonial

To add a new testimonial to your testimonials section:

STEPS
  1. Make sure you are already editing the testimonials section that you want to change.

  2. Under Content, use the Add testimonial button to add a new testimonial.

  3. Choose or upload an Image for the quote. This will most likely be a profile picture of the person being quoted.

    Note that if all your testimonial quotes in a section have images, they will be displayed as a left-to-right scrollable carousel on mobile devices. For more information, see the Testimonial carousels on mobile section.

  4. Add Testimonial text.

  5. Add an Author.

  6. Return to the list of Home page sections to find your Testimonials section with the content blocks nested below.

    You can change the order of the blocks by using the drag handles:

  7. Repeat this process until you've added all the testimonials you need.

You can also use the Remove block button to remove a testimonial from this section entirely.

  1. Click Save.

Settings reference

Each testimonial has the following settings:

Image

Select or upload an image, used as the profile picture for the person being quoted in the testimonial.

Testimonial

Add the quote text for the testimonial. This is a rich text box, so you can make parts of the text bold or italic. You can also add links to it.

Author

Add the name of the person being quoted.

Settings reference

On mobile devices, testimonials sections can be displayed as carousels that scroll from left to right.

To make your testimonials sections display as a carousel, just make sure that each testimonial has an Image added to it.

If some testimonial blocks don't have an image, then each testimonial is displayed vertically, from top to bottom.

To ensure that your testimonials section will turn into a carousel:

STEPS
  1. Make sure you are already editing the Testimonials section that you want to change.

  2. Click on each existing Testimonial block in the settings to open it.

  3. Check each Testimonial block to make sure the Image field is not empty.

    The Image fields are optional, so it's possible they will be empty.

  4. Click Save.

  • Home page

  • Carousel

  • Text columns with images

  • Image with text

  • Collage