How to Add Google Reviews to Webflow (Free, No App Needed)

Webflow gives you control over every pixel of your site. The one thing you cannot design is trust, and the trust you have already earned is sitting on Google's page instead of yours.

Moving your Google reviews into a Webflow layout takes one Code Embed element and one line of code. No Marketplace app, no monthly fee. This guide covers the exact steps, the plan rule that quietly blanks the widget on some sites, and the Designer placeholder that makes people think it failed when it didn't.

What You Need First: The Embed Code

The only ingredient is a single embed code, one script tag you paste once. Here is how to get yours:

1. Open the reviews widget builder and search your business name and city. It finds your Google Business Profile and previews your real rating and recent reviews.
2. Pick a layout: carousel, grid, masonry, list, slider, or a compact badge. Match the theme to your site, light or dark.
3. Copy the one line of code it gives you. That single script tag is the entire integration.

The Plan Rule That Blanks the Widget on Webflow

Most Webflow guides skip this, and it is the number one reason the widget "doesn't work."

Webflow's Code Embed documentation puts it plainly: "If you have a Core, Growth, Agency, or Freelancer Workspace, or if your site has an active Site plan, you can use the Code Embed element to unlock all kinds of custom functionality." Webflow's pricing page backs that up, listing custom code as excluded from the free Starter site plan and included from the Basic site plan up.

In practice that means:

• A live site on your own domain is fine. Connecting a custom domain requires a Site plan, and every paid Site plan runs custom code. If customers already visit your Webflow site, the widget will render.
• A free Starter site on a webflow.io address will not render it. You will see a placeholder in the Designer and nothing on the published page. Either add a Site plan or build inside a paid Workspace.
• Freelancers and agencies are covered by the Workspace. A Core, Growth, Agency, or Freelancer Workspace renders custom code on staging sites, so you can show a client the reviews before their Site plan starts.

This is the opposite of Wix, where even a free site runs the embed, and closer to Squarespace, where the entry plans block scripts. If you run sites on those platforms too, the Wix version of this guide and the Squarespace version cover each platform's rules.

How to Add the Code Embed Element in Webflow

With your embed code copied and your plan confirmed, the whole job happens in the Designer:

1. Open your site in the Webflow Designer and go to the page where you want the reviews.
2. Open the Add panel (press A) and find the Code Embed element.
3. Drag it onto the canvas inside the section or div block where the reviews should sit. The code editor opens automatically.
4. Paste your one line of embed code into the editor and click Save & Close.
5. Style the parent block the way you want the reviews framed, with its width, padding, and background. The widget sizes itself to whatever container it lands in.
6. Click Publish, choose your domain, and open the live page in a new tab.

One thing to get right: paste the code into a Code Embed element, not a Text Block or Paragraph. A text element prints the code as words on the page instead of running it. If you see your own script tag written out on the live site, that is what happened.

Two details that surprise people the first time:

• The character limit is not a concern. Webflow allows up to 50,000 characters in a Code Embed element. The widget is one line.
• You can embed inside rich text too. Place your cursor in a rich text element, click the plus icon, choose the custom code option, and paste. That is how you drop reviews into the body of a blog post or a CMS page without leaving the editor.

Why It Looks Blank in the Designer

This is the moment most people decide the widget is broken. It isn't.

Webflow's documentation says: "Any time you use a <script> tag in the code editor, you'll see a placeholder for that element in the Designer. Once you preview, publish, or export your site, the script and custom code inside will render where you placed it." The canvas is showing you where the widget will go, not what it will look like.

So the check is simple: click Preview to see the widget render in place, then publish and open the live page. Judge it there, on your phone as well as your laptop. If you tweak the layout and the reviews still look wrong, the fix is in the parent container's styling, not in the code.

Reuse It Everywhere: Turn the Embed Into a Component

Webflow's answer to "how do I put this on every page" is components, and its documentation recommends exactly that: "If you'd like to reuse the same embedded content across your site, turn your Code Embed element into a component."

