Free Expedia Review Widgets for Next.js / React

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

Expedia Widget on Next.js / React — FAQ

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

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

Which Expedia page do I paste to pull my property's reviews?

Your property's own page on Expedia. Its address ends with a number after .h and the words Hotel-Information, for example expedia.com/City-Hotels-Your-Property.h123456.Hotel-Information. That page holds the guest rating and the traveler reviews the widget reads. Paste it, choose a layout and copy the embed onto your booking page.

Does the number at the top of the Expedia widget match my Expedia page?

It is the guest rating and review count Expedia publishes for your property, copied rather than recalculated, so it matches the page as of the widget's last read. On the free plan that read happened when you created the widget; paid plans read the page daily, so the header follows your Expedia rating as new stays are reviewed.

Can the Expedia widget give my hotel page star rich snippets in Google?

It can help on paid plans, which add schema.org Review and AggregateRating JSON-LD with your Expedia guest rating and review count to the page. That markup reaches search engines only if the embed is rendered inline; inside a sandboxed iframe it is invisible to them. Google decides whether to display the stars, and the free plan adds no markup.