> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/spark/pages/theme-sections/testimonials.md).

# Testimonials

Use the **Testimonials** section to display rows of quotes from customers or partners about your products and store.

## Set up section

Add this section to any template (except Checkout) and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.

{% hint style="warning" %}
Editing a template changes all pages that use that template. To edit specific pages, you can [create new templates](/spark/general/editing-themes/using-templates.md#create-and-assign-multiple-templates) or [insert dynamic content with metafields](/spark/general/adapting-your-theme/dynamic-content-with-metafields.md).
{% endhint %}

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

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

   > Learn how to use templates in our [Templates guide](/spark/general/editing-themes/using-templates.md).
2. Under **Template**, click **(+) Add section** and select **Testimonials**.
3. Click and hold the drag-and-drop handles **`⋮⋮`** to re-order your sections.

</details>

## Add testimonial blocks

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

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Click (**+) Add Testimonial** and/or click on the **Testimonial** block you wish to edit.
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. Add text for the **Testimonial**.

   > Use the formatting buttons to add text styles, links, or lists. To learn more, see Shopify's [Rich text editor guide](https://help.shopify.com/en/manual/shopify-admin/productivity-tools/rich-text-editor#format-text-with-the-rich-text-editor).
4. Enter the **Author** name to display below the testimonial text.
5. Use the **Max width of text** slider to control the maximum width of the text.

   > Use this setting to create a clean visual shape for your text and avoid unwanted line breaks.
6. (*Optional*.) Use the drag and drop handles **`⋮⋮`** to change the order of the testimonial blocks.

   ![](/files/4UW6Ll3A75SP9Arnc5aO)

   > Click the **Remove block** button in the block settings to remove a testimonial block.
7. Click **Save**.

</details>

## Section headings and layout

You can add a main **Heading** and **Subheading**, change the number of **testimonials per row**, set the **text alignment**.

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Click the **Testimonials** section to open the 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 text styles, links, or lists. To learn more, see Shopify's [Rich text editor guide](https://help.shopify.com/en/manual/shopify-admin/productivity-tools/rich-text-editor#format-text-with-the-rich-text-editor).
5. Choose to display the testimonial text as *Left* or *Center* aligned.
6. Click **Save**.

</details>

## Section style

Customize the section **Style** with options for section **Spacing**, **Animation**, and **Alternate section color**.

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Click on the section to find the **Section style** settings.

   ![](/files/2CL811q430UqBxOkiWlv)
2. Choose whether to **Enable animation** to show visual effects when scrolling, hovering, or interacting with the section.

   > Learn more about [Section animations](/spark/theme-styles/animation.md) in Spark.
3. Choose to enable the **Alternate section color** to apply the secondary section colors selected in your theme settings for colors.
4. Select a **Spacing** option to add padding around the section content.

   > Add padding to either the **Top and bottom**, **Top only**, **Bottom only**, or set it to **None**.

   ![](/files/mD4aOudXNMBtAk7HVTaK)
5. Select the **Spacing amount** for the padded sides of the section: **Full**, **Half**, or **Minimum**.
6. Click **Save**.

</details>

## Settings reference

Click the **Testimonial blocks** to find the following settings.

| Setting           | Description                                                                                                                                                  |
| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Heading           | Add a text as a heading for the testimonial.                                                                                                                 |
| Testimonial       | Add the quote text for the testimonial. Use the formatting buttons to add text styles, links, or lists. To learn more, see Shopify's Rich text editor guide. |
| Author            | Add the name of the person being quoted.                                                                                                                     |
| Max width of text | Use the slider to control the maximum width and line breaks of the testimonial text.                                                                         |

Click the **Testimonial** section to find the following settings.

| Setting         | Description                                                       |
| --------------- | ----------------------------------------------------------------- |
| Columns per row | Select the number of post blocks to show in each row for desktop. |
| Heading         | Add text to display as a heading for the section.                 |
| Subheading      | Add text to display a subheading below the heading.               |
| Text alignment  | Choose to align the section content to either the Left or Right.  |

#### Section style

| Setting                     | Description                                                                                                                                                                                                           |
| --------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Enable animation            | Choose whether to display visual effects when scrolling, hovering, or interacting with the section. See our [Section animations](/spark/theme-styles/animation.md) to learn more.                                     |
| Use alternate section color | Apply the alternate section colors as chosen in your Theme Settings. See Spark's [theme color settings](/spark/theme-styles/colors.md) to learn how to create a secondary color scheme with alternate section colors. |
| Spacing                     | Add padding around the section content: either the Top and bottom, Top only, Bottom only, or set it to None.                                                                                                          |
| Spacing amount              | Increase or decrease the amount of space around the section: either Full, Half, or Minimum.                                                                                                                           |

\\

***

> **Related links**
>
> [Quotes](/spark/pages/theme-sections/quotes.md)\
> [Rich text](/spark/pages/theme-sections/rich-text.md)
