Testimonial Components for React Apps

How It Works

1. 1

   Create a collection

   Sign up, create a testimonial collection, and choose a layout.

2. 2

   Copy the embed code

   Grab the script tag or iframe snippet from your dashboard.

3. 3

   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.

// Option A — iframe (simplest)
export function Testimonials() {
  return (
    <iframe
      src="https://testimoniq.com/w/YOUR_COLLECTION_ID"
      style={{ width: '100%', border: 'none', minHeight: 400 }}
    />
  );
}

// Option B — script tag via next/script
import Script from 'next/script';

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

Features

• ✓Works with React, Next.js, Remix, Gatsby, and Vite
• ✓Embed via iframe or script tag — no npm dependency
• ✓Video & text testimonials
• ✓10 responsive layouts
• ✓Auto-resize to fit container width
• ✓SSR-friendly — renders in any environment