[Integrations / React]

Testimonial Components for React Apps

Embed a testimonial widget in any React project. No npm package to install, just an iframe or script tag.Start freeFree plan, no card

[01 / Steps]

How it works

Create a collection
Sign up, create a testimonial collection, and choose a layout.
Copy the embed code
Grab the script tag or iframe snippet from your dashboard.
Add it to your component
Paste the iframe into any JSX file. For the script approach, load it in a useEffect or via next/script.

[Two options: an iframe or the script tag]

// Option A: iframe (simplest)
export function Testimonials() {
  return (
    <iframe
      src="https://testimoniq.com/YOUR_COLLECTION_SLUG/widget?embed=true"
      style={{ width: '100%', border: 'none', minHeight: 400 }}
      title="Testimonials"
    />
  );
}

// Option B: script tag via next/script (auto-resizes to fit)
import Script from 'next/script';

export function Testimonials() {
  return (
    <>
      <div id="testimoniq-widget" />
      <Script
        src="https://testimoniq.com/embed.js"
        data-collection="YOUR_COLLECTION_SLUG"
        strategy="lazyOnload"
      />
    </>
  );
}

[Scroll the snippet sideways]

[Rendered output] What visitors see after you paste it. Example content.