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

Free Google Review Widgets for Next.js / React

Embed Google reviews on any Next.js / React page in 60 seconds — next/script component, paste, save. Real Google stars are the strongest trust signal on the web.

Build Your Google Review Widget

Google

Or just type your business name + city — add the country too if the business isn't near you.

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 Google 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 Google 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 Google 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.

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

Embed Google reviews on any Next.js / React page with a single copy-paste embed code. Real Google stars are the strongest trust signal on the web. 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 Google reviews in this widget

Your Google widget shows the reviews on your Google Business Profile, and the number above the cards is the Google rating and review count as Google reports them, not an average of the cards. Anyone with a Google account can rate you from Maps or Search, no purchase needed. Google offers no review embed and the Business Profile has no widget, so pasting a Maps embed gives owners a map, not reviews. The free plan keeps the 4-star-and-up Google reviews imported at creation; a review left on Maps next week needs a paid plan's daily refresh.

Google Widget on Next.js / React — FAQ

Is the BlooTrue Google review widget free for Next.js / React?
Yes. BlooTrue is completely free to embed Google 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 Google 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 Google 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 the rating in my Google widget not match the average of the reviews it shows?
Because the header number is what Google publishes for your Business Profile, not a figure BlooTrue works out from the cards. The free plan shows only your 4-star-and-up Google reviews, so averaging those cards would give a higher number than Google does. Keeping Google's rating and count means visitors see the figure from Maps.
Can I get an embed code for reviews from my Google Business Profile?
No. The Business Profile gives you a link for asking customers to review you, but no embed code and no widget. The BlooTrue builder finds your profile when you type the business name, city and country, then hands you a one-line embed to paste into your website with no plugin, in about a minute.
Will embedding Google reviews put star ratings under my site in Google search?
Only on paid plans, and only if Google decides to show them. A paid widget emits schema.org Review and AggregateRating JSON-LD carrying your Google rating, and that markup reaches your page only when the builder renders the embed inline rather than in a sandboxed iframe. Google then chooses whether stars appear under your listing.

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

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

Free Google Review Widget