> For the complete documentation index, see [llms.txt](https://webvista-studio.gitbook.io/krank/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webvista-studio.gitbook.io/krank/sections/team-and-social-proof/testimonial.md).

# Testimonial

The **Testimonial Section** highlights authentic customer feedback, helping build trust and boost conversions.

<figure><img src="https://3867724846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5cjsG9gBFSIZ5CisPtcx%2Fuploads%2FVp7H5lu6pg4rYXycV4IK%2F42307a8277f6a4a4f3ada39dc3e88c55.png?alt=media&amp;token=bdcf9d4b-d1b6-40d0-a12e-4e5281060077" alt=""><figcaption></figcaption></figure>

### 🎨 General Settings

* **Color Scheme**: Customize background, text, and star rating colors.
  * **Tip**: Use bright or gold for star ratings to make them stand out.
* **Card Settings**: Choose image aspect ratio:
  * 1:1 (Square)
  * 4:5 (Portrait)
  * 8:5 (Landscape)

***

### 🧱 Section Blocks

#### 1️⃣ Header Block

Elements you can add:

* Badge Group
* Button / Button Group (Link or Video Popup)
* Countdown Timer
* Description
* Discount Code
* Follow Us
* Title / Subtitle
* Highlighted Stats
* Icons / Icons with Text
* Keywords
* Link Group
* Social Media List
* Video Button
* Link Text
* Spacer

👉 **Tip**: Use the header to introduce testimonials with a title like *“Trusted by Our Customers”*.

***

#### 2️⃣ Testimonial List

* **Layout (Grid)**: Choose number of columns, recommended **4–6 columns**.
* **Slider Options**:
  * Show navigation arrows and progress bar
  * Enable autoplay (recommended interval **3–5s**)
  * On mobile, enable slider for smoother browsing

**Testimonial Block:**

* **Rating & Stars**: Display rating; star color customizable in color scheme.
* **Review Content**: Enter customer feedback text.
* **Review Image**: Upload customer’s photo or product usage image.
* **Customer Info**: Add name, avatar, and optionally enable "verified" badge.
* **Linked Product**: Select product related to the testimonial.

***

### ✅ Best Practices

1. **Authenticity First**: Keep reviews short, genuine, and relatable.
2. **Use Photos**: Real customer or product photos increase credibility.
3. **Consistent Layout**: Keep testimonial length balanced for neat alignment.
4. **Best Placement**: Ideal for homepage, product detail page, or checkout page.