Fluorescent Logo
Back to the index

Testimonials

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

Testimonials on desktop

Set up a testimonials section on the home page

To set up the testimonials section:

  1. From your theme’s “Customize” screen, choose Home page from the pages drop-down menu at the top of the screen.

    Drop-down menu with page types listed

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

    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.

    Testimonials with link enabled

    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. Use the Add testimonial button to add a new testimonial.

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

  7. Use the Back to settings (<) button to go back to all of the home page settings again. Use the drag handles to rearrange the order of your home page sections:

    Shopify section drag handles

  8. Use the Save button in the top-right corner when you are finished editing.

Settings

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.

Link text
Change the text for a link above the testimonial section.
Link
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:

  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 article.

    Testimonials with carousel enabled

  4. Add Testimonial text.

  5. Add an Author.

  6. Repeat this process until you’ve added all the testimonials you need.

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

    Shopify section drag handles

    You can always use the Remove content button underneath these settings to remove a testimonial from the list.

  7. Use the Save button in the top-right corner when you are finished editing.

Settings

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.

You can use the Remove content button inside any block to remove it

Testimonial carousels on mobile

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

Testimonials on mobile

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.

Ensure your testimonials section will carousel

To ensure that your testimonials section will carousel:

  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. Use the Save button in the top-right corner when you are finished editing.

Related articles

  • Home page
  • Add a testimonial
  • Testimonials carousels on mobile
© 2014-2020 Fluorescent Design Inc.   •   hello@fluorescent.co