Skip to main content

Booking.com Review Widget for Framer — Free, No Code

BlooTrue's Booking.com Review Widget for Framer is a free embed that displays verified-guest Booking.com reviews on any Framer site. It uses the native Embed component, Code Override compatible, and plays nicely with Framer Motion. No view caps on any plan. Works with any public Booking.com hotel page.

How to embed Booking.com reviews on Framer in 60 seconds

  1. Paste your Booking.com hotel page URL into the BlooTrue builder on this page.
  2. Pick a widget style and customize.
  3. Publish and copy the embed code.
  4. In the Framer Canvas, insert an Embed component → paste the snippet → adjust size.
  5. Publish — your Booking.com reviews are live.
no code neededunlimited viewsfree forever

Free Booking.com Review Widgets for Framer

Embed verified-guest Booking.com reviews on any Framer site in 60 seconds — native Embed component, Code Override compatible, no code.

Build Your Booking.com Review Widget

Booking.com

Key facts: 60-second install on Framer · free forever · works on free Framer plan · Code Override compatible · works with any public Booking.com hotel page · unlimited widget views

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 Booking.com reviews as structured data. The free plan shows the reviews without the schema. See how the schema works

Why Use BlooTrue for Booking.com on Framer?

The easiest way to display Booking.com reviews on Framer — no integration, no third-party app, no monthly fees.

Any Public Booking.com Hotel Page Supported

No Booking.com add-on needed. Embed reviews from any public Booking.com hotel page — boutique hotels, inn, guesthouse, resort, or a whole hotel group.

Works on Free Framer Plan

Native Embed component is available on every Framer plan — including free. No upgrade needed.

Framer Motion Friendly

Wrap the Embed in any Framer Motion animation or Code Override — works with entrance, scroll, and hover effects.

Auto-Sync with Booking.com

New verified-guest reviews appear on your Framer site automatically. No manual refresh, no cron.

Every Review Comes From a Verified Guest

Booking.com only accepts reviews from guests who booked through Booking.com and honored the booking — no drive-by ratings from people who never ate at your hotel. Your widget shows real 1–5 star ratings, and the header displays your actual Booking.com average, exactly as it appears upstream. That verified-guest proof is what convinces browsers to book a room.

How Do I Install BlooTrue on Framer?

Takes less than a minute. No integration, no code.

1

Paste Your Booking.com hotel URL (in the BlooTrue Builder)

In the BlooTrue builder on this page, paste your Booking.com hotel page URL (e.g.https://www.booking.com/hotel/your-hotel) into it. Real reviews load into the live preview.

Takes about a minute. Free plan, no credit card.

2

Customize the Look

Pick one of 100+ styles, choose light or dark theme, set an accent color to match your Framer design.

3

Copy the Embed Code

Publish and copy the embed code. The embed is a single HTML snippet.

4

Paste into Framer

Framer Canvas: On your project, insert an Embed component from the Insert menu → switch to HTML mode → paste the BlooTrue snippet → adjust the frame size to match your chosen widget style (Slider / Badge ~300px; Grid / Masonry ~800px+).

Code Override (advanced): Import a React effect component that injects the snippet into any existing frame via dangerouslySetInnerHTML. Useful for programmatic placements inside overrides.

Sitewide: Project Settings → General → Custom Code → End of body → paste the snippet (only if you want the widget on every page — usually not necessary).

Booking.com reviews auto-sync every 24 hours — no further Framer maintenance needed.

How does BlooTrue compare to manual copy-paste and Elfsight on Framer?

Why Framer users pick BlooTrue for Booking.com

FeatureBlooTrueManual copy-pasteElfsight
Works with any public Booking.com hotel page
Manual
Works on free Framer plan
Framer Motion compatible
Widget view capsNone
200/mo
SEO rich snippets (JSON-LD) built-in
Paid tier
Custom accent colors on free plan
Widgets pricing$9/moFree$12/mo

Need a detailed comparison? View full comparison

About Booking.com reviews in this widget

For Booking.com the widget shows the guest reviews from your property page at booking.com/hotel. The number at the top is your Booking.com review score on its 10-point scale, with the review count, both taken from the page rather than the cards. Only a guest who completed a stay booked through Booking.com can leave a review, and Booking.com invites them after checkout, so every card ties to a real stay. It is easy to confuse the star class next to a property name on Booking.com, a hotel category, with a review rating; the widget shows the guest score.

Frequently Asked Questions

My Booking.com score is 8.7, does the widget show that or convert it to stars?

The header carries the score as Booking.com reports it on its 10-point scale, so an 8.7 stays an 8.7, along with the review count from your property page. The widget does not average the reviews on your site to make its own number. Each card keeps the score the guest gave after their stay.

Can someone who never stayed at my hotel post a Booking.com review that ends up on my website?

No. Booking.com only invites a review once a stay booked through Booking.com is completed, so a person who never checked in has no way to submit one, and the widget takes only what is on your booking.com/hotel page. Your widget therefore holds reviews from completed stays and nothing else.

Booking.com already gives me a widget for my website, why would I need another one?

Because Booking.com's widget takes bookings and shows none of your guest reviews; Booking.com keeps those on its own marketplace. The BlooTrue embed is built from your property page URL and shows the guest reviews with your review score out of 10 in the header. The free plan adds a small BlooTrue badge; paid plans refresh daily and drop it.

Is the BlooTrue Booking.com widget free for Framer?

Yes. BlooTrue is free for Framer. BlooTrue never caps widget views on any plan, free or paid. The free plan shows Booking.com reviews with BlooTrue branding in the footer.

Does Booking.com have an official review widget?

No. Booking.com’s official website widget only takes bookings — it never displays your reviews. BlooTrue fills that gap: it works with any public Booking.com hotel page and shows the verified-guest reviews the official widget can’t.

Does BlooTrue work with Framer Motion animations?

Yes. The widget renders inside a standard Embed component, so you can wrap it in any Framer Motion animation or Code Override — entrance, scroll-linked, and hover effects all work.

Does BlooTrue work on the free Framer plan?

Yes. The Embed component is available on every Framer plan — including free. No upgrade needed.

Will BlooTrue slow down my Framer site?

No. The widget loads asynchronously and is under 20KB. Typical impact on Framer page performance is under 50ms.

Can I use a Code Override to inject the widget?

Yes. Import a React effect component that injects the snippet via dangerouslySetInnerHTML — useful for programmatic placements or conditional rendering inside overrides.

Ready to Display Booking.com Reviews on Framer?

Build your free widget in 60 seconds. No credit card, no integration, unlimited views.

Build Your Widget