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

BlooTrue's Google 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. Notion's native /embed block only accepts URLs, not raw HTML or JavaScript, 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 Google reviews. The free Notion plan supports this — no paid Notion subscription is 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 widget renders identically on all of them. SEO note: Notion's own pages don't expose JSON-LD to search engines at the page level, so the embed itself emits schema.org Review + AggregateRating JSON-LD inside its iframe — Bing and DuckDuckGo pick this up reliably, and Super / Potion sites surface it at the page level via their own meta-tag layer.

How to embed Google reviews on Notion in 60 seconds

Search your business in the BlooTrue builder that opens when you pick a style below (or paste your Google Maps share link).
Pick a widget style and customize colors, theme, and layout.
Publish, then copy the one-line HTML embed code from the builder.
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.
In your Notion page, type /embed, paste the CodePen URL, click Embed link, and drag the corners to resize.
Save — your Google reviews are live on Notion.

Why is the CodePen workaround necessary?

Notion's /embed block is URL-only by design. It does not run arbitrary HTML or JavaScript. The CodePen intermediary serves your snippet at a public URL, which Notion can then load inside its iframe. JSBin, Glitch, Replit, and GitHub Pages all work the same way — CodePen is just the most popular pick for review-widget embeds because it's free, instant, and well known across the Notion / Reddit / Stack Overflow community.

Notion vs traditional CMS for Google reviews

Notion has no app marketplace for Google review widgets, no native Google Business integration, and no plugin layer. The CodePen workaround is the only practical way to embed live Google reviews on a Notion page — BlooTrue gives you the working snippet. For solo creators, agencies, freelancers, and side-projects publishing portfolio pages or simple websites via Notion, this is the canonical path.

Free Google Review Widgets for Notion

Embed Google reviews on any public Notion page in 60 seconds — uses the standard CodePen workaround for Notion's URL-only `/embed` block. No app, no monthly fee.

Pick a style. Add your Google reviews in the app.

No code. Your reviews load automatically once you connect your business.

See all styles

Grid

A clean multi-column wall of reviews.

Use this style

Rating badge

Logo, score and stars in a compact horizontal card.

Use this style

List

Full-width rows — easiest to read top to bottom.

Use this style

Slider

Cards glide through one page at a time, with arrows and dots.

Use this style

Pill badge

The smallest footprint — a one-line rating pill.

Use this style

Star badge

Just stars and score — no card, blends anywhere.

Use this style

Card badge

Premium

A floating summary card with rating and review count.

Use this style

Review spotlight

Premium

One standout review in a clean card.

Use this style

Marquee

Premium

One always-moving ticker row — great for wide sections.

Use this style

Score badge

Premium

Big score above a star tile row.

Use this style

Wall of Love

Premium

A titled testimonial wall — heading, big stars and roomy cards.

Use this style

Slider · rating header

Premium

Carousel under a centered rating header.

Use this style

Pill badge · logo top

Premium

Stacked pill with the platform logo above the rating.

Use this style

Slider · rating panel

Premium

Carousel with a fixed rating summary panel on the left.

Use this style

Pill badge · logo bottom

Premium

Stacked pill with the platform logo under the rating.

Use this style

Marquee · 2 rows

Premium

Two ticker rows scrolling in opposite directions.

Use this style

Pill badge · logo inside

Premium

One-row pill with the platform logo inline.

Use this style

Excellent badge

Premium

Big rating word, score, stars and a verified count.

Use this style

Review count badge

Premium

One-line pill leading with your review count.

Use this style

Top rated badge

Premium

Laurel award badge with your score front and center.

Use this style

Seal badge

Premium

A round trust seal with score, stars and count.

Use this style

Banner badge

Premium

A wide strip for footers — score, stars and count in a row.

Use this style

Rating badge II

Premium

Boxed platform logo beside your rating word, score and stars.

Use this style

Quote badge

Premium

