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

BlooTrue's OpenTable 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. OpenTable's official website widget only takes reservations — it never displays reviews — and Notion has no native OpenTable integration and no app marketplace, so CodePen + BlooTrue is literally the only practical way to put live OpenTable diner 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 OpenTable reviews — genuine 1–5 star ratings from verified diners who booked through OpenTable and honored the reservation. The free Notion plan supports this — no paid Notion subscription and no OpenTable 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 OpenTable widget renders identically on all of them. It fits any restaurant running its story on Notion: fine-dining rooms, neighborhood bistros, cafés, steakhouses, and multi-venue restaurant groups. 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 OpenTable reviews on Notion in 60 seconds

1. Paste your OpenTable restaurant URL (https://www.opentable.com/r/your-restaurant) into the configurator above.
2. Pick a widget style and customize colors, theme, and layout.
3. Click Copy Code to get the one-line HTML embed.
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 OpenTable reviews are live on Notion.

Why is BlooTrue + CodePen the only way?

OpenTable doesn't publish a review embed the way Trustpilot publishes TrustBox or Google publishes Place Cards — its official website widget exists purely to book tables and keeps the verified-diner reviews on the OpenTable restaurant 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 OpenTable reviews on a Notion page.