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

# Testimonials

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

This section is used to collect feedback and reviews from happy customers. This section can be seen as a slider. You can add a maximum of three slides that will display as a testimonial in this section.

{% hint style="info" %}
**Recommendation Size**\
Testimonial banner image size: 316x326
{% endhint %}

<table><thead><tr><th width="286">Section</th><th>Description</th></tr></thead><tbody><tr><td>Layout</td><td><p>Customization of the "Layout" in the testimonial section is as follows:</p><ul><li>Grid</li><li>Compact</li><li>Wide from right</li></ul></td></tr><tr><td>Heading</td><td>Enter text to display as a heading in the section.</td></tr><tr><td>Description</td><td>Enter text to display as a description of the section.</td></tr><tr><td>Desktop column display limit</td><td>Set how many testimonial cards display per row on desktop. You can add maximum 2 columns, If a banner image is added.</td></tr><tr><td>Enable auto width mode</td><td>When using carousel display, enabling this makes each testimonial card adjust its width automatically based on its content.</td></tr><tr><td>Display type</td><td><p>Customization of the "Display type" in this section is as follows:</p><ul><li>Grid</li><li>Carousel</li></ul></td></tr><tr><td>Show review star</td><td>Toggle this on to display star ratings for each testimonial.</td></tr><tr><td>Rating color</td><td>Choose the color of the stars. </td></tr><tr><td>Show review text</td><td>Enable this to display review rating number.</td></tr><tr><td>Card background type</td><td><p>Customization of the "Card background type" in this section is as follows:</p><ul><li>Full card</li><li>Content Only</li></ul></td></tr><tr><td>Card heading font</td><td>Select a font family for testimonial card headings.</td></tr><tr><td>Text font type</td><td><p>Choose the font type used for the testimonial text content. </p><ul><li>Heading font</li><li>Body font</li></ul></td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of the section using the color scheme:</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li><li>Scheme 6</li></ul></td></tr><tr><td>Button</td><td><p><strong>Label</strong> </p><p>Enter a text to display as a button label in testimonial section. </p><p></p><p><strong>Link</strong> </p><p>Add the URL or select a page to link the button.</p></td></tr></tbody></table>

<figure><img src="/files/RF93FfMvy4gDW0V4tL55" alt=""><figcaption></figcaption></figure>

## **Add testimonial**

Click on "**Add Testimonial**" and its customization is as follows.

<table><thead><tr><th width="183">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a "review heading" in the testimonial block.</td></tr><tr><td>Star rating</td><td>Specify how many reviews are included in the customer rating range.</td></tr><tr><td>Banner image</td><td>Used "Banner image" to add to the image in the testimonial block.</td></tr><tr><td>Product</td><td>Select a product to display in the testimonial block.</td></tr><tr><td>Product position</td><td><p>Customization of the "Product position" in this section is as follows:</p><ul><li>On image</li><li>Outside image</li></ul></td></tr><tr><td>Text</td><td>Enter text to display as a "review content" in the testimonial block.</td></tr><tr><td>Author details</td><td><p><strong>Name</strong> </p><p>Enter text to display as a "Name" in the testimonial block.</p><p></p><p><strong>Position</strong> </p><p>Enter text to display as a "Author position" in the testimonial block.</p></td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of the testimonial block using the color scheme:</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li><li>Scheme 6</li></ul></td></tr></tbody></table>

<figure><img src="/files/d1VpRi5rj3fw9wxNRXkH" alt=""><figcaption></figcaption></figure>