Speech-bubble card — count headline, stars and a review-us footer.

Use this style

Heading badge

Premium

Platform heading with stars, score and count.

Use this style

Accent pill badge

Premium

A solid pill in your accent color with the review count.

Use this style

Line badge

Premium

Score, stars and count in one slim line.

Use this style

Top rated badge II

Premium

Big score and stars over an underlined review count.

Use this style

Banner badge · mini

Premium

Compact banner — boxed logo, score, stars and count.

Use this style

Masonry

Premium

Staggered columns that fit any review length.

Use this style

Preview every style here for free, as long as you like. Six styles are free forever, in light or dark. The ones marked Premium need a paid plan to publish on your site, and you get them free for 7 days after you sign up.

Reviews keep coming in — keep them fresh automatically. Free widgets show a fixed snapshot; upgrade to display more and auto-refresh them on a schedule.

See plans

Key facts: 60-second install on Notion · free forever, no Notion paid plan · uses CodePen / JSBin workaround · works on Super, Potion, Fruition · schema.org markup on paid plans · No view caps on any plan

Last updated August 15, 2026

SEO + AI schema · paid plans

Get golden stars in Google search results

On paid plans, every BlooTrue widget injects schema.org Review + AggregateRating JSON-LD straight into your page — so Google and AI answer engines can read your ratings and reviews as structured data, and your pages become eligible for star-rating rich snippets. (Google treats a business's own reviews on its own site as "self-serving" and doesn't guarantee stars for them — product/service reviews are the most reliably eligible; either way your reviews become machine-readable for search and AI.)

google.com/search?q=your+business

Your Businesshttps://yourbusiness.com › reviews

Your Business — Trusted by 500+ Happy Customers

See what 127 verified customers are saying — read real Google reviews, ratings, and detailed feedback about our services, pricing, and team.

4.9

(127)

This is what your customers see when they Google you — powered by BlooTrue's JSON-LD.

Zero config — it just works
The moment you embed a BlooTrue widget, JSON-LD markup is injected automatically. No extra tags, no developer time.
Google Rich Results valid
Every field follows Google's current structured-data guidelines — LocalBusiness, AggregateRating, and Review — so it passes the Rich Results Test out of the box.
Standalone schema endpoint Paid plans
For star ratings to appear under your parent page's blue link in Google, search engines need the schema on the parent page itself — iframe-embedded schema is not propagated to the host page. Paid plans expose a JSON-LD endpoint per widget that you drop into your<head>for SERP rich snippets on product, landing, or legacy pages. Schema markup is a paid feature: free-plan widgets display your reviews but don't emit JSON-LD, so free pages aren't eligible for rich snippets.

What gets injected automaticallylive

<script type="application/ld+json">
{
  "@type": "LocalBusiness",
  "name": "Your Business",
  "aggregateRating": {
    "ratingValue": "4.9",
    "reviewCount": "127"
  }
}
</script>

Star-snippet visibility is ultimately decided by Google — valid schema is a prerequisite, not a guarantee. BlooTrue ships the markup; Google decides which queries get stars. For SERP rich snippets to appear under your parent page's link, the schema must be served on the parent page itself — that's what the standalone JSON-LD endpoint (paid plans) is for. Schema markup is a paid feature, so free-plan widgets display your reviews but don't emit JSON-LD. Independent studies find pages with valid review schema see materially higher click-through rates than plain listings.

Install guides

Same widget, platform-specific install guide. Pick where your page lives.

WordPress

Gutenberg block, Classic Editor, or sidebar widget. No plugin.

View install guide

Shopify

Drop into any theme section or product page. Works on all plans.

View install guide

BigCommerce

Paste into a Web Page's HTML view or Page Builder HTML widget.

View install guide

Joomla

Drop into a Custom HTML module. Works with Joomla 3, 4, and 5.

View install guide

Drupal

Custom Block (Full HTML format) or Layout Builder. Works on Drupal 7–11.