Right-click the Code Embed element, create a component, and drop that component into every service page, location page, and landing page. Change the layout once and every instance updates. That matters more than it sounds, because placement does more work than design.

• Homepage: a carousel under the hero, or a compact badge beside your main call to action, so proof sits next to the decision.
• Service pages: the highest-value spot. Put the widget near the quote or booking button, and with a free account filter it by keyword so the plumbing page shows plumbing reviews and the heating page shows heating reviews.
• Contact and pricing pages: a badge near the form reassures visitors at the moment second thoughts creep in.

Multi-location businesses on the CMS site plan get one more trick. Webflow's dynamic embeds let a Collection field feed the code, so you can store each location's Place ID in a field and have every location page show that location's own reviews from a single template. We wrote a full guide on where to put reviews on your website so they convert if you want the placement logic page by page.

Will Google Reviews Help Your Webflow SEO?

Be precise here, because a lot of widget sales pages are not.

Your Google Business Profile reviews will not earn star ratings in the search results. Google's review snippet documentation says that when the business being reviewed controls the reviews about itself, those reviews are ineligible for the star feature, and it covers reviews added "either directly in their structured data or through an embedded third-party widget." It names Google Business review widgets as its example.

What the embed does do on Webflow is worth knowing. Unlike Wix, which runs pasted code inside a sealed frame, Webflow places the Code Embed directly in your page, so the widget renders inside your own HTML. Google renders JavaScript when it crawls, so the review text can be read as part of your page. AI assistants that fetch pages without running scripts will not see it, which is a limit of every script-based widget, not a Webflow quirk.

The reviews that move your rankings are the ones on your Google Business Profile itself: their count, their recency, and your replies. The widget's job is to keep a visitor from leaving your site to go check. For the full picture across every platform, see the complete guide to putting Google reviews on your website, and for the SEO question in depth, do reviews on your website help SEO gives the honest answer.

Troubleshooting: Google Reviews Not Showing on Webflow

Nearly every "it's not working" report on Webflow comes down to one of five things:

1. You are looking at the Designer. Scripts show a placeholder on the canvas by design. Preview or publish, then check the live page.
2. The site is on the free Starter plan. Custom code does not render there. Add a Site plan, or open the project in a paid Workspace.
3. You pasted into a text element. If you see your code printed on the page, delete it and paste into a Code Embed element instead.
4. The code got truncated. The whole embed is one script tag, so a missing closing bracket kills it. Re-copy it fresh from the widget builder.
5. You published to the wrong domain. Webflow's publish dialog lets you pick which domains to publish to. If you checked only the webflow.io staging address, your custom domain still has the old page.

If the widget renders but shows only a handful of reviews, that is not a bug. Without a connected account, Google's public API supplies five reviews of its choosing. A free account unlocks your full synced library.

The Bottom Line

Your Google reviews are the strongest sales copy you didn't have to write, and by default they live on a page you don't control. On Webflow, moving them beside your call to action is one Code Embed element and one line of code.

Key Takeaways:

• Adding Google reviews to Webflow takes one line of embed code in a Code Embed element. No Marketplace app, no monthly fee, and no character limit to worry about.
• Custom code renders on any paid Site plan or inside a Core, Growth, Agency, or Freelancer Workspace. A free Starter site shows a placeholder and nothing else.
• A blank block in the Designer is normal. Scripts render on preview and on the published site, so judge the widget live.
• Turn the embed into a component so every service page carries it, and filter by keyword so each page shows the reviews that fit.
• Your Google Business Profile reviews won't earn stars in search, since Google treats self-displayed reviews as ineligible. Treat the widget as on-page proof, not SEO.

Building on another platform too? We have step-by-step guides for adding Google reviews to WordPress, Wix, Squarespace, and Shopify.

Once your reviews are on your site, the next lever is collecting more of them. Start with our guide to getting more Google reviews, and if you'd rather not write the replies yourself, create a free account and each new review arrives in your inbox with a ready-to-send draft.

---