WeWidget
← Blog

How to Embed Google Reviews on Webflow (2026)

Webflow gives you pixel-level design control, but it has no native Google reviews element. One Embed element fixes that — here is the full walkthrough.

July 2026 · 6 min read

Webflow sites tend to be beautifully designed — and that polish can work against you. A visitor who sees a flawless site with no independent proof behind it may wonder whether the business is as good as the design. Your Google reviews are that proof, and Webflow makes them easy to embed once you know which element to reach for.

There are two routes: the Embed element for a specific spot on a specific page, and custom code in page or site settings for site-wide additions like a floating badge. This guide covers both, plus the one Webflow quirk that confuses everyone the first time — why the widget does not show in the Designer.

Step 1: Get your embed code

  1. Go to wewidget.app and create an account — the 30-day widget trial needs no card
  2. Find your business by name; no Google login is required
  3. Choose from 9 layouts and 20 ready-made styles — a minimal card grid or carousel tends to suit Webflow’s clean aesthetic
  4. Copy the embed code

A star-rating badge on its own is free forever; the full review widgets are from £5/month after the trial.

Step 2: Add it to Webflow

Option A: The Embed element (one spot, one page)

  1. In the Webflow Designer, open the page and press A (or click the +) to open the Add panel
  2. Scroll to Advanced and drag an Embed element to where the reviews should sit — inside a Section or Container so it inherits your layout
  3. Paste the embed code into the code editor that opens and click Save & Close
  4. Click Publish

Because the Embed element is a normal Webflow element, you can style its wrapper like anything else — give it a class, set max-width, add margin, or drop it into a grid cell.

Option B: Page-level custom code

Open the page’s settings (the cog icon in the Pages panel), scroll to Custom code, and paste the embed into the Before </body> tag box. This suits elements that position themselves, like a floating badge — for in-flow content, Option A gives you far better placement control.

Option C: Site-wide custom code

To show something on every page — typically a floating rating badge — go to Site settings → Custom code and paste the embed into the Footer code box. Note that site-wide custom code requires a paid Webflow site plan. Publish, and the badge appears across the whole site.

Designer vs published site: why you see a grey box

This is the question everyone asks. The Webflow Designer does not run custom JavaScript on the canvas — for good reason, since arbitrary scripts could interfere with the editing experience. So inside the Designer, your Embed element shows a placeholder, not your reviews.

The widget is not broken.Publish to your webflow.io staging domain and view the live page — the reviews render there. Design around the placeholder by giving the Embed’s parent a sensible min-height so your layout in the Designer roughly matches reality.

Where to place reviews on a Webflow site

  • Homepage, below the hero. Visitors get your pitch, then immediate independent proof of it.
  • Above forms and pricing. The moments of highest hesitation are where reviews earn their keep.
  • A floating badge site-wide. Quiet, persistent, and out of the way of your design.

Whichever you choose, the embed adds schema.org AggregateRating markup, making your pages eligible for star ratings in Google search results — a nice bonus on top of the on-page trust.

Common pitfalls

Judging the result in the Designer

As above — scripts do not run on the canvas. Always check the published site before assuming something is wrong.

Forgetting to publish

Saving in the Designer is not publishing. Custom code changes only reach the live site when you hit Publish — and if you have multiple domains, make sure you publish to all of them.

Hitting the Embed character limit

Webflow’s Embed element has a character limit that varies by plan. A compact embed like WeWidget’s two-line snippet fits easily; if you are pasting something enormous from elsewhere, that is your culprit.

Pasting the same widget twice

If you add site-wide footer code and a per-page embed of the same widget, it can render twice on that page. Pick one route per widget.

After it is live

There is no maintenance. Reviews sync automatically every day, the script stays under 20 KB gzipped so your Webflow performance scores are safe, and the setup is GDPR-friendly since it only displays reviews already public on Google — see our GDPR page for the detail.

Frequently asked questions

Why does my embed not render inside the Webflow Designer?
Webflow does not execute custom JavaScript inside the Designer canvas — you will see a placeholder instead. This is normal. Publish the site (or use a staging domain) and the widget renders on the live page.
Do I need a paid Webflow plan to embed Google reviews?
The Embed element is available on free Webflow plans with a character limit; paid site plans raise that limit and unlock site-wide custom code in Site settings. A compact embed like WeWidget fits comfortably either way.
Will the widget clash with my Webflow classes and styles?
No. WeWidget renders inside a Shadow DOM, which isolates its styles completely from your Webflow classes. Your design system stays untouched, and the widget looks the same regardless of theme CSS.
Do the reviews update automatically?
Yes. Reviews sync automatically every day. Once the embed is on your page, new Google reviews appear without republishing your Webflow site.

Ready to add reviews to Webflow?

30-day free trial for widgets, free badge forever. No card required.

Get your embed code →

Related