View install guide

GoDaddy

Drag the HTML section into your GoDaddy Website Builder page.

View install guide

Google Sites

Insert → Embed → Embed code on the new Google Sites.

View install guide

Weebly

Drag the Embed Code element onto the page in Weebly's editor.

View install guide

Webnode

Drag the HTML widget into your Webnode page editor.

View install guide

Jimdo

Add a Widget/HTML element. Works on Jimdo Creator and Jimdo Dolphin.

View install guide

Duda

Drag the HTML widget from the sidebar in the Duda editor.

View install guide

Blogger

Layout HTML/JavaScript gadget or paste in a Post's HTML view.

View install guide

Canva

Canva Sites takes a URL embed, not raw HTML.

View install guide

OpenCart

Information page Source view, or HTML Content module via Layouts.

View install guide

PrestaShop

Built-in HTML Block module — works on PrestaShop 1.7 and 8.x.

View install guide

Ecwid

Storefront editor Code element, or paste on the host page (Wix/WP).

View install guide

Big Cartel

Custom Page HTML view, or theme code injection on Diamond plan.

View install guide

Lightspeed

Lightspeed eCom Custom Code, or paste in a Page Source view.

View install guide

Jumpseller

Custom Page HTML view, or paste into theme.liquid in the theme editor.

View install guide

iFrame

Generic iframe wrapper — for locked-down CMSes that strip <script> tags.

View install guide

Wix

Wix Editor HTML Embed element. 60-second install, free plan supported.

View install guide

Squarespace

Code Block, 60 seconds. Needs Core or above, not Personal.

View install guide

Webflow

Embed element inside any section. CMS collection compatible.

View install guide

Framer

Code Override or HTML embed. Plays nicely with Framer Motion.

View install guide

WooCommerce

Custom HTML block on any shop, product, or landing page. No plugin.

View install guide

Elementor

Drag the HTML widget into any section — works on free Elementor.

View install guide

Divi

Add a Code module anywhere in the Divi Builder — front or back end.

View install guide

Square Online

Add an Embed code section in the Square Online site editor.

View install guide

Magento

CMS block or page via the Magento / Adobe Commerce admin.

View install guide

Wix Studio

Embed element in the Wix Studio editor — agency and client sites.

View install guide

Hostinger

Embed code element in Hostinger Website Builder. AI sites too.

View install guide

Carrd

Embed element on any Carrd one-pager — needs Pro Standard.

View install guide

GoHighLevel

Custom JS/HTML element in the funnel or website builder.

View install guide

ClickFunnels

Custom JS/HTML element on any page or funnel step.

View install guide

Showit

Embed Code widget on the design canvas — desktop and mobile.

View install guide

Kajabi

Custom Code block in any page or landing page section.

View install guide

HubSpot

Embed / HTML module in the page editor — CMS free tier included.

View install guide

Systeme.io

Drag a Raw HTML element into any funnel or site page. Works on the free plan.

View install guide

Leadpages

Drag the HTML widget onto your landing page and paste. No code needed.

View install guide

Unbounce

Custom HTML element in Classic, Custom Code block in Smart Builder.

View install guide

Kartra

Add a Custom Code (HTML) component in the Kartra page builder.

View install guide

Instapage

Add an HTML widget in the Instapage builder and paste the embed.

View install guide

Teachable

Add a Custom HTML block in the Teachable page editor.

View install guide

Thinkific

Text & Media section → code view → paste. Renders on the live page.

View install guide

Podia

Add a custom code / embed section in the Podia site editor.

View install guide

Bubble

Drag an HTML element onto any page in the Bubble editor.

View install guide

Tilda

Add the T123 HTML code block and paste. Renders on the published page.

View install guide

Strikingly

App Store & HTML section → HTML app → paste (Pro plan and up).

View install guide

Odoo

Drag the Embed Code building block into any Odoo website page.

