How to Add Google Reviews to Framer (Free, No Plugin Needed)
Add Google reviews to Framer with one Embed component, no plugin. What Framer does with a script embed, the height setting that stops clipping, and a font fix.
ReplyOnTheFly Team
Content Team

Framer makes a site look like it cost ten times what it did. The one thing it cannot design for you is proof, and your proof is sitting on Google's page instead of yours.
Moving your Google reviews onto a Framer page takes one Embed component and one line of code. No Marketplace plugin, no monthly fee. This guide covers the steps, what Framer actually does with a script embed behind the scenes, the one height setting that keeps the reviews from being cut off, and the small fix that makes the widget match your site's font.
Quick answer
To add Google reviews to Framer, generate an embed code from a free Google reviews widget, then in the Framer editor open Insert, find Embed under Utility, and drag it onto your page. In the properties panel switch the type from URL to HTML, paste the code, set the layer's height to Fit Content, and click Publish. Framer renders the widget on the canvas right away, and its plan pages put no plan condition on the Embed component.

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:
- 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.
- Pick a layout: carousel, grid, masonry, list, slider, or a compact badge. Pick light or dark to match your site.
- Copy the one line of code it gives you. That single script tag is the entire integration.

Want more than five reviews?
Without an account, the widget shows the five reviews Google's public Places API makes available, and Google picks which five. Create a free account and connect your profile to show your full review library instead, up to 50 reviews, newest-first or best-first, and filtered by keyword so a service page shows only the reviews that mention that service.
How to Add the Embed Component in Framer
With the code copied, the whole job happens in the editor. Framer's own help article for adding an iframe or embed script describes the component plainly: "Our embed component allows for easy embedding of sites, iframes, widgets, and scripts."
- Open your project and go to the page where the reviews should appear.
- Click Insert in the top left, scroll to Utility, and drag the Embed component onto the canvas, inside the section where you want the reviews.
- With the Embed layer selected, find the Embed section in the properties panel on the right. It has a two-way switch, URL and HTML. Pick HTML.
- Paste your one line of embed code into the HTML field. Your reviews appear on the canvas as soon as the script loads.
- In the same panel, size the layer so its width spans the section (Fill inside a stack, or Relative at 100%) and set its height to Fit Content. The next section explains why that one setting matters more than anything else on this page.
- Click Publish in the top right. Framer only pushes changes live when you publish, so the canvas showing the widget does not mean visitors can see it yet.

One thing to get right: paste the code with HTML selected, not URL. The URL mode expects a web address and will not run a script. If the layer shows Framer's placeholder text, "To embed a website or widget, add it to the properties panel," the HTML field is still empty.
Framer's help article adds one caveat worth keeping in mind: "Depending on the integration, you may need to manually wrap the script in additional code to ensure proper functionality." This widget needs no wrapper. We tested it bare inside Framer's embed frame and it rendered at full width with all of its cards.
What Framer Does With a Script Embed
This is the part every Framer reviews guide skips, and it explains both of the problems people hit.
Framer's Embed component checks whether the HTML you pasted contains a script tag. If it does, Framer does not drop your code into the page.
Instead it builds a small standalone document around your code and renders it inside an iframe, a sealed frame with its own stylesheet: a plain sans-serif font at 12 pixels and a body that centers its content. Framer then listens for a message from inside the frame that reports the content's height, and resizes the frame to match.
Two things follow from that.
Height. When the Embed layer's height is Fit Content, Framer uses the height message and the frame grows to fit your reviews, on every screen width. When the height is a fixed number, Framer uses the number instead.
Anything taller than that number scrolls inside the frame or vanishes below its edge, which is the "my reviews are cut off" complaint. Framer's own sizing lesson describes the right mode in one line: "Fit Content wraps a parent around its relative-positioned children."

