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

Free G2 Review Widgets for Next.js / React

Embed G2 reviews on any Next.js / React page in 60 seconds — next/script component, paste, save. Real G2 stars — the B2B software buyer's strongest trust signal — on your own site.

Build Your G2 Review Widget

G2

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

Star ratings in search results, 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 G2 reviews as structured data. 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 G2 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 G2 Reviews to Next.js / React

One embed code, pasted into the next/script component.

  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 Review Proof Works Hardest on Next.js / React

Under the hero on the landing page and beside the pricing CTA — on SaaS and agency sites the proof belongs at the decision point.

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

Embed G2 reviews on any Next.js / React page with a single copy-paste embed code. Real G2 stars — the B2B software buyer's strongest trust signal — on your own site. Installs via the next/script component.

Where review proof helps most on Next.js / React

Under the hero on the landing page and beside the pricing CTA — on SaaS and agency sites the proof belongs at the decision point.

About G2 reviews in this widget

Your G2 widget lists the reviews from your G2 product profile and puts the star rating and review count G2 reports for that profile in the header. Both figures are read from G2, not averaged from the reviews on the page. G2 verifies the people who leave those ratings, which is why software buyers check them before booking a demo. The mistake to avoid is treating a G2 badge as an embed. G2 badges are image files with no review text behind them, so a visitor learns nothing beyond the logo. The widget shows the reviews themselves.

G2 Widget on Next.js / React — FAQ

Is the BlooTrue G2 review widget free for Next.js / React?
Yes. BlooTrue is completely free to embed G2 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 G2 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 G2 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.
We have two products listed on G2, can each one get its own widget?
Each widget reads one G2 product profile, the page at g2.com/products/your-product/reviews, so two products means two widgets with two URLs. The free plan includes a single widget, so start with the product your site promotes most; the header will carry that product's own G2 rating and review count.
Which number sits at the top of the G2 widget?
The star rating and review count from your G2 product profile, as G2 publishes them. BlooTrue does not build a new average from the G2 reviews it displays. Since the free plan lists only your G2 reviews of four stars and up, the header can read lower than the reviews under it, because G2 counts the lower ratings too.
What do I give up by using the free plan for G2 reviews?
Two things. A small BlooTrue badge appears on the widget, and the widget keeps the G2 reviews present when you created it rather than fetching new ones. There is no card to enter and no view limit. Paid plans remove the badge and check your G2 profile every day for reviews added since.

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

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

Free G2 Review Widget