Embed & display

Embed your testimonials

Add Demo Company customer proof to your website in seconds.

Current layout: Wall of Love · Theme: light

Adjust settings below to customize and preview your embed code live

Collection Settings →

Customize Embed Settings

Layout

Theme

Max Items

Featured only

Live Widget Preview

Interactive render of your configured widget

Open in New Tab →

Option 1: iFrame Embed

Simple embed, works with WordPress, Shopify, Webflow, Framer, and custom HTML.

<iframe
  src="https://testimoniq.com/demo/widget?embed=true&layout=masonry&theme=light"
  width="100%"
  height="600"
  frameborder="0"
  style="border: none; border-radius: 12px;"
  loading="lazy"
></iframe>

Option 2: JavaScript Embed

Auto-resizing embed that follows the height of approved testimonials.

<div id="testimonial-widget-demo"></div>
<script>
  (function() {
    const container = document.getElementById('testimonial-widget-demo');
    const iframe = document.createElement('iframe');
    iframe.src = 'https://testimoniq.com/demo/widget?embed=true&layout=masonry&theme=light';
    iframe.style.width = '100%';
    iframe.style.border = 'none';
    iframe.style.borderRadius = '12px';
    iframe.style.overflow = 'hidden';
    iframe.loading = 'lazy';
    container.appendChild(iframe);

    // Auto-resize. This listener runs on your site, so any other script sharing
    // this window (an ad tag, another embed) could otherwise post a matching
    // message and resize this iframe. Checking origin restricts it to us.
    window.addEventListener('message', function(e) {
      if (e.origin !== new URL('https://testimoniq.com').origin || e.source !== iframe.contentWindow) return;
      if (e.data && e.data.type === 'testimonial-widget-resize' &&
          typeof e.data.height === 'number' && e.data.height > 0 && e.data.height < 20000) {
        iframe.style.height = Math.ceil(e.data.height) + 'px';
      }
    });
  })();
</script>

Option 3: Popup Widget

Floating social proof notification, showing new reviews in the corner of your page.

<script
  src="https://testimoniq.com/embed.js"
  data-collection="demo"
  data-type="popup"
  data-position="bottom-right"
  data-theme="light"
  data-delay="3000"
  data-duration="5000"
  data-max="5"
  async
></script>

Option 4: Single Testimonial Card

Show one featured testimonial quote, perfect for landing page hero or pricing sections.

<iframe
  src="https://testimoniq.com/demo/widget?embed=true&layout=spotlight&theme=light&limit=1"
  width="100%"
  height="200"
  frameborder="0"
  style="border: none; border-radius: 12px;"
></iframe>

Option 5: Rating Badge Only

Compact rating seal with aggregate stars, ideal for header bars and footer trust marks.

<iframe
  src="https://testimoniq.com/demo/widget?embed=true&layout=badge&theme=light"
  width="300"
  height="80"
  frameborder="0"
  style="border: none;"
></iframe>

Direct Link

Share a direct standalone link to your live testimonial widget:

Embed URL Parameters Reference

Customize widget behavior dynamically by appending query parameters.

Parameter	Values	Default	Description
`embed`	true	None	Enables embed mode
`layout`	grid, masonry, carousel, marquee, minimal, badge, spotlight, ticker, bubble, avatar-wall, highlight	grid	Widget layout
`theme`	light, dark, transparent	light	Color theme
`limit`	1–50	all	Max testimonials to show
`featured`	true	None	Show only featured testimonials