Materia Theme
  • What is Materia?
  • Getting Started
    • Download & Install
    • Theme License & Activation
    • Create Pages - Required
  • Theme Updates
  • Required Apps
  • Recommended Apps
  • Mega Menu
  • Store Settings - Required
  • Materia Theme Dashboard
  • Theme Settings
    • Logo
    • Favicon
    • Layout Settings
    • Typography
    • Color Schemes
    • Website Intro
  • Overall Zoom
  • Browser Tab Messages
  • Badges
  • Notification Bubble
  • Buttons Customization
  • Main Collection Filter
  • Product Card Settings
  • Product Variant Swatches
  • Search Behavior Settings
  • Wishlist
  • Cart Settings
  • Social Media
  • Preloader Settings
  • Currency Display Settings
  • Cookies
  • Speed Optimization
  • General Store Information
  • Terms and Conditions Settings
  • Theme Sections
    • Header
    • Announcement Bar Basic
    • Upper Navigation Bar
    • Announcement Bar Pro 1
    • Hero Pro 1
    • Hero Image 1
  • Hero Banner 2
  • Hero Product 2
  • Carousel Hero Slider
  • Slideshow Pro
  • Image
  • Video
  • Benefits Cards Pro 2
  • Benefits Pro
  • Image & VIdeo With Text
  • Image With Icons
  • Image With Benefits
  • Image With Text Pro
  • Page's global sections
    • Announcement Bars
    • Header
    • Footer
    • Mobile Navigation Bar
    • Back To Top Pro
  • Overlay Group
    • Cookie Consent Banner
    • Mobile Navigation Bar
    • Page Tag
    • Custom Color Swatches
    • Order Notification Pro 1
    • Image Banner Popup
    • Promotion Banner Pro
    • Back To Top Pro
  • Products & Collections
    • Product Page
      • Breadcrumbs
      • Product Snippets
        • Product – Trust Badges
        • Product - Upsell Addon
        • Product-Payment Badges #1
        • Product - Sold Social Proof
        • Product - Bundle Pro
        • Product – Text Timer
        • Product - Promo Banner
        • Product - Vertical Benefits
        • Product - Payment Badges #2
        • Ecomz – Discount Coupon
        • Product - Size Chart Image
        • Product - Circle Images
      • Product Information
      • Product Templates
    • Collection Page
      • Collection Template
  • Other Pages
    • 404 Page
    • Blogs
    • Customer Login
    • Cart & Checkout
  • FAQs
    • Missing images when install Materia
    • Why are some pages missing?
    • Theme translation
    • Change currency
    • Why Does the Desktop Preview Look Compressed in the Theme Editor?
    • How to change fonts?
Powered by GitBook
On this page
  1. Products & Collections
  2. Product Page
  3. Product Snippets

Product - Sold Social Proof

Product – Sold Social Proof

The Sold Social Proof snippet helps build urgency and trust by visually showing how many units of a product have been sold, along with customer avatars and a “verified by customers” link. Ideal for conversion-focused product pages.


❗❗Custom Placement Required❗❗

To use this block in a custom location:

  1. Navigate to your product page settings.

  2. Add a new block → Custom Liquid.

  3. Paste this code:

liquidCopyEdit <div id="ecomz-unitssold"></div>

You can reposition the Custom Liquid block to change where the snippet appears on the page.


General Settings

  • Accessibility Label Label the section for screen readers (e.g., "Units Sold Social Proof").

  • Number of Units Sold Define how many units have been sold (e.g., 550).

  • Over Text / Units Sold Text Add optional text before and after the number (e.g., "Over 550 Packs Sold").

  • Background Color Set the overall background of the section (#FFFFFF by default).


Section Spacing

  • Padding / Margin Fine-tune the spacing around the section (top, bottom, left, and right).

  • Max Section Width Set the maximum width in rem for desktop and mobile.


Layout Options

  • Content Alignment Align content to the left, center, or right (for both desktop and mobile).

  • Gap Between Elements Set the spacing between images and text on desktop (20px) and mobile (16px).

  • Section Border Radius Round the corners of the container (16px).

  • Image Overlap Adjust how much profile images overlap (20px).


Profile Images

Upload up to 4 profile images to display recent customers or avatars. If no images are uploaded, default placeholders will appear.

  • Image Size Customize profile image size for desktop (50px) and mobile (43px).

  • Border Color / Weight Set border style for images.


Verified by Customers

  • Text + URL Add a verification message and link (e.g., "Verified by customers →").

  • Link Target Choose whether it opens in the same tab or a new one.


Text Appearance

Customize how the numbers and supporting text appear:

  • Main Text (Units Sold) Set color and font size (#373737, 16px).

  • Sub Text (Verification) Set color, hover color, and font size (e.g., #5C5C5C to #3984DF on hover).


Verified Link Styling

  • Link Text Color + Hover Customize the look of the "Verified by customers" link (#484747 → #000000).

  • Underline Option Enable underline on hover and choose its color (#616161).


Summary

The Sold Social Proof snippet adds subtle but powerful credibility to your product page. With complete control over layout, spacing, and mobile responsiveness, it blends seamlessly into any product page design to boost conversions through social validation.

PreviousProduct-Payment Badges #1NextProduct - Bundle Pro

Last updated 1 month ago