Skip to main content

Airbnb Review Widget for Notion — Free, CodePen / JSBin Workaround

BlooTrue's Airbnb Review Widget for Notion is a free embed for any public Notion page — works around Notion's URL-only /embed block via a free CodePen / JSBin intermediary. Airbnb's official website widget only takes bookings — it never displays reviews — and Notion has no native Airbnb integration and no app marketplace, so CodePen + BlooTrue is literally the only practical way to put live Airbnb guest reviews on a Notion page. Notion's native /embed block only accepts URLs, not raw HTML, because Notion is a docs/wiki tool rather than a website CMS in the conventional sense. The well-documented community workaround is to paste the BlooTrue embed snippet into a free CodePen pen (or JSBin), save it, copy the pen's full-page URL (the /full/ view, not the editor), then in Notion type /embed and paste that URL. Notion renders the CodePen full page inside an iframe, and the BlooTrue widget renders inside the iframe with your real Airbnb reviews — genuine 1–5 star ratings from verified guests who booked through Airbnb and honored the airbnb. The free Notion plan supports this — no paid Notion subscription and no Airbnb API key are required. Notion's “Share to web” feature lets you publish the page as a public read-only URL, and third-party publishers like Super, Potion, and Fruition turn a Notion page into a standalone website with custom domain support — the embedded Airbnb widget renders identically on all of them. It fits any rental running its story on Notion: entire homes, cabins, apartments, villas, and multi-property property managers. SEO note: Notion's own pages don't expose JSON-LD at the page level, so the embed itself emits schema.org Review + AggregateRating JSON-LD inside its iframe — Bing and DuckDuckGo pick this up, and Super / Potion sites surface it at the page level via their own meta-tag layer.

