> ## Documentation Index > Fetch the complete documentation index at: https://docs.shopify.lightsout.agency/llms.txt > Use this file to discover all available pages before exploring further. # Show customer reviews with Facet's testimonials section > Add Facet's testimonials slider: a quote, star rating, author and square picture on each slide, with arrows, dots and optional autoplay. The Facet testimonials section is a slider of customer quotes. Each slide holds a star rating, the quote, the customer's name and a square picture. This page covers the section settings and the Testimonial block. ![The Testimonials section as it appears on the Facet demo storefront.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/testimonials/testimonials-overview.jpg?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=964e09dc5ada9523e8df59fbf480284e) ## What this section controls * An optional heading and text above the slider. * The slides, each with a rating, quote, author and picture. * Autoplay and the time between slides. ## Getting started **1. Open the Theme Customizer** In your Shopify admin, open **Online Store**, then **Themes**, and click **Customize** next to Facet. **2. Add the section** In the **Sections** panel, click **Add section** and choose **Testimonials**. It starts with sample quotes. It can't be added to the header or footer. **3. Enter your reviews** Click each **Testimonial** block to set its rating and picture, then edit the quote and author inside it. Click **Add block**, then **Testimonial**, to add a slide. ![The theme editor with the Testimonials section selected in the sidebar, its settings panel open on the left and the section highlighted in the preview.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/testimonials/testimonials-location.jpg?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=214e9bdead6c335d12e2021924262342) ## Section settings ![Theme editor sidebar showing the Testimonials section settings: Auto-rotate slides, Common settings, Color scheme, Top padding, Bottom padding, Page width, and more.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/testimonials/testimonials-settings-1.png?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=877abaa1888d66b3ed83237134b85183) * **Auto-rotate slides**: off by default. Moves to the next quote on its own and pauses while the pointer is over the slider. Shoppers who ask their device to reduce motion don't get autoplay. * **Change slides every**: from 3 to 9 seconds. Default: 6. Appears only when **Auto-rotate slides** is on. Shoppers move between slides with the previous and next arrows, the dots between them, a swipe, or the arrow keys. After the last slide, the slider goes back to the first. ### Common settings * **Color scheme**: the colors of the section. * **Top padding** and **Bottom padding**: None, Small, Medium, Large (default) or Extra large. * **Page width**: Narrow, Narrower, Fluid (default) or Full. See [Common settings](https://docs.shopify.lightsout.agency/themes/facet/common-settings.md) for details. ## Blocks ### Heading and text The section has a fixed **Heading** and **Text** above the slider. A new section starts with the heading "Styled by our community" and a line of text. Change them to your own, or empty both to hide them; the slider then moves up into their place. See [Theme blocks](https://docs.shopify.lightsout.agency/themes/facet/theme-blocks.md) for their settings. ### Testimonial ![Theme editor sidebar showing the Testimonial block (in Testimonials) settings: Rating, Image, Mobile image.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/testimonials/testimonials-block-testimonial-1.png?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=ee6911b1cceea3bf6e59684dbc8b3adb) One slide. Add as many as you need and drag them to change their order. * **Rating**: from 0 to 5 stars. Default: 5. Filled stars show the rating and outlined stars the rest. Set it to 0 to hide the stars. * **Image**: a picture shown in a square beside the quote. A placeholder shows until you pick one. * **Mobile image**: an optional picture for phones. Without one, phones show **Image**. On large screens the quote fills the left half of the slide and the picture the right half. On phones the quote, stars and author are centered above the picture. The quote area holds **Heading**, **Text** and **Author** blocks. A new section starts each testimonial with the quote as a large heading and an author line. Words in italics in a **Heading** or **Text** block show upright in the color scheme's accent color, so you can highlight a word. #### Author ![Theme editor sidebar showing the Author block (in Testimonials) settings: Text, Alignment.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/testimonials/testimonials-block-author-1.png?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=8307d5469d44b740c98da4ab8ca99638) The customer's name under the quote, shown in a tint of the accent color. * **Text**: the name or credit line. * **Alignment**: **Left**, **Center** (default) or **Right**. On phones the author is always centered. ## Best practices * **Quote real customers.** Copy reviews word for word and ask permission before you use a name or photo. * **Keep quotes short.** One or two sentences fit the large heading size. Use a **Text** block for longer reviews. * **Use 3 to 6 testimonials.** Enough to show a range of customers without making shoppers click through a long slider. * **Pick pictures that crop well to a square.** Every picture is cropped to 1:1. ## Related guides > [card] [Stories](https://docs.shopify.lightsout.agency/themes/facet/sections/stories.md) > > A slider of large pictures with a text card on each. > [card] [Colors](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/colors.md) > > Set the accent color used for highlighted words and the author. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.