# Social Proof

The Social Proof block highlights a real customer feedback right on your product page. It combines avatar images, names, and a live counter message to build instant credibility.

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

### **Key Features** <a href="#key-features" id="key-features"></a>

* Avatar & Name Display: Show customer photos and display their names with optional “verified” icons to humanize your social proof.
* Customizable Messaging: Edit the suffix text around your count) with rich-text options.

### Benefits <a href="#benefits" id="benefits"></a>

* Builds Instant Trust: Showing real people who’ve bought your product to reassure new visitors that it’s worth buying.
* Boosts Conversions & Reduces Abandonment: When your customers see that someone are already enjoying your product, they’re more likely to follow suit and complete checkout.

### How To Use? <a href="#how-to-use" id="how-to-use"></a>

1. After installing the **Social Proof** blocks. Going to the Shopify Editor sidebar, select the product page temple, click **Add Section** in the **Template** tab.
2. Choose the **Social Proof** block

<figure><img src="/files/4KTbdt54Ir6PIgC9Cacs" alt=""><figcaption></figcaption></figure>

3. Copy the block ID. For example: **smi-block-social-proof-1**

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

4. On the **Product Detail** sections, click **Add Block** and add **Smind Block** to the section

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

5. On the **Smind Block**, insert the block ID of social proof which is **smi-block-social-proof-1** to the Section ID and change the block name if you want.

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

6. Next, you can rearrange the relevant blocks within the product detail sections

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

7. Finally, let's start to customize the **Social Proof** block

<figure><img src="/files/1wrM0ywaNBUQkXsi83aX" alt=""><figcaption></figcaption></figure>

* Block ID: The unique ID of social proof
* Content Max Width: Set the maximum width of the timer’s content area can stretch to.
* Avatar: Upload each user’s profile image
* Name: The fields for each user’s display name.
* Verified icon: When on, a small “✔” badge appears after each name to signal authenticity.
* Text: The message after your highlighted names.
* Text size: Preset font-size options for the messages.
* Avatar size: Controls how large each user image
* Color Scheme: Applies one of your color scheme to the names and text.
* Verified icon: Overrides the check-badge color when Verified icon is enabled.
* Top margin: Blank space above the entire social-proof line.
* Bottom margin: Blank space below it.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.smind.io/in-app/library/product-blocks/social-proof.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.