Skip to main content
BlooTrue
Start Free
no code neededunlimited viewsfree forever

Free Trustpilot Review Widgets for Next.js / React

Embed Trustpilot reviews on any Next.js / React page in 60 seconds — next/script component, paste, save. Works with free Trustpilot business profiles — no TrustBox subscription required.

Build Your Trustpilot Review Widget

Trustpilot

Key facts: 60-second install on Next.js / React · free forever, no plugin needed · installs via the next/script component · no view caps on any plan · daily review auto-sync on paid plans · schema.org markup on paid plans

Last updated ·by Mike Ragimov

Trustpilot reviews in a Next.js storefront

A custom Next.js store gives you full control over the reviews, and also full responsibility for how they load. The Trustpilot widget needs one loader and one div. The questions that follow are about life after launch: whether TrustScore changes need a deploy, and how to keep the page steady while the reviews fill in.

Do I redeploy my Next.js app when the TrustScore changes?

No. The loader and the div stay the same, so a new TrustScore or new reviews reach the page without a build. A paid plan re-reads your Trustpilot profile daily; a free widget holds the reviews it found when you made it.

That keeps Trustpilot out of your release cycle. If you added Trustpilot's own TrustBox script only to show reviews, you can drop it, since this widget does not use TrustBoxes.

How do I stop the Trustpilot widget from shifting my product page?

Reserve space for it. The div renders empty on the server and the widget fills it on the client, so give its wrapper a minimum height close to the widget's size, and the price and buttons below it stay put.

Example

A coffee subscription store built on Next.js

Subscribers review their deliveries on Trustpilot. The developer adds the loader once in app/layout.tsx with strategy afterInteractive, places the widget div in the product page component under the subscription options, and changes class to className. When the TrustScore moves, the store shows the new figure after the paid plan's next daily refresh, with no deploy.

SEO + AI schema · paid plans

Review schema markup, on paid plans

Paid widgets add schema.org Review and AggregateRating JSON-LD to the page they sit on, so search engines and AI answer engines can read your Trustpilot reviews as structured data. Google does not show review stars for reviews a business shows about itself, so the gain is readability, not stars. The free plan shows the reviews without the schema. See how the schema works

Install guides

Also available for other platforms

Same widget, platform-specific install guide. Pick where your pages live.

Looking for a different review source? See all review widgets

Setting this up on a different platform? See all Trustpilot review widgets · Want a different review platform on Next.js / React? All review widgets for Next.js / React

Review widgets for every platform

The same widget, built from whichever platform your reviews live on. Free plan on every one.

Reviews on more than one platform? Blend them into one widget

How to Add Trustpilot Reviews to Next.js / React

Connect your Trustpilot profile in BlooTrue, pick a style, then paste one embed code into the next/script component on Next.js / React and publish.

  1. 1

    In app/layout.tsx import Script from next/script and add the BlooTrue loader once inside the body, with strategy set to afterInteractive.

  2. 2

    Drop the widget div into any page or component where the reviews should appear.

  3. 3

    Change class to className on that div — the snippet is HTML and JSX will not accept class.

  4. 4

    Deploy. The loader watches the DOM, so the widget survives client-side navigation too.

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.

Still blank? Our help article Widget not showing covers the checks that apply on every site.

Official documentation: Next.js / React: Script ComponentTrustpilot: Respond to reviews

Trustpilot Review Widget for Next.js / React — Free, No Plugin

Embed Trustpilot reviews on any Next.js / React page with a single copy-paste embed code. Works with free Trustpilot business profiles — no TrustBox subscription required. Installs via the next/script component.

Where Trustpilot reviews help most on Next.js / React

A headless or custom storefront gives you full control over where the Trustpilot widget goes, so put it where the purchase happens: on the product page below the price and the add-to-cart button, and on the cart as a compact badge.

On a custom build it is tempting to render reviews on every page through the layout, but on account settings or order tracking they add weight without adding trust. Keep them to the pages that sell. Size the container to the product column so the widget lines up with the product details instead of spanning the full width of a wide screen.

About Trustpilot reviews in this widget

The Trustpilot widget takes the reviews on your Trustpilot business profile and puts the TrustScore and review count Trustpilot publishes for that profile at the top, not a card average. Reviews reach Trustpilot from customers who write one unprompted or who answer an invitation you send, and Trustpilot labels the invited ones as verified. A free Trustpilot profile is enough: TrustBoxes, Trustpilot's own widgets, render client-side, and this embed needs no TrustBox subscription. The free plan keeps it free for good, like every other platform.

Trustpilot Widget on Next.js / React — FAQ

Is the BlooTrue Trustpilot review widget free for Next.js / React?
Yes. BlooTrue is completely free to embed Trustpilot reviews on Next.js / React. No plugin, no recurring fee, unlimited views. The free plan shows your reviews with BlooTrue branding in the footer; paid plans remove the branding.
How do I install the widget on Next.js / React?
In app/layout.tsx import Script from next/script and add the BlooTrue loader once inside the body, with strategy set to afterInteractive. Drop the widget div into any page or component where the reviews should appear. Change class to className on that div — the snippet is HTML and JSX will not accept class. Deploy. The loader watches the DOM, so the widget survives client-side navigation too.
Anything specific to Next.js / React worth knowing before I embed?
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 should I place Trustpilot reviews on Next.js / React for the biggest lift?
Under the hero on the landing page and beside the pricing CTA — on SaaS and agency sites the proof belongs at the decision point.
Do the reviews stay up to date automatically?
Paid plans auto-sync your Trustpilot reviews daily, so the widget always shows your latest 5-star reviews without touching Next.js / React again. The free plan shows the reviews imported at setup.
Do I need a paid Trustpilot subscription to show my TrustScore on my website?
No. BlooTrue reads any public Trustpilot business profile, free or paid, so a claimed free profile is enough. Trustpilot's own TrustBoxes are a separate product that renders client-side from Trustpilot's script, and you need no TrustBox subscription for this widget. The header is the TrustScore Trustpilot itself reports for your profile.
Is the Trustpilot widget free like the other BlooTrue widgets?
Yes. A Trustpilot widget is free forever with no credit card, the same as every other platform. The free plan shows your reviews from the day you build it with a small BlooTrue badge; a paid plan refreshes your Trustpilot reviews daily and removes the badge.
If my TrustScore changes on Trustpilot, does the number on my site follow?
On a paid plan the widget re-reads your Trustpilot profile every day, so a TrustScore that moves from 4.3 to 4.4 on Trustpilot shows the new value within a day. The widget never averages the reviews it displays to make its own score; it repeats your profile's TrustScore and review count.

Ready to Put Trustpilot Reviews on Your Next.js / React Pages?

Free forever. No plugin. 100+ widget styles. Set up in 60 seconds.

Free Trustpilot Review Widget