“Vouchnest

How to embed testimonials on any website

The universal approach is two lines of HTML. Once you paste them, the wall is live and updates automatically whenever you approve new testimonials — no redeploys, no plugin updates. Here’s how to do it on every major platform.

The universal snippet

This works on any site that lets you paste HTML. Copy your space ID from your Vouchnest dashboard, replace YOUR_SPACE_ID, and paste both lines where you want the wall to appear.

HTML snippet

<script src="https://cdn.vouchnest.com/widget.js" data-space-id="YOUR_SPACE_ID" async></script>
<div id="vouchnest-wall"></div>

Self-updating

Approve a testimonial in your dashboard — it appears on the wall automatically. No redeploy needed.

Responsive

The wall adapts to any container width. Works on desktop, tablet, and mobile out of the box.

Fast-loading

The widget script is small and loads asynchronously — it won't block your page render.

No code? Use the hosted wall page

Every Vouchnest space gets a hosted wall page at vouchnest.com/wall/your-space-slug. You can link to it from anywhere — email signature, bio link, social profile — without touching any code at all. It’s not embedded on your site, but it’s a fully public page you can share.

Platform-by-platform instructions

W

Webflow

  1. 1Open the Webflow Designer and navigate to the page where you want the wall.
  2. 2In the left panel, add an Embed element to your layout (it's under the 'Basic' category).
  3. 3Paste the two Vouchnest snippet lines into the Embed's HTML field.
  4. 4Click 'Save & Close'. The wall will render live in your published site.
  5. 5Tip: Wrap the Embed element in a Section or Div block to control its width and padding.
F

Framer

  1. 1In your Framer project, click the '+' button in the left panel and search for 'Embed'.
  2. 2Drop the Embed component onto your canvas where you want the wall to appear.
  3. 3In the right-side properties panel, paste the Vouchnest snippet into the 'HTML' field.
  4. 4Resize the embed block to suit your layout — the wall is responsive and will adapt.
  5. 5Publish your Framer site for the embed to go live.
W

WordPress

  1. 1Open the WordPress block editor (Gutenberg) for the page where you want the wall.
  2. 2Click the '+' to add a new block, then search for the 'Custom HTML' block.
  3. 3Paste the two Vouchnest snippet lines into the Custom HTML block.
  4. 4Preview the page — the wall should appear. If you're using a Classic editor, switch to 'Text' mode and paste there.
  5. 5Note: Some security plugins block custom scripts by default. If the wall doesn't appear, check your plugin settings.
C

Carrd

  1. 1In your Carrd site editor, click the '+' button to add a new element.
  2. 2Choose 'Embed' from the element list.
  3. 3Set the type to 'Code' and paste the two Vouchnest snippet lines.
  4. 4Save and publish. Carrd renders the embed in a container — drag to reposition it.
  5. 5Tip: Use a 'Container' element around the embed if you want to control its layout more precisely.
N

Notion (public pages)

  1. 1On a public Notion page, type '/embed' and select the Embed block.
  2. 2Paste your Vouchnest hosted wall URL (not the HTML snippet — Notion uses iframes, not raw HTML).
  3. 3Notion will render the hosted wall page in an iframe. Resize the block to your liking.
  4. 4Note: Notion embeds only work on public pages that allow embeds. Private pages won't render third-party iframes.
  5. 5For full control, use the hosted wall link instead: share it as a hyperlink or embed the URL directly.

Common issues and fixes

The wall isn't showing up+

Check that you replaced YOUR_SPACE_ID with your actual space ID from the dashboard. Also make sure the script tag isn't inside a no-script zone or blocked by a Content Security Policy.

The widget loads but the wall is empty+

You need at least one approved testimonial. Go to your Vouchnest dashboard, approve a testimonial, and reload the page.

The wall looks odd on mobile+

The widget is responsive, but it needs a container with a defined width. If the parent element has no width, the wall may collapse. Add a max-width to the wrapping div.

On WordPress, the script is stripped out+

Some security or 'hardening' plugins strip script tags from page content. Try using the 'Custom HTML' block in Gutenberg rather than pasting into the visual editor, or use a plugin like 'Insert Headers and Footers'.

Widget types

Wall (grid)

A masonry grid of all your approved testimonials. Best for dedicated social proof pages.

data-layout="grid"

Carousel

A horizontal slider that cycles through testimonials. Good for landing page sections with limited vertical space.

data-layout="carousel"

Single quote

Rotates through one testimonial at a time. Perfect for a hero section or sidebar.

data-layout="single"

Two lines of HTML, then you’re done

Create a free Vouchnest space, collect a few testimonials, approve them, and paste the snippet. The wall updates itself from then on. No credit card required.

Start free — no credit card