> For the complete documentation index, see [llms.txt](https://docs.smind.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.smind.io/in-app/library/product-blocks/social-proof.md).

# 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.