View install guide

Durable

Add a Custom Code block in the Durable editor and paste.

View install guide

10Web

Elementor HTML widget — 10Web runs on WordPress + Elementor.

View install guide

SITE123

Custom Code page type (or Settings → Plugins custom code).

View install guide

IONOS

Content → Elements → HTML Module (not on every plan).

View install guide

Zoho Sites

Drag the Code Snippet element onto any page and paste.

View install guide

Softr

Blocks → Static → Custom code (Basic plan and above).

View install guide

Looking for a different review source? See all review widgets

Setting this up on a different platform? See all Google review widgets

Why Use BlooTrue for Notion?

The only working way to put live Google reviews on a Notion page — Notion has no native Google integration.

Solves Notion's URL-Only Embed

Notion's `/embed` block accepts URLs, not raw HTML. BlooTrue plus a free CodePen pen is the canonical workaround — well-known on Reddit, Stack Overflow, and the Notion community forum.

No Notion Paid Plan Needed

Works on the free Notion plan. No marketplace install, no permission scopes, no recurring fee. The free Notion tier supports `/embed` blocks and "Share to web" for public pages.

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 — including custom domains.

Auto-Sync With Google

New Google reviews appear on your Notion page automatically every 24 hours. The CodePen pen pulls from BlooTrue's CDN, which pulls from Google. No manual refresh.

How Do I Install BlooTrue on Notion?

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

Build Your Widget & Copy the Embed Code

Pick any style on this page; it opens the BlooTrue builder in the app. Search for your business name or paste your Google Maps share link — your Google Business profile loads automatically into the live preview. copy the embed code to copy the HTML snippet.

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.

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 in the top-right 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.

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 BlooTrue widget appears with your real Google reviews.

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, so it adapts to any width. Reviews auto-sync from Google every 24 hours via the CodePen pen — no further maintenance.

How BlooTrue Compares to Other Notion Options

Notion has no app marketplace for Google reviews. Here's how BlooTrue compares to the alternatives.

Option	BlooTrue + CodePen	Notion native	Static screenshot
Live Google reviews		—	—
Auto-updates as new reviews come in		—	—
Works on free Notion plan		—
Works on Super / Potion / Fruition		—
JSON-LD rich snippets		—	—
Customizable styles & colors		—	—
Pricing for full features	$9/mo	N/A	Free

Want a side-by-side with the most-used widget? BlooTrue vs Elfsight

Pricing as of April 2026. Yotpo pricing from Yotpo's official reviews page; Stamped pricing from Stamped's official pricing page; Reviews.io pricing from Reviews.io's official pricing page; Elfsight pricing from Elfsight's official pricing page.

Frequently Asked Questions

Is the BlooTrue Google review widget free for Notion?

Yes. BlooTrue is completely free for Notion. No Notion paid plan required, unlimited views, no credit card. The free plan shows your Google reviews with BlooTrue branding in the footer; paid plans remove the branding and unlock more widgets.

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 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 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 BlooTrue widget renders inside that iframe. JSBin (jsbin.com) works identically as an alternative.

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 widget renders normally on the published Super / Potion / Fruition site. Custom domains, SEO settings, and theming 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 the snippet on your own domain or a service like Glitch, Replit, or GitHub Pages also works — same pattern, just a different host.

Will the widget slow down my Notion page?

No. The widget loads asynchronously inside the CodePen iframe after your Notion page renders, so it never blocks the rest of your page. The script is under 20KB, reviews are served from a CDN cache, and lazy loading defers any image fetches until the embed enters the viewport. Notion's iframe sandbox itself isolates the widget so any rendering work happens off the main Notion thread.

Will Google index my Notion page reviews via the widget JSON-LD?

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 and any crawler that follows iframe sources. For full Google rich-snippet eligibility on a Notion-published site, use a third-party publisher like Super or Potion that exposes proper HTML and meta tags at the page level.