← Back to Blog|Review Widgets

How to Add a Google Review Widget to Framer (No Code Required)

·6 min read

Framer has become the go-to website builder for startups, agencies, and small businesses that want beautiful, high-performance sites without writing code. But one thing Framer doesn't have built in is a way to display your Google reviews. Here's how to add a review widget to any Framer site in under 5 minutes.

Why Add Google Reviews to Your Framer Site?

Framer sites look polished and professional — but without social proof, visitors have no reason to trust you over competitors. Adding real Google reviews directly to your Framer site bridges that gap. Visitors see verified reviews from real customers without ever leaving your page, which builds confidence and increases conversions.

This is especially important for service businesses, agencies, and local businesses using Framer. Your site might look amazing, but a potential customer still wants to know what other people think before they fill out that contact form or book a call.

The Embed Method (Recommended)

The easiest and most reliable way to add a review widget to Framer is using an embed code from a review widget provider. Framer has a built-in Embed component that accepts any HTML or JavaScript snippet — perfect for review widgets.

Step 1: Get your embed code

Sign up for a review widget provider (like BlooTrue — it's free). Connect your Google Business Profile, choose a widget style (slider, grid, badge, etc.), customize the colors to match your Framer site, and copy the generated embed code.

Step 2: Open your Framer project

Open the page where you want to display reviews in the Framer editor. Navigate to the section where the widget should appear — typically after your hero section, on a services page, or above a contact form.

Step 3: Add an Embed component

In Framer, press / to open the insert menu, then search for "Embed" or "HTML Embed." Drag the Embed component into your layout where you want the reviews to appear. You can also find it under Insert → Utility → Embed.

Step 4: Paste the embed code

Click on the Embed component and paste your review widget embed code into the HTML field. The widget should render immediately in the Framer canvas. If it doesn't show in the editor preview, don't worry — it will appear on the published site.

Step 5: Adjust sizing and publish

Set the Embed component's width to "Fill" so it spans the full container width. Adjust the min-height if needed (400px works well for sliders, 600px for grids). Publish your site and verify the widget loads correctly on both desktop and mobile.

Framer-Specific Tips

Responsive behavior. Framer's layout engine handles responsiveness differently than traditional CSS. Set your Embed component to "Fill" width within a Stack or Frame container, and the review widget will adapt to the container width automatically. Most modern widget embed codes are responsive by default.

Preview vs. published. Some JavaScript-based widgets don't render in Framer's editor preview. This is normal — Framer sandboxes scripts in the editor for security. Always check the published site (or use Framer's Preview mode) to verify the widget works correctly.

Custom domains. If your Framer site is on a custom domain, make sure your review widget provider doesn't restrict embed codes to specific domains. Most providers (including BlooTrue) allow embedding on any domain.

Page speed. Framer sites are already fast, and a well-built widget won't slow them down. Look for widgets that load asynchronously — meaning they don't block your page from rendering while the reviews load. This keeps your Framer site's performance scores high.

Alternative: Framer's CMS With Manual Reviews

Framer has a built-in CMS that you could use to manually create a review collection. You'd create a CMS collection called "Reviews" with fields for name, rating, text, and date, then design a card component and connect it to the collection. This gives you full design control within Framer's native tools.

The downside? It's entirely manual. You have to copy each new Google review into Framer's CMS by hand, and there's no link back to the original Google review for verification. For most businesses, the embed approach is faster, automatic, and more trustworthy.

Which Widget Style Works Best in Framer?

Framer sites tend to have clean, modern aesthetics. The widget styles that blend best are: sliders (carousel) for compact homepage sections, masonry grids for dedicated review sections with Framer's card-heavy design language, and star rating badges placed near CTAs or in the navigation area. Avoid overly decorative widget styles that clash with Framer's minimal design sensibility — keep it clean and let the reviews speak for themselves.

Add Google Reviews to Framer in 2 Minutes

BlooTrue widgets are lightweight, auto-updating, and designed to look great on Framer sites. Get your embed code free.

Create Your Free Widget