How to Embed Customer Reviews & Testimonials on Webflow

Your Webflow website looks stunning, but does it have the social proof to convert visitors into customers? Testimonials are proven to increase conversion rates by up to 34%, making them essential for any high-performing website.

In this tutorial, we'll walk you through embedding beautiful, customizable testimonials on your Webflow site using ProofWall—completely code-free.

What is ProofWall?

ProofWall is a modern testimonial platform built for businesses that want powerful social proof without the complexity or ongoing costs.

Why ProofWall?

• One-time payment — No recurring fees. Pay once and own it forever.
• No-code friendly — Perfect for Webflow designers who want to avoid custom code.
• Unlimited testimonials — Text and video testimonials with no caps.
• Designer-friendly widgets — Fully customizable to match your Webflow aesthetic.

Step-by-Step: Embed Testimonials in Webflow

Step 1: Set Up Your ProofWall Account

1. Visit ProofWall and create your free account.
2. Create a project for your Webflow website.
3. Start collecting testimonials via your unique collection link, or import existing ones.

Step 2: Design Your Widget

1. Head to your ProofWall dashboard and select your project.
2. Navigate to the "Widgets" section.
3. Choose your preferred layout: Wall, Slider, or Grid.
4. Customize the design:
   • Colors and backgrounds
   • Typography and spacing
   • Card styles and borders
5. Click "Get Embed Code" when you're done.

Step 3: Add the Embed Code to Webflow

Method 1: Using an Embed Element (Recommended)

1. Open your Webflow project in the Designer.
2. Navigate to the page where you want testimonials.
3. Add an Embed element from the Add panel (keyboard shortcut: A).
4. Drag the Embed element to your desired location on the page.
5. Double-click the Embed element to open the code editor.
6. Paste your ProofWall widget code:

<script src="https://www.proofwall.com/api/widget/YOUR_WIDGET_ID"></script>
<div id="proofwall-widget"></div>

7. Click "Save & Close".

Method 2: Using Custom Code (Site-wide)

If you want testimonials on multiple pages:

1. Go to Project Settings > Custom Code.
2. Add the ProofWall script to the Footer Code section.
3. Use Embed elements on individual pages with just the widget div.

Step 4: Publish Your Site

1. Click "Publish" in Webflow.
2. Choose your publishing destination (staging or production).
3. Visit your live site to see your testimonials in action!

Design Tips for Webflow

• Match your design system — Use ProofWall's customization to match your Webflow color palette and typography.
• Create dedicated sections — Design a testimonial section with proper spacing and background contrasts.
• Mobile optimization — Preview on different breakpoints to ensure perfect responsiveness.
• Animate on scroll — Use Webflow's interactions to reveal testimonials as users scroll.

Conclusion

Webflow makes it easy to build beautiful websites, and ProofWall makes it just as easy to add powerful social proof. With a simple embed and one-time pricing, you can display unlimited testimonials that build trust and drive conversions.

Start showcasing your happy customers today!

👉 Get Started with ProofWall