How to embed Airbnb reviews on Notion in 60 seconds

  1. Paste your Airbnb rental URL (https://www.airbnb.com/rooms/12345678) into the BlooTrue builder on this page.
  2. Pick a widget style and customize colors, theme, and layout.
  3. Publish, then copy the one-line HTML embed code from the builder.
  4. Open codepen.io, create a new pen, paste the embed code into the HTML tab, save, then copy the pen's full-page URL(looks like codepen.io/your-name/full/abc123) — not the editor URL.
  5. In your Notion page, type /embed, paste the CodePen URL, click Embed link, and drag the corners to resize.
  6. Save — your Airbnb reviews are live on Notion.

Why is BlooTrue + CodePen the only way?

Airbnb doesn't publish a review embed the way Google publishes Place Cards — its official website widget exists purely to book stays and keeps the verified-guest reviews on the Airbnb rental page itself. Notion, on the other side, doesn't accept raw HTML in any block — only URLs via /embed. The intersection of those two constraints leaves CodePen + BlooTrue as the only practical path to put live Airbnb reviews on a Notion page.

no code neededunlimited viewsfree forever

Free Airbnb Review Widgets for Notion

Embed Airbnb guest reviews on any public Notion page in 60 seconds — uses the standard CodePen workaround for Notion's URL-only `/embed` block. Airbnb's own widget only books tables; CodePen + BlooTrue is the only way to show the reviews.

Build Your Airbnb Review Widget

Airbnb

Key facts: 60-second install on Notion · shows reviews Airbnb's widget won't · free Notion plan supported · uses CodePen / JSBin workaround · no Airbnb API key required · 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

Why Use BlooTrue for Airbnb on Notion?

The only way to put live Airbnb reviews on a Notion page — Airbnb's widget only books tables and Notion has no plugin layer.

Fills Two Gaps At Once

Airbnb's official widget takes bookings but never shows reviews. Notion has no native HTML block. BlooTrue + CodePen is the only practical path — well-known on Reddit, Stack Overflow, and the Notion community forum.

No Airbnb API Key Required

Works with any public Airbnb listing page. No developer application, no API quotas, no rental-account access required — just paste your rental's URL.

Super, Potion, Fruition Compatible

Third-party publishers that turn Notion pages into standalone websites preserve `/embed` blocks. The CodePen iframe carrying BlooTrue renders identically on Super, Potion, and Fruition.

Auto-Sync With Airbnb

New verified-guest reviews appear on your Notion page automatically every 24 hours. The CodePen pen pulls from BlooTrue's CDN, which pulls from your public Airbnb listing page.

How Do I Install BlooTrue Airbnb on Notion?

4 steps. Uses CodePen as a free intermediary because Notion's /embed block only accepts URLs, not HTML.

1

Build Your Widget & Copy the Embed Code

Use the BlooTrue builder on this page. Paste your Airbnb rental URL (e.g. https://www.airbnb.com/rooms/12345678) and your real guest reviews load automatically into the live preview. Click the embed code.

Notion's /embed block only accepts URLs, not raw HTML — so we'll use a free CodePen pen to host the snippet at a public URL.

2

Host the Snippet in a Free CodePen Pen

Open codepen.io (free signup, no credit card). Click Create → New Pen, paste the BlooTrue embed code into the HTML tab, then click Save.

Once saved, click Change View → Full Page and copy the full-page URL — it looks like codepen.io/your-name/full/abc123. Important: use the /full/ view URL, not the editor URL.

Alternative: JSBin, Glitch, Replit, or GitHub Pages all work the same way.

3

Paste the CodePen URL into Notion

In your Notion page, type /embed, paste your CodePen full-page URL into the popup, and click Embed link. Notion renders the CodePen full page inside its iframe — your Airbnb reviews appear.

4

Resize to Fit Your Notion Page

Drag the corners of the embed block in Notion to resize the widget. The widget is responsive inside the iframe. Reviews auto-sync from Airbnb every 24 hours via the CodePen pen — no further maintenance.

How BlooTrue Compares to Other Airbnb-on-Notion Options

Airbnb's official widget only takes bookings. Notion has no plugin layer. Here's how BlooTrue compares to the alternatives.

OptionBlooTrue + CodePenAirbnb official widgetStatic screenshot
Displays Airbnb reviews
Free
Live, auto-updating reviews
Works inside Notion `/embed`
No Airbnb API key needed
Works on Super / Potion / Fruition
Custom layouts and accent colors
Pricing for full features$9/moN/AFree

About Airbnb reviews in this widget

The Airbnb widget covers one listing, the airbnb.com/rooms page with the listing number, and shows its guest reviews. Above the cards sits the listing's rating and review count exactly as Airbnb displays them, so a 4.92 stays a 4.92 instead of a card average. Airbnb only lets a guest review after a completed stay booked on Airbnb, with 14 days from checkout to write it, so every card is from a real stay. Airbnb has no first-party review embed, and the builder needs the listing URL, not the host profile link that hosts tend to paste in.

Frequently Asked Questions

I manage six Airbnb listings, can one widget cover all of them?

No. Each listing has its own airbnb.com/rooms page with its own reviews and its own rating, and the builder imports one listing per widget. On the free plan you get one widget, so one listing; paid plans remove the one-widget limit and refresh every listing's widget from Airbnb daily.

Why does my Airbnb widget say 4.92 when most of the cards show five stars?

Because the header mirrors the rating Airbnb publishes for the listing, to two decimals, together with its review count, and does no arithmetic of its own on the cards. Free widgets show only 4-star-and-up reviews as cards, so a computed average would drift from Airbnb's figure; keeping Airbnb's number avoids that.

A guest checked out yesterday, when will their Airbnb review show on my site?

Airbnb gives the guest 14 days after checkout to write the review, and it goes live on the listing once both sides have reviewed or the window closes. A paid plan refreshes the widget daily and picks it up next day; a free widget stays as it was on publish day, so yesterday's guest waits until you upgrade.

Is the BlooTrue Airbnb widget free for Notion?

Yes. BlooTrue is completely free for Notion. No Notion paid plan required, unlimited widget views, no credit card. The free plan shows your Airbnb guest reviews with BlooTrue branding in the footer.

Why doesn't Notion accept raw HTML in the `/embed` block?

Notion's `/embed` block is a URL-only embed: you paste a link, and Notion renders the link's content inside an iframe. Notion does not give you a code block that runs raw HTML, JavaScript, or `<script>` tags. This is a security and consistency design choice — Notion is fundamentally a docs/wiki tool, not a website CMS. The community workaround is to host the HTML snippet in a free intermediary that exposes a public full-page URL, then paste that URL into Notion's `/embed` block.

How does the CodePen workaround for embedding Airbnb in Notion work?

CodePen lets anyone create a free pen, paste HTML/CSS/JS, and serve the result at a public full-page URL like codepen.io/your-name/full/abc123. You paste the BlooTrue Airbnb embed code into the HTML tab of a new pen, save the pen, copy the full-page URL (the `/full/` view, not the editor view), then in Notion type `/embed`, paste the URL, and click `Embed link`. Notion loads the CodePen full page inside an iframe — your Airbnb guest reviews render inside that iframe. JSBin (jsbin.com) works identically as an alternative.

Does Airbnb offer its own review widget for Notion?

No. Airbnb's official website widget only takes bookings — it never displays your reviews, on your own site or on Notion. The verified-guest reviews stay on your Airbnb listing page. That leaves CodePen + BlooTrue as the only practical way to put live Airbnb reviews on a Notion page.

Will the widget work on Super, Potion, or Fruition Notion sites?

Yes. Super, Potion, and Fruition publish a public Notion page as a standalone website. They preserve Notion's embed blocks, so the CodePen iframe carrying the BlooTrue Airbnb widget renders normally on the published Super / Potion / Fruition site. Custom domains and SEO settings on those publishers all coexist with the embedded widget.

Can I avoid CodePen and embed the HTML directly in Notion?

No, not at the moment. Notion has no native HTML / JavaScript code block. The only way to render arbitrary HTML inside a Notion page is to load it via the `/embed` block from a public URL, which means an intermediary host. CodePen and JSBin are the most popular choices because they're free, instant, and have no signup requirement on read. Self-hosting on Glitch, Replit, or GitHub Pages also works — same pattern, just a different host.

Will Airbnb reviews on my Notion page help SEO?

Honest answer: partially. Notion's own pages don't expose JSON-LD to search engines, so structured data on a vanilla `notion.so` URL is limited. The BlooTrue widget injects schema.org Review + AggregateRating JSON-LD inside its iframe, which is reliably picked up by Bing and DuckDuckGo. For full Google rich-snippet eligibility on a Notion-published site, use Super or Potion — they expose proper HTML and meta tags at the page level.

Ready to Display Your Airbnb Reviews on Notion?

Build your free widget in 60 seconds. No credit card, no Notion paid plan, no Airbnb API key.

Build Your Widget