Google reviews on Webflow
Webflow's Embed element takes raw HTML and drops it straight into the page at the position you place it, which makes a reviews widget about as simple as an embed gets — you place it in the Designer like any other element and it inherits the layout around it. Two Webflow rules shape the process. Custom code, including the Embed element, requires a paid Site plan: on the free Starter plan the element appears in the Add panel but shows an upgrade prompt when you try to use it. And the Embed element caps its contents at 10,000 characters, which the reviews snippet sits comfortably under but is worth knowing if you are pasting several embeds into one element. The widget also does not render on the Designer canvas — you check it in Preview or after publishing.
Build and style the widget in the Google Reviews widget builder, then follow the Webflow steps below to put it on your site.
How to add Google reviews to Webflow
Build your widget
In Zyff's Google Reviews builder, connect your Google Business Profile, choose one of the six layouts and style it to match your Webflow design. Copy the embed code.
Add an Embed element in the Designer
Open your project in the Webflow Designer, click the + Add panel, and drag the Embed element (under Components, listed as Embed or HTML Embed) into the section where the reviews should appear. A code editor opens automatically.
Paste the snippet and save
Paste the container div and the script tag into the editor, then click Save & Close. Webflow shows a static placeholder on the canvas rather than the live widget — that is normal for any Embed element.
Preview or publish to see it
Click the Preview toggle, or publish the site, to see the widget actually render. The Designer canvas never executes embedded scripts, so a blank-looking placeholder there tells you nothing about whether the code works.
Style the wrapper, not the widget
Give the Embed element's parent div your usual padding, max-width and alignment classes in the Designer. The widget itself renders inside a shadow root, so Webflow classes cannot restyle its internals — change colors, fonts and radius back in Zyff's builder and re-paste.
Webflow-specific things worth knowing
Custom code needs a paid Site plan
The Embed element and the Custom Code fields in Site Settings both require a paid Site plan, Basic or above. On the free Starter plan the element is visible in the Add panel but shows an upgrade prompt, and Custom Code cannot be saved.
Embeds do not render on the Designer canvas
Webflow shows a placeholder box rather than running the script while you design. Use the Preview toggle or publish to a staging domain to check the widget — the canvas is not a reliable test for any embed.
There is a 10,000 character limit per Embed
Webflow caps a single Embed element's contents. The reviews snippet is far below that, but if you are combining several embeds in one element you can hit it — split them into separate Embed elements instead.
Style the parent, not the contents
The widget renders inside a shadow root, which is what stops your Webflow styles and its own styles from fighting. It also means Webflow classes cannot reach inside it. Restyle the widget in Zyff's builder and paste the new snippet over the old.
Site Settings custom code is the site-wide option
For something that belongs on every page, such as the Floating Badge layout, put the snippet in Project Settings > Custom Code > Footer Code instead of adding an Embed element to each page. It also requires a paid Site plan, and it needs a republish to take effect.
Republish after every change
Custom code changes, whether in an Embed element or Site Settings, only reach the live site on publish. If a change is not showing, confirm you published rather than only saving.
Frequently asked questions
Does the Google reviews widget work on Webflow's free plan?
No — but that is a Webflow limit rather than a Zyff one. Webflow restricts custom code, including the HTML Embed element, to paid Site plans. On the free Starter plan the element shows an upgrade prompt. Building and styling the widget on Zyff is free regardless of your Webflow plan.
Why does the widget not show in the Webflow Designer?
Webflow never executes embedded scripts on the Designer canvas — it draws a placeholder instead. Click the Preview toggle, or publish to your staging domain, and the widget renders there. A blank placeholder on the canvas is expected for every Embed element.
Is there a size limit on the Webflow Embed element?
Yes, 10,000 characters per Embed element. The reviews snippet is a container div and one script tag, so it uses a tiny fraction of that. The limit only becomes relevant if you paste several unrelated embeds into a single element, which is better split across separate ones anyway.
Can I restyle the widget with Webflow classes?
Not its internals. The widget renders inside a shadow root, so your Webflow styles cannot reach in — which is exactly what stops your site's CSS and the widget's own CSS from breaking each other. Style the wrapping div for spacing and width, and change colors, fonts and corner radius back in Zyff's builder.
Should I use an Embed element or Site Settings custom code?
Use an Embed element when the reviews belong in a specific place on a specific page, which is the common case. Use Project Settings > Custom Code > Footer Code when the widget should appear site-wide, which mainly means the Floating Badge layout. Both need a paid Site plan.
I published but the reviews are not there. What did I miss?
Check that your Site plan allows custom code, that you clicked Save & Close in the Embed editor rather than closing it, and that you published after making the change rather than only saving in the Designer. Then hard-reload the live page.