How to embed reviews on a Webflow or Framer site

Both builders accept a review widget as one line of HTML. Most of the time people lose is not the paste, it is two editor quirks: Webflow and Framer do not run that code on the design canvas, and Framer treats each breakpoint as its own layout. Here is how to install the widget once and check it properly.

BlooTrue is a no-code website widgets platform from BlooLab Technologies Inc., founded 2024 in Canada. You build a review widget in the browser, copy one embed snippet, and paste it into the page. The same code runs on 55+ website builders, including WordPress, Shopify, Wix, Squarespace, Webflow and Framer. Review widgets cover 20+ platforms: Google, Facebook, Trustpilot, Yelp, TripAdvisor, G2, Capterra, Airbnb, Booking.com and more.

Start with the widget, not the builder

Open the BlooTrue widget hub, pick the review platform you already use, look up your business, and confirm the preview shows the right profile and the real rating. Choose a layout that will fit the section: a slider or a rating badge is usually easier to place than a wide grid. Match the colours and font to the site so the block does not look imported. Then copy the one-line embed code. You can do all of this before you create an account.

Webflow: use an Embed element on the page, not site-wide custom code

In the Designer, open the Add panel, find Embed under Components, and drag it into the section where the reviews should appear. Wrap it in a div and put padding, max-width and alignment on that wrapper, not on the embed itself. Paste the snippet, save, and publish.

Two Webflow facts matter:

• The Designer canvas does not execute embedded scripts. You will see a placeholder. That is normal. Use Preview, and treat the published site (your staging .webflow.io domain or the live domain) as the real test.
• The Embed element has a 10,000-character limit. A widget snippet is a few hundred characters, so you will not hit it. You hit it if you paste a large handwritten block or an inlined library. Do not use Project Settings custom code for a review section: that panel is for site-wide scripts such as analytics, and a review block put there has no position on the page.

If the site is CMS-driven, put the Embed on the Collection page template, not on each item. Webflow renders that template once per item, so one paste appears on every generated page, and one edit updates all of them. Do not put the embed inside a Collection List unless you genuinely want it repeated on every row.

The full Webflow walkthrough, including spacing and the character limit, is in How to add reviews to Webflow.

Framer: give the Embed dimensions, then check every breakpoint

In Framer, open the insert menu (the / key works), add an Embed component, and paste the widget markup into its HTML field. The canvas will often show an empty box. Framer's editing surface is a design canvas and does not execute embedded code. Preview or publish to see the widget. After you paste, preview immediately rather than designing around a blank rectangle.

Set a width and a height before you decide anything is broken. An Embed component with no dimensions collapses, which looks identical to a failed install. Width "Fill" inside a stack or frame is the usual choice.

Framer keeps Desktop, Tablet and Phone as separate layouts, not as one layout with responsive rules applied automatically. Position and size, including the embed, are set per breakpoint. A block that fits on desktop can be clipped or overlapped on a phone if you never sized it there. Check each breakpoint before you publish. Most visitors will open the site on a phone.

On a typical Framer marketing page, one long scroll with a single form or booking link, put the reviews immediately above that call to action. The hero is usually the most tightly designed part of the page; an embed there fights the composition. Repeating the widget between every section turns it into background texture.

More Framer detail, including the blank-canvas behaviour, is in How to add reviews to Framer.

Placement and plans

On both builders, keep the source labelled (Google, Trustpilot and so on) and check the live URL on a phone. If you show more than one platform, use an all-in-one widget so each card is labelled, rather than inventing a combined score.

Every BlooTrue plan, including Free, has unlimited widget views. Free ($0) is one branded widget. Starter is $9/month, Pro $29/month and Business $75/month. Paid plans add unlimited widgets, daily review refresh, no badge, a domain allowlist, analytics, and review schema so Google and AI search can read your reviews. Free widgets are not AI-readable.

Once you know that the canvas will look empty and that Framer breakpoints are separate, the rest is a short paste and a live-page check.