Font. The widget is built to inherit the font of the page it lands on, so on WordPress or Webflow it matches your site automatically. Inside Framer's frame there is no site font to inherit, so it falls back to a generic sans-serif. On most sites that is close enough. If yours uses a distinctive typeface, there is a fix.
The undocumented switch: render the widget directly in the page
Framer's Embed component skips the iframe when the HTML contains the comment <!-- framer-direct-embed -->. Paste that comment on its own line above the script tag in the HTML field, and Framer injects the widget straight into your page, where it inherits your site font and sits in the normal page flow.
We tested both modes side by side: inside the frame the widget rendered in sans-serif, and with the comment it picked up the page's own typeface. The switch is not in Framer's help docs, so treat it as a convenience rather than a guarantee. If a Framer update ever stops honoring it, delete the comment and the widget goes back into its frame.
Does It Work on Framer's Free Plan?
Framer's plan pages draw the line in one place. The Site plans overview says that with a paid Site plan you can "Connect a custom domain" and "Publish your site without Framer branding." The pricing page says the same thing from the other side: "To connect a custom domain, you'll need to upgrade to a paid plan," and describes the Free plan as "ideal for non-commercial use."
Neither page lists the Embed component as a paid feature. In practice:
- A business site on its own domain is on a paid plan already, and the embed works.
- A free project on a Framer subdomain carries Framer's branding and cannot use your domain, which is a bigger problem for a business than the reviews widget. The embed itself is the same component.
- Freelancers and agencies can build the widget into a client site before the client's plan starts, then publish once the domain is connected.
That makes Framer closer to Wix, where the embed runs on any plan, than to Webflow, which blocks custom code on its free Starter site. If you build on those platforms too, the Webflow guide and the Wix guide cover each one's rules.
Reuse It on Every Page: Turn the Embed Into a Component
Once the widget is placed and sized, select the Embed layer and create a Component from it. Drop that component into every service page, location page and landing page, and one edit updates all of them. Placement does more work than the design does, so put it where decisions happen.
- 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 booking or quote button, and with a free account filter it by keyword so the wedding page shows wedding reviews and the headshot page shows headshot reviews.
- Contact and pricing pages: a badge near the form reassures visitors at the moment second thoughts creep in.

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.
Build your widget in two minutes
Search your business, pick a layout, copy one line of code. Free forever, no signup, no Framer Marketplace plugin.
Build My WidgetWill Google Reviews Help Your Framer 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.
On Framer there is one more thing to know. In the default mode the review text lives inside Framer's frame, a separate document from your page, so it is not part of your page's HTML at all. The direct-embed switch above puts the widget in the page itself, where Google can render it along with the rest of your content. AI assistants that fetch pages without running scripts will not see it either way, which is a limit of every script-based widget rather than a Framer 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 Framer
Nearly every "it's not working" report on Framer comes down to one of five things:
- The type is set to URL. The URL mode expects a web address and does nothing with a script. Switch the Embed section to HTML and paste the code there.
- The reviews are cut off. The layer has a fixed height. Set the height to Fit Content and Framer sizes the frame to the widget.
- You pasted into Project Settings. Framer's custom code settings are for site-wide scripts like analytics. A widget pasted there has no spot on the page to land in, so it mounts at the very top or the very bottom of the page. Use an Embed component on the page instead.
- You never published. The canvas shows the widget, but the live site keeps the last published version. Click Publish and reload the live page.
- 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.
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. For every other cause, the guide to Google reviews not showing on your website walks through ten fixes.
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 Framer, moving them beside your call to action is one Embed component and one line of code.
Key Takeaways:
- Adding Google reviews to Framer takes one line of embed code in an Embed component set to HTML. No Marketplace plugin, no monthly fee.
- Framer renders script embeds inside its own frame and sizes that frame to your layer. Set the height to Fit Content and the reviews are never cut off.
- The widget falls back to a generic sans-serif inside the frame. The
framer-direct-embedcomment puts it in the page, where it inherits your site font. - Framer's plan pages tie paid plans to a custom domain and branding, not to the Embed component. A business site on its own domain is covered.
- 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, Shopify, Webflow, and GoDaddy.
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.
Show the Reviews. Then Answer Them.
Every review on your widget is one that deserves a reply. ReplyOnTheFly watches your Google reviews 24/7 and emails you a ready-to-send draft in your own voice. One tap to approve, no login needed.
Start Free - No Credit Card Required- Unlimited AI drafts
- 5 free one-click posts/month
- Works from your email inbox
Written by ReplyOnTheFly Team
Content Team
Free toolNo signup
Put your reviews on your site
Embed your live Google reviews with one line of code. Carousel, grid, or badge.
Build my widgetOr create a free account to automate replies
Related Articles

Google Reviews on Your Website: Complete 2026 Guide
Add Google reviews to your website free with one line of code. Pick a layout, place it where it converts, and get the honest answer on SEO and page speed.

How to Add Google Reviews to Webflow (Free, No App Needed)
Add Google reviews to Webflow with one Code Embed element, no app. The plan rule that blanks the widget, the Designer placeholder trap, and where to put it.

How to Add Google Reviews to Wix (Free, No App Needed)
Add Google reviews to Wix in two minutes with one Embed HTML element. Exact editor steps, why sizing works differently on Wix, and honest SEO answers.