Add Testimonials to HTML: Free Widget

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

A plain HTML page gives you direct control of both the container and script.

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 HTML file for the page that should show your wall.
  2. Paste the div where the testimonials belong, inside the body.
  3. Add the script before the closing body tag, then publish the file.

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

A Content Security Policy must allow the ProofWall origin for script-src and connect-src. A static preview with network access disabled cannot fetch testimonials.

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 HTML?
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 ↗