Back to Integrations

Shopify Integration

Display testimonials in your online store

Add customer testimonials to your Shopify store to boost conversions. Perfect for product pages, homepages, and dedicated testimonial sections.

No app requiredWorks with all themes5 minute setup
1

Method 1: Using Theme Editor (Recommended)

The easiest way to add ProofLayer to your Shopify store. No coding required.

Step 1: Go to Theme Customizer

  1. In your Shopify admin, go to Online Store → Themes
  2. Click Customize on your current theme
  3. Navigate to the page where you want testimonials (e.g., Homepage, Product page)

Step 2: Add Custom Liquid Section

  1. Click Add section (or Add block on product pages)
  2. Search for Custom Liquid or Custom HTML
  3. Add the section where you want your testimonials

Note: If you don't see "Custom Liquid", your theme may call it "Custom HTML" or "Custom content". Most Shopify 2.0 themes include this.

Step 3: Paste Your Embed Code

Copy this code from your ProofLayer dashboard and paste it into the Custom Liquid section:

<!-- ProofLayer Testimonials -->
<div id="prooflayer-widget"></div>
<script
  src="https://www.prooflayer.app/widget.js"
  data-workspace="YOUR_WORKSPACE_ID"
  data-layout="grid"
  data-theme="light">
</script>

Replace YOUR_WORKSPACE_ID with your actual workspace ID from the ProofLayer dashboard.

2

Method 2: Edit Theme Code

For more control over placement, you can edit your theme files directly.

Adding to Homepage

  1. Go to Online Store → Themes → Actions → Edit code
  2. Find your homepage template (usually index.liquid or templates/index.json)
  3. Add the embed code where you want testimonials to appear

Adding to Product Pages

  1. Navigate to Sections → main-product.liquid
  2. Find where you want to add testimonials (usually after the product description)
  3. Paste the embed code

Creating a Dedicated Testimonials Page

  1. In Shopify admin, go to Online Store → Pages
  2. Click Add page
  3. Title it "Customer Reviews" or "Testimonials"
  4. Click the <> (HTML) button in the content editor
  5. Paste your ProofLayer embed code
  6. Save and add the page to your navigation

Best Practices for E-Commerce

Product Page Placement

Place testimonials below the product description but above the "Add to Cart" button fold. This builds trust right before purchase.

Use Grid Layout

The grid layout works best for product pages. For homepages, try carousel or marquee for a dynamic feel.

Video Testimonials

Video testimonials convert 2x better for e-commerce. Enable video collection in your ProofLayer forms.

Request Timing

Use email automation to request testimonials 7-14 days after delivery. Customers are happiest then.

Recommended Layouts by Page

Page TypeBest LayoutWhy
HomepageCarousel or MarqueeEye-catching, doesn't take too much space
Product PageGrid (2-3 columns)Shows multiple testimonials, builds trust
Testimonials PageMasonry or ListShowcases all testimonials beautifully
Cart/CheckoutSpotlight (single)Minimal distraction, reinforces purchase

Troubleshooting

Widget not showing in Theme Editor preview?

Some themes block external scripts in the editor preview. Save your changes and view the live page to see the widget.

Content Security Policy errors?

If you see CSP errors in the console, you may need to add prooflayer.app to your store's allowed domains. Contact Shopify support for help with this.

Theme doesn't have Custom Liquid?

Older themes (Shopify 1.0) may not have this. You'll need to edit theme code directly or upgrade to a Shopify 2.0 theme.

Ready to Boost Your Store's Conversions?

Start collecting and displaying customer testimonials today.

Get Started FreeContact Support