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

Free Agoda Review Widgets for Next.js / React

Embed Agoda reviews on any Next.js / React page in 60 seconds — next/script component, paste, save. Verified-guest Agoda reviews, on the site where travelers book.

Build Your Agoda Review Widget

Agoda

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

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

Embed Agoda reviews on any Next.js / React page with a single copy-paste embed code. Verified-guest Agoda reviews, on the site where travelers book. 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 Agoda reviews in this widget

The Agoda widget shows the guest reviews from your Agoda property page, with Agoda's score for your property in the header. Agoda scores properties out of 10, so the header is a figure like 8.6, not a star count, shown as Agoda reports it, beside Agoda's review count. Only guests with a completed Agoda booking can review, so every review is a verified guest's. Site owners go wrong by expecting a free widget to keep pace with the burst of reviews after peak season. It holds the reviews present at creation; paid plans re-read your Agoda page every day.

Agoda Widget on Next.js / React — FAQ

Is the BlooTrue Agoda review widget free for Next.js / React?
Yes. BlooTrue is completely free to embed Agoda 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 Agoda 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 Agoda 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 is the Agoda score in my widget out of 10?
Because Agoda scores every property out of 10, with sub-scores for cleanliness, location and value on the same scale. The widget header repeats the overall score and review count from your Agoda page as Agoda states them, so an 8.6 on Agoda is an 8.6 on your site, never rounded into stars.
Who can leave the Agoda reviews that end up in my widget?
Only travelers who booked through Agoda and completed the stay; Agoda opens the review after checkout, not before. Because Agoda admits no other reviewers, the widget contains verified-guest reviews and nothing from someone who never stayed. Guests who booked through another channel cannot review you on Agoda, so they will not appear.
How long does it take to put Agoda reviews on my hotel's own booking page?
About a minute. Paste your Agoda property page URL into the builder, pick a layout, copy the one-line embed and drop it beside your book-direct button. Nothing is installed on your site, no app and no plugin. The header shows your Agoda score out of 10 as soon as the page loads.

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

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

Free Agoda Review Widget