“Vouchnest

How to embed testimonials on Framer

Framer makes it easy to embed custom code. Adding your Vouchnest testimonial wall takes about 30 seconds using the native embed element.

Method 1: HTML embed element (recommended)

Framer has a dedicated Embed component that accepts raw HTML — perfect for the Vouchnest widget.

  1. In Framer, open your project and go to the page where you want the wall.
  2. Press / to open the insert menu and search for Embed.
  3. Drag the Embed component onto your canvas.
  4. Paste the Vouchnest widget code into the embed field.
  5. Resize the embed frame to fit your layout (the widget auto-sizes, but the embed container needs enough space).
  6. Publish your site.

Tip: Set the embed container to a minimum height of 400px so it loads correctly.

Method 2: Iframe embed

If the HTML embed doesn't work with your Framer plan, use the hosted wall page as an iframe instead.

  1. Copy your hosted wall URL from the Vouchnest dashboard.
  2. In Framer, use the Embed component and paste an iframe tag with your wall URL.
  3. Add ?embed=1 to the URL to strip chrome (header, padding) for seamless embedding.
  4. Publish your site.
<iframe src="https://yourdomain.com/wall/your-slug?embed=1" 
  width="100%" 
  height="500px" 
  frameborder="0"
  style="overflow:hidden;">
</iframe>

Troubleshooting

The widget doesn't show up in preview mode+

Framer's preview mode may not execute external JavaScript. Publish the site and test on the live URL instead.

The embed shows a blank space+

Make sure the embed component has a minimum height set. The widget loads asynchronously, so the container needs some height to render into.

The wall doesn't fit my layout+

Adjust the width of the embed container in Framer's style panel. The widget is responsive and adapts to its container width.

Start collecting testimonials

Create your Vouchnest space, collect video and text testimonials, and embed them on your Framer site in minutes.

Start free — no credit card