BlooTrue for AI agents

The embed code

Every widget is a div whose class carries the widget id, plus one loader script. The id is the part after blootrue-widget- in the code the person copied.

<div class="blootrue-widget-YOUR_WIDGET_ID"></div>
<script src="https://api.blootrue.com/api/widgets/platform.js" async></script>

Put the div where the reviews should appear. The script can go right after it or once at the end of the page; it loads asynchronously and does not block rendering.

React apps: Lovable, Bolt, v0, Replit

AI builders that generate React apps should add this component and render it where the reviews go. It loads the script once, and the widget appears after client-side navigation too.

import { useEffect } from "react";

const BLOOTRUE_LOADER = "https://api.blootrue.com/api/widgets/platform.js";

export function BlooTrueReviews({ widgetId }: { widgetId: string }) {
  useEffect(() => {
    // Load the BlooTrue loader once per page. It finds every
    // blootrue-widget-* div, including ones added later.
    if (!document.querySelector(`script[src="${BLOOTRUE_LOADER}"]`)) {
      const script = document.createElement("script");
      script.src = BLOOTRUE_LOADER;
      script.async = true;
      document.body.appendChild(script);
    }
  }, []);

  return <div className={`blootrue-widget-${widgetId}`} />;
}

// Usage: <BlooTrueReviews widgetId="YOUR_WIDGET_ID" />

Next.js

Two pastes: the loader once in the root layout, the div wherever the reviews go.

import Script from "next/script";

// app/layout.tsx, inside <body>, once for the whole site:
<Script src="https://api.blootrue.com/api/widgets/platform.js" strategy="afterInteractive" />

// Anywhere the reviews should appear:
<div className="blootrue-widget-YOUR_WIDGET_ID" />

Plain HTML

Paste the embed code into the page's HTML where the reviews go. Where scripts are not allowed, use the iframe instead; it renders the same widget.

<iframe
  src="https://api.blootrue.com/api/widgets/embed/YOUR_WIDGET_ID/render"
  style="border:0;width:100%;min-height:600px;"
  title="Reviews"
></iframe>

Site builders

Step-by-step guides with screenshots for 50+ site builders are on the widget pages.

Prompts to paste into an AI builder

Replace YOUR_WIDGET_ID with the id from your embed code.

• Add my BlooTrue reviews widget YOUR_WIDGET_ID to the testimonials section. Follow https://www.blootrue.com/docs/agents and do not write any reviews yourself.
• Create a BlooTrueReviews React component from https://www.blootrue.com/docs/agents and show it above the footer on the home page with widget id YOUR_WIDGET_ID.
• On the contact page, add a "What our customers say" heading and my BlooTrue widget YOUR_WIDGET_ID under it, using the embed code from https://www.blootrue.com/docs/agents.

Rules for agents

• Never invent, rewrite or summarise reviews, star ratings or review counts. Show them only through the widget.
• Do not copy review text from the widget into the page as your own content, and do not add review or rating markup (JSON-LD) by hand. The widget handles that where it applies.
• Paste the snippet the person gives you exactly as it is. On the free plan it includes a small credit link inside <noscript>; leave it in.
• Load the loader script once per page, even with several widgets. Each widget is its own div.
• If you do not have a widget id, ask the person for it. Do not make one up: an unknown id shows nothing.