“Vouchnest

How to add testimonials to Unbounce

Embedding your Vouchnest wall of love on an Unbounce landing page takes about a minute. Use the Custom JS/HTML widget, Script Manager, or an iFrame — the widget handles responsiveness and updates automatically. Here’s how.

The universal snippet

This works on any Unbounce page that accepts custom code. 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 Unbounce 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 your Unbounce landing page — button, text link, or popup — without touching any code at all.

Platform-by-platform instructions

J

Unbounce Custom JS/HTML widget

  1. 1In the Unbounce page builder, open the landing page you want to edit.
  2. 2From the sidebar widget panel, drag the 'Custom JS/HTML' widget onto your canvas.
  3. 3Paste the two Vouchnest snippet lines into the widget's code editor.
  4. 4Position the widget where you want the wall — the widget handles itself responsively.
  5. 5Publish the page. The wall will render live and update automatically as you approve new testimonials.
S

Unbounce Script Manager

  1. 1Go to the Script Manager in your Unbounce account settings.
  2. 2Click 'Add Script' and paste the Vouchnest snippet (both lines) into the script content field.
  3. 3Set the script to load on the specific landing page(s) where you want the wall.
  4. 4In the page builder, add a 'Custom HTML' or 'Plain HTML' widget with just the container <div id="vouchnest-wall"></div>.
  5. 5Publish the page. This approach keeps the script loading centralized and the container where you want it.
D

Dynamic Text Replacement integration

  1. 1Set up your Vouchnest wall with testimonials that include dynamic fields (name, company, role).
  2. 2In Unbounce, use Dynamic Text Replacement (DTR) in your headline or body copy above the wall.
  3. 3Paste the Vouchnest snippet in a Custom JS/HTML widget below the dynamic text section.
  4. 4Use the same search terms in DTR that match your Vouchnest testimonial data for message consistency.
  5. 5This creates a cohesive experience where ad copy, page headline, and social proof all align.
I

iFrame embed

  1. 1In the Unbounce page builder, drag an 'iFrame' widget onto your canvas.
  2. 2Set the iFrame source to your Vouchnest hosted wall URL (vouchnest.com/wall/your-space-slug).
  3. 3Configure the iFrame dimensions — 100% width with a min-height of 450px works well for most layouts.
  4. 4Enable responsive behavior by setting the iFrame width to 100% in the style settings.
  5. 5Publish the page. This method bypasses script restrictions and works on all Unbounce plans.
H

Hosted wall

  1. 1Copy your Vouchnest hosted wall URL from your dashboard.
  2. 2In Unbounce, add a text block or button widget and link it to the hosted wall URL.
  3. 3Set the link to open in a new tab (target: _blank) to keep visitors on your landing page.
  4. 4Your hosted wall is fully responsive, works on mobile, and updates automatically.
  5. 5Use this method for Unbounce AMP pages or when you need a quick no-code solution.

Frequently asked questions

Will it work with Unbounce A/B testing?+

Yes. The Vouchnest widget works inside Unbounce's A/B testing framework. Create different variants with the wall in different positions, or keep the wall consistent across variants and test other page elements. The wall renders identically in all variants.

Does it affect page load speed?+

The Vouchnest widget loads asynchronously and is under 20 KB. It won't block your landing page from rendering or affect your Unbounce page speed score. For maximum performance, use the async script tag which is the default in the snippet.

Can I use dynamic text with testimonials?+

Yes. You can combine Unbounce's Dynamic Text Replacement with Vouchnest. Use DTR in your headline to match the keyword that brought the visitor, while the Vouchnest widget shows relevant testimonial content. This creates a cohesive ad-to-page experience.

Does it work on AMP pages?+

Unbounce AMP pages have strict script limitations that prevent custom JavaScript. For AMP pages, use the iFrame embed method or link to your hosted wall URL. Both approaches work within AMP constraints and still deliver responsive testimonial displays.

Widget types

Wall (grid)

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

data-layout="grid"

Carousel

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

data-layout="carousel"

Single quote

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

data-layout="single"

Boost your landing page conversions with social proof

Create a free Vouchnest space, collect your first testimonials, and embed them on any Unbounce landing page — no developer needed. The wall updates itself from then on.

Start free — no credit card