> 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FwMVSdTeeRRuBCyn83gCZ%2FSocialproof1.jpg?alt=media&amp;token=6259a2b9-bf1a-4223-b230-aa56fd99edac" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FvcN0lykhp9G5eixJAjUD%2FSocial%20Proof%201.jpg?alt=media&amp;token=cdf50002-8b54-49c9-89f5-87d31ccc03be" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FmO5WOIYw2HZbrIqf7ClW%2FSocial%20Proof%202.jpg?alt=media&amp;token=3527b9bb-7111-4e68-b010-de3c0c4e7456" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FKuBq5JVRTT2pZYuTeVZj%2FCountdown%20Timer%20Blocks%203.jpg?alt=media&amp;token=ffae71ba-6b1f-49ae-9a44-111fae623629" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FKnRWbZM99HQJQFK0CS65%2FSocial%20Proof%203.jpg?alt=media&amp;token=7789c522-35d0-4bf9-a1a4-25e0c4690965" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FKdSxTl8fz0lF0F6WkZIu%2FSocial%20Proof%204.jpg?alt=media&amp;token=002e84c5-208f-449e-8c3e-fafe8ef2ec3e" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FEQ363U2jTPpOX1GZZpaU%2FSocial%20Proof%205.jpg?alt=media&amp;token=3345d7d7-63dc-49da-a65d-3819534ec4bd" 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.