Back to Blog
Tutorials14 min read

How to Add Testimonials to Shopify: Complete Guide (2026)

Step-by-step tutorial for adding customer testimonials to your Shopify store using GetProofz. Increase conversions with social proof widgets.

February 4, 2026
By GetProofz Team
shopifye-commerceintegrationtutorialswidgets

How to Add Testimonials to Shopify: Complete Guide (2026)

Shopify stores with customer testimonials convert 34% better than those without. This step-by-step guide shows you how to add testimonials to your Shopify store using GetProofz—no coding required. By the end of this tutorial, you'll have beautiful testimonial widgets on your homepage, product pages, and anywhere else on your Shopify site.

Why Testimonials Matter for Shopify Stores

E-commerce conversion data:
  • Products with reviews convert 3.5x better than products without reviews (Bazaarvoice 2025)
  • 270% higher conversion rate for e-commerce sites with customer testimonials (Spiegel Research 2025)
  • 18% higher add-to-cart rates on product pages with testimonials (Baymard Institute 2025)
  • 17% reduction in cart abandonment when testimonials are displayed at checkout (Baymard 2025)
  • The problem: Shopify's built-in review system is limited. You can't easily display testimonials across your site, customize the design, or collect testimonials proactively. The solution: GetProofz gives you full control over testimonial collection, display, and management.

    Overview: What We'll Build

    By the end of this guide, you'll have:
  • Testimonial collection form - Customers can submit testimonials after purchase
  • Homepage widget - Showcase best testimonials in a carousel or grid
  • Product page widgets - Display relevant testimonials per product
  • Floating testimonial badge - Social proof that follows as visitors scroll
  • Testimonial page - Dedicated page with all testimonials
  • Time required: 20-30 minutes Cost: GetProofz free plan (up to 15 testimonials) or Pro plan ($19/month for unlimited)

    Prerequisites

    Before starting:
  • Active Shopify store
  • Shopify admin access
  • GetProofz account ([sign up free](https://getproofz.com/signup))
  • Step 1: Create a GetProofz Project

    1.1. Sign up for GetProofz Go to [getproofz.com/signup](https://getproofz.com/signup) and create a free account. 1.2. Create your first project
  • Click "New Project" in dashboard
  • Name: "Shopify Store Testimonials" (or your store name)
  • Description: "Customer testimonials for [Your Store]"
  • Click "Create Project"
  • 1.3. Customize collection form Go to Project Settings > Form Settings. Recommended questions for Shopify:
  • What product did you purchase?
  • What problem were you trying to solve?
  • How has our product helped?
  • What result or outcome have you experienced?
  • Would you recommend us to a friend? Why?
  • Enable optional fields:
  • Customer name (required)
  • Email (required)
  • Photo upload (optional)
  • Star rating (required)
  • Product category (optional)
  • 1.4. Configure widget style Go to Project Settings > Widget Customization. Match your Shopify theme:
  • Primary color: Your brand color
  • Font: Match your Shopify theme font
  • Layout: Carousel (for homepage) or Grid (for testimonial page)
  • Card style: Minimal or Bordered (test both)
  • Save settings.

    Step 2: Collect Your First Testimonials

    Before adding widgets, collect 5-10 testimonials.

    Option A: Import Existing Reviews (If You Have Them)

    From Shopify reviews:
  • Export reviews from Shopify Admin > Settings > Apps and sales channels
  • Go to GetProofz > Testimonials > Import
  • Upload CSV
  • Map fields (name, review text, rating, date)
  • From other sources:
  • If using Judge.me, Loox, or other Shopify review apps, export reviews
  • Import to GetProofz via CSV upload
  • Option B: Request New Testimonials

    2.1. Get your testimonial form link Go to GetProofz Dashboard > Your Project > Click "Share Form Link" Copy the public form URL (e.g., getproofz.com/t/your-store-slug) 2.2. Send to recent customers Email template:
    Subject: We'd love your feedback on [Product Name]
    
    Hi [Name],
    
    Thank you for your recent purchase of [Product Name]! We hope you're loving it.
    
    We're collecting feedback from customers to help others make confident purchase decisions. Would you mind sharing your experience?
    
    👉 Share your testimonial here (2 minutes): [Your GetProofz Form Link]
    
    As a thank you, we'll send you a 10% discount code for your next order.
    
    Thanks so much!
    
    [Your Name]
    [Your Store Name]
    
    Pro tip: Use Shopify's email automation to send this automatically 7 days after purchase. 2.3. Approve testimonials As testimonials come in:
  • Go to GetProofz Dashboard > Testimonials
  • Review submissions
  • Approve best ones (aim for 5-10 initially)
  • Use AI Polish to fix grammar if needed
  • Step 3: Add Testimonial Widget to Shopify Homepage

    Now the fun part—displaying testimonials on your Shopify store.

    Method 1: Using Shopify Theme Editor (No Code)

    3.1. Get widget embed code
  • Go to GetProofz > Your Project > Embed Widget
  • Choose "Carousel" layout
  • Copy the embed code (looks like this):
  • 3.2. Open Shopify Theme Editor
  • Shopify Admin > Online Store > Themes
  • Click "Customize" on your active theme
  • 3.3. Add custom HTML block
  • Scroll to the section where you want testimonials (usually below hero or above footer)
  • Click "+ Add section"
  • Choose "Custom Liquid" or "Custom HTML"
  • Paste the GetProofz embed code
  • Click "Save"
  • 3.4. Preview and adjust
  • Click "Preview" to see your testimonials live
  • Adjust spacing using theme editor (add padding if needed)
  • Make sure it's mobile-responsive
  • 3.5. Publish Click "Save" in top right to publish changes.

    Method 2: Adding to Theme Code (More Control)

    For developers or advanced users. 3.1. Access theme code
  • Shopify Admin > Online Store > Themes
  • Click "Actions" > "Edit code"
  • 3.2. Edit homepage template
  • Navigate to sections/ folder
  • Open index.liquid or home.liquid (depends on your theme)
  • Find where you want to add testimonials (e.g., after featured products section)
  • 3.3. Add embed code Insert:

    What Our Customers Say

    3.4. Add custom CSS (optional) Go to assets/theme.css and add:
    .testimonials-section {
      padding: 80px 0;
      background: #f9f9f9;
    }
    
    .testimonials-section h2 {
      text-align: center;
      margin-bottom: 40px;
      font-size: 32px;
    }
    
    #getproofz-widget {
      max-width: 1200px;
      margin: 0 auto;
    }
    
    3.5. Save and preview Click "Save" and preview your store to see changes.

    Step 4: Add Testimonials to Product Pages

    Show relevant testimonials on each product page.

    Option A: Global Widget (All Products)

    4.1. Edit product template
  • Theme code > sections/product-template.liquid
  • Find the section after "Add to Cart" button
  • Add GetProofz widget code
  • 4.2. Filter by product tag (optional) Tag testimonials by product in GetProofz, then use filtered embed:
    This shows only testimonials tagged with that product.

    Option B: Per-Product Widgets

    For specific high-value products: 4.1. Create product-specific projects in GetProofz
  • Project 1: "Product A Testimonials"
  • Project 2: "Product B Testimonials"
  • 4.2. Add widget to specific product pages
  • Shopify Admin > Products > Select product
  • In product description, switch to HTML mode
  • Paste widget embed code
  • Save product
  • Step 5: Create a Dedicated Testimonials Page

    5.1. Create new Shopify page
  • Shopify Admin > Online Store > Pages
  • Click "Add page"
  • Title: "Customer Reviews" or "What Our Customers Say"
  • URL: /pages/testimonials
  • 5.2. Add content Paste this in the page content (HTML mode):

    What Our Customers Say

    See why thousands of customers love [Your Store].

    5.3. Link from navigation
  • Shopify Admin > Online Store > Navigation
  • Add link to /pages/testimonials in main menu or footer
  • Step 6: Automate Testimonial Collection

    Make testimonial collection automatic after each purchase.

    Option A: Email Automation (Shopify Email or Klaviyo)

    6.1. Create post-purchase email flow Trigger: 7 days after order fulfillment Email content:
    Subject: How's your [Product Name]?
    
    Hi {{ customer.first_name }},
    
    We noticed you received your order a week ago. We hope you're loving your [Product Name]!
    
    We'd love to hear about your experience. Your feedback helps other shoppers make confident decisions.
    
    Would you mind leaving a quick review? It takes less than 2 minutes:
    
    👉 [Your GetProofz Form Link]
    
    As a thank you, here's 10% off your next order: CODE10OFF
    
    Thanks!
    [Your Store]
    
    6.2. Set up in Shopify Email:
  • Shopify Admin > Marketing > Automations
  • Create automation > Customer order
  • Add email step
  • Insert content above
  • Set delay: 7 days after order fulfilled
  • 6.3. Track responses Monitor in GetProofz dashboard > Analytics to see submission rates.

    Option B: Post-Purchase Thank You Page

    Add testimonial request to Shopify thank-you page. 6.1. Edit checkout settings
  • Shopify Admin > Settings > Checkout
  • Scroll to "Order status page" > "Additional scripts"
  • 6.2. Add GetProofz link

    We'd love your feedback!

    Share your experience and help other customers:

    Leave a Review
    6.3. Incentivize (optional) Add: "Leave a review and get 10% off your next order!"

    Step 7: Advanced Customization

    Floating Testimonial Badge

    Add a testimonial badge that follows visitors as they scroll. Code:
    Add to theme.liquid before .

    Filter by Star Rating

    Show only 5-star reviews:

    Custom Styling

    Override GetProofz default styles:
    #getproofz-widget .testimonial-card {
      background: #ffffff;
      border: 2px solid #eee;
      border-radius: 12px;
      padding: 30px;
    }
    
    #getproofz-widget .testimonial-name {
      color: #333;
      font-weight: 600;
    }
    
    #getproofz-widget .testimonial-text {
      font-size: 16px;
      line-height: 1.6;
      color: #666;
    }
    

    Step 8: Testing & Optimization

    8.1. Check Mobile Responsiveness

  • Preview on mobile (use Shopify preview feature)
  • Test on actual mobile device
  • Ensure testimonials are readable and widget doesn't break layout
  • 8.2. Check Page Speed

  • Use Google PageSpeed Insights
  • GetProofz widget is optimized (~15KB gzipped)
  • Should have minimal impact (<100ms load time)
  • 8.3. A/B Test Placement

    Test different locations:
  • Homepage carousel vs. grid
  • Above fold vs. below fold
  • Product page top vs. bottom
  • Use Shopify's built-in A/B testing or Google Optimize.

    8.4. Monitor Conversions

    Track conversion rate before/after adding testimonials:
  • Shopify Admin > Analytics > Reports
  • Compare conversion rate week before vs. week after
  • Expected improvement: 15-34%
  • Troubleshooting

    Widget Not Showing

    Check:
  • Did you copy the full embed code (both
    and