Framework integration

How to Add Testimonials to React

Any React app — Vite, CRA, Remix — can display Testivo testimonials either via the embed script or by fetching the JSON API and rendering your own components. Fetching the API keeps you in full control of markup and styling while still shipping AI-readable Review schema.

1. Collect your testimonials in Testivo

Before you embed, gather some proof. Share your Testivo collection link and customers leave a text, video, or audio testimonial in about 90 seconds — no account needed on their end. Approve the ones you like, then theme your wall (grid, masonry, carousel, or popup) and copy the embed.

2. Embed the wall on React

1. Quick way: render the placeholder <div className="testivo-wall" data-slug="your-slug" /> and inject the embed script once (e.g. in a useEffect or your index.html).
2. Custom way: fetch GET /api/embed/wall/your-slug in a useEffect (or your data layer) and map the JSON into your own card components.
3. Add a Review JSON-LD <script> to the document head (via react-helmet or your meta layer) so search engines and AI bots read the ratings.

This is the snippet you'll paste:

<script src="https://testivo.tech/embed/wall.js" data-slug="your-slug" async></script>
<div class="testivo-wall" data-slug="your-slug"></div>

3. Bonus: your testimonials are AI-readable

Most React testimonial widgets render inside an iframe that Google and AI assistants can't read. Testivo's wall renders same-origin and ships Schema.org Review markup automatically — free, on every plan — so when a buyer asks ChatGPT, Perplexity, or Google's AI “is {your product} any good?”, your real customer proof is what they read. Here's the JSON-LD it generates for you:

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Your Product",
  "review": [{
    "@type": "Review",
    "author": { "@type": "Person", "name": "Jane Doe" },
    "reviewRating": { "@type": "Rating", "ratingValue": 5, "bestRating": 5 },
    "reviewBody": "Testivo made collecting testimonials effortless."
  }],
  "aggregateRating": {
    "@type": "AggregateRating", "ratingValue": "4.9", "reviewCount": 27, "bestRating": 5
  }
}

Testivo also publishes an llms.txt feed of your testimonials and allows AI crawlers (GPTBot, ClaudeBot, PerplexityBot) by default. No paid tier, no copy-paste schema snippet.

Frequently asked questions