Free Google Play Review Widgets for Next.js / React

How to Add Google Play 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.

Google Play Widget on Next.js / React — FAQ

Is the BlooTrue Google Play review widget free for Next.js / React?

Yes. BlooTrue is completely free to embed Google Play 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 Play 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 Play 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.

What Google Play link does the builder want for my app?

Your app's store listing, whose address starts with play.google.com/store/apps/details?id= followed by the app's package name, for example com.example.myapp. That listing holds the rating, the review count and the user reviews the widget reads. Paste it, pick a layout and copy the one-line embed onto your download page.

Do my iOS App Store reviews show in the Google Play widget?

No. The Google Play widget reads one thing, your app's Play Store listing, so its header carries the Play rating and count and its list holds the reviews Android users left there. Apple's store is a different platform with its own reviews, and nothing from it can enter this widget; use it on the Android download page.

Our last update brought a wave of one-star Play reviews, will they show on my site?

Not on the free plan, which lists only Google Play reviews rated four stars and above. The store rating in the header is a separate matter: it is the figure from your listing, so if that rating fell after the release, the header shows the lower number the next time the widget refreshes, and free widgets never refresh.