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

Free TrustRadius Review Widgets for Next.js / React

Embed TrustRadius reviews on any Next.js / React page in 60 seconds — next/script component, paste, save. In-depth, verified TrustRadius reviews on your own site.

Build Your TrustRadius Review Widget

TrustRadius

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

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 TrustRadius 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 TrustRadius 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 TrustRadius Reviews to Next.js / React

Connect your TrustRadius 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 ComponentTrustRadius: TrustRadius Content Integrity

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

Embed TrustRadius reviews on any Next.js / React page with a single copy-paste embed code. In-depth, verified TrustRadius reviews on your own site. Installs via the next/script component.

Where TrustRadius reviews help most on Next.js / React

Software companies with a custom-built marketing site tend to put the TrustRadius widget in three places: the home page below the hero, the pricing page above the plans, and the sign-up page beside the form.

The sign-up page is the one teams forget, and it is where a visitor about to create an account has one last doubt. Keep the widget out of the product itself; logged-in users do not need to be sold to again. Give it a container with a sensible maximum width so it does not stretch across a wide pricing layout, and match its theme to the site's light or dark mode.

About TrustRadius reviews in this widget

A TrustRadius widget carries the long reviews users write on TrustRadius to your site, with the score and review count TrustRadius publishes for your product in the header. TrustRadius scores products out of 10, not out of 5, so the header is not a star average; BlooTrue prints the figure as TrustRadius reports it. TrustRadius verifies reviewers before their write-ups go live, and those write-ups run through pros, cons and how the product is used, over many paragraphs. What site owners get wrong is expecting pull quotes. Choose a layout with room to read.

TrustRadius Widget on Next.js / React — FAQ

Is the BlooTrue TrustRadius review widget free for Next.js / React?
Yes. BlooTrue is completely free to embed TrustRadius 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 TrustRadius 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 TrustRadius 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.
Why does my TrustRadius widget show a score like 8.7 instead of stars?
Because TrustRadius rates products on a 10-point scale. Reviewers give a score from 1 to 10 and TrustRadius publishes the product's score on its page. The widget header repeats that number and the review count as they appear on TrustRadius, so an 8.7 there is an 8.7 on your site.
What TrustRadius address does the builder need?
Your product's reviews page on TrustRadius, which follows the pattern trustradius.com/products/your-product/reviews. That page holds the score out of 10, the review count and the reviews themselves, and it is the only thing you paste. Pick a layout with generous text space, since TrustRadius reviews run long, then copy the embed.
A verified user posted a long TrustRadius review last week, will it appear?
Only if you are on a paid plan, which re-reads your TrustRadius product page each day and adds reviews TrustRadius has published since the last pass. A free widget is fixed to the reviews present when you created it, so a write-up published after that stays on TrustRadius only.

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

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

Free TrustRadius Review Widget