Add Testimonials to Webflow: Free Widget

Install a ProofWall wall on Webflow. Specific editor steps, the right embed snippet, and common publishing pitfalls.

An Embed element keeps the widget positioned within your Webflow layout.

Before you paste

Create a wall, share the collection link, and approve your first testimonial. Copy the slug from the Embed tab. Instructions reflect editor patterns from 2025–2026; menus and plan support vary.

Installation steps

  1. Open the Designer and add an Embed element inside your section.
  2. Paste the script snippet and save the custom code.
  3. Publish to a staging or production site and check the rendered page.

Your embed snippet

Replace YOURSLUG with the slug shown in your dashboard.

<div data-proofwall="YOURSLUG" data-layout="wall" data-theme="auto" data-max="12"></div>
<script src="https://proofwall.wouldairecommend.workers.dev/embed.js" async></script>

Watch out for

Custom-code access can depend on your plan; check it before building the layout. Designer previews are not a substitute for a published-page test.

Check before sharing

Open the published page at desktop width and at 360 pixels. Confirm that quotes are readable, links work, and an iframe has enough height. Check both light and dark themes. Never put your private account access link in an embed.

Next: widget options · another installation guide.

Questions, answered

Can I paste a script into Webflow?
Use an HTML-capable area. Preview the published page because editors can suppress scripts.
Why is my widget empty?
Approve a testimonial first. Replace YOURSLUG with your wall’s eight-character slug. Check browser network and content-security-policy errors, then try the hosted wall URL.

Your next testimonial starts with a link.

Start with one wall, free. No card needed.

Create your wall ↗