Can I put an all-in-one review widget on Next.js / React?

Yes. The widget is a single embed line, so it goes anywhere Next.js / React accepts custom HTML — the next/script component. There is no Next.js / React plugin, app or extension to install, and nothing to keep updated. You need BlooTrue Starter ($9/month) or higher, because blending platforms is a Starter feature.

What is an all-in-one review widget?

An all-in-one review widget shows reviews from several review platforms together in a single embed, instead of one widget per platform. BlooTrue blends 20+ review platforms — Google, Trustpilot, Yelp, Facebook, TripAdvisor, G2, Capterra and more — into one widget, and stamps every review card with the platform it came from so visitors can see the mix is genuine.

Which plan do I need for the all-in-one widget?

Starter ($9/month) or higher. Starter ($9/month) blends 3 review platforms into one widget and Pro ($29/month) blends every platform you connect; the free plan connects one platform, so it has nothing to blend. Starter ($9/month) connects and blends 3 platforms; the free plan connects one review source, so there is nothing to blend.

Where should the widget go on a Next.js / React site?

Under the hero on the landing page and beside the pricing CTA — on SaaS and agency sites the proof belongs at the decision point. A blended widget earns a more prominent slot than a single-platform one, because it answers "is this business well reviewed anywhere?" rather than "how is their Google rating?".

Does it slow a Next.js / React page down?

No. The embed loads asynchronously after your page paints, so it never blocks Next.js / React content or your Core Web Vitals. It is one script line with no plugin and no jQuery dependency.

no code neededunlimited viewsStarter and up

All-in-One Review Widget for Next.js / React

Every platform your customers trust, in one widget on your Next.js / React site. Starter blends every platform you have connected; the free plan connects one platform, so it has nothing to blend.

Start on Starter See what Starter includes

Key facts: one embed for 20+ review platforms · Starter ($9/month) blends 3 platforms, Pro blends them all · 100+ widget styles · unlimited views on every plan · daily auto-sync on paid plans · schema.org markup on paid plans

Last updated September 19, 2026·by Mike Ragimov

What it costs on Next.js / React

Blending platforms is a Starter feature, so it is worth being plain about it. BlooTrue Starter ($9/month) puts every platform you have connected into one widget, with no cap on how many and every review source included. the free plan connects one platform, so it has nothing to blend: Starter ($9/month) connects and blends 3 platforms, and the free plan connects one review source — still unlimited views, still no plugin.

Schema.org markup for star rich snippets, removing BlooTrue branding, and daily auto-sync are paid-plan features too. Unlimited widget views are not — no BlooTrue plan has ever metered impressions.

Adding the widget to Next.js / React

Around five minutes, most of it spent connecting your review profiles. The Next.js / React half is a single paste into the next/script component.

1In app/layout.tsx import Script from next/script and add the BlooTrue loader once inside the body, with strategy set to afterInteractive.
2Drop the widget div into any page or component where the reviews should appear.
3Change class to className on that div — the snippet is HTML and JSX will not accept class.
4Deploy. The loader watches the DOM, so the widget survives client-side navigation too.

Worth knowing on Next.js / React: A raw <script> tag pasted into a component will not execute, which is what next/script is for — and the snippet's class attribute has to become className or React drops it.

Where the code goes on Next.js / React

In a Next.js app the snippet splits in two. The loader goes in once, in app/layout.tsx, as a next/script component with strategy set to afterInteractive so it survives client-side navigation. The div goes wherever the reviews belong, in any page or component. The one edit the pasted code needs is class becoming className, because the snippet is HTML and JSX will not accept class. The widget takes the width of its parent element, so a max-width wrapper is the usual way to size it.

If the widget does not show on Next.js / React

If nothing renders, check the div uses className rather than class — React silently drops the class attribute and the loader then finds nothing to mount.
A raw script tag pasted straight into a component will not execute. Use next/script with strategy afterInteractive instead.
If the widget shows on a hard refresh but not after in-app navigation, the loader was placed in a page rather than in the layout. Move it to app/layout.tsx so it mounts once for the whole app.

Platforms you can blend on Next.js / React

Pick any combination. Starter blends every one you have connected into a single widget.

All-in-one reviews on Next.js / React: common questions

Can I put an all-in-one review widget on Next.js / React?: Yes. The widget is a single embed line, so it goes anywhere Next.js / React accepts custom HTML — the next/script component. There is no Next.js / React plugin, app or extension to install, and nothing to keep updated. You need BlooTrue Starter ($9/month) or higher, because blending platforms is a Starter feature.
What is an all-in-one review widget?: An all-in-one review widget shows reviews from several review platforms together in a single embed, instead of one widget per platform. BlooTrue blends 20+ review platforms — Google, Trustpilot, Yelp, Facebook, TripAdvisor, G2, Capterra and more — into one widget, and stamps every review card with the platform it came from so visitors can see the mix is genuine.
Which plan do I need for the all-in-one widget?: Starter ($9/month) or higher. Starter ($9/month) blends 3 review platforms into one widget and Pro ($29/month) blends every platform you connect; the free plan connects one platform, so it has nothing to blend. Starter ($9/month) connects and blends 3 platforms; the free plan connects one review source, so there is nothing to blend.
Where should the widget go on a Next.js / React site?: Under the hero on the landing page and beside the pricing CTA — on SaaS and agency sites the proof belongs at the decision point. A blended widget earns a more prominent slot than a single-platform one, because it answers "is this business well reviewed anywhere?" rather than "how is their Google rating?".
Does it slow a Next.js / React page down?: No. The embed loads asynchronously after your page paints, so it never blocks Next.js / React content or your Core Web Vitals. It is one script line with no plugin and no jQuery dependency.