How to Add Reviews to Webflow: Mind the 10,000 Characters

Webflow is the builder in this series where the install is trivial and the placement is where the leverage is. Drag an Embed element, paste, publish, done. But two Webflow specifics change what you should do with it. The Embed element enforces a 10,000 character limit, which a widget snippet clears easily and hand-written markup does not. And the Embed element works inside a CMS Collection, which means one embed on a Collection template puts reviews on every item page it generates. If your Webflow site is CMS-driven, that second point is worth more than everything else in this guide.

Where Does the Code Go?

Open the Add panel, find Embed under Components, and drag it into the section where the reviews should appear. Paste the snippet into the code editor that opens, save it, and the element sits in your layout like any other div, respecting whatever flex or grid rules the parent has.

That last part matters more than it sounds. Because the Embed is a real element in the layout rather than a frame, it inherits your spacing and alignment, which is why Webflow embeds tend to look better integrated than the same widget on a builder that sandboxes it.

Do not use Project Settings custom code for this. That panel is for site-wide scripts such as analytics, and a review block put there has no position in any page. It belongs in the page as an element you can see and align.

What Is the 10,000 Character Limit and Will You Hit It?

Webflow caps the contents of an Embed element at 10,000 characters. It is documented, it is long-standing, and it is one of the most requested changes in Webflow's own wishlist, so it is unlikely to move. For a review widget it is a non-issue: a one-line embed snippet is a couple of hundred characters.

You hit it when you start pasting things in by hand. An inlined library, a large block of hand-written review markup or a chunk of SVG will blow through 10,000 characters quickly, and the editor will simply refuse the content.

If you do hit it, the routes out are to move the bulk into Project Settings custom code and keep only the calling snippet in the Embed, or to host the code externally and reference it. Splitting one block across two Embed elements works for markup but not for a single script, so it is not a general fix.

How Do You Put Reviews on Every CMS Page From One Embed?

Place the Embed element on the Collection page template, not on individual pages. Webflow renders that template once per item, so a single embed on the template appears on every item page the Collection generates. Edit it once and every page updates.

This is the strongest argument for Webflow over most builders in this series. On a site with eighty CMS-driven service or location pages, the alternative is eighty pasted copies and eighty edits every time the widget changes.

It also works inside a Collection List on a normal page, so a listing page can show the reviews alongside the items. Be careful there: a Collection List repeats its contents per item, so an embed inside the list renders once per item rather than once. Put it outside the list unless you genuinely want one per row.

Why Is the Embed Empty While I Am Designing?

Because the Designer canvas does not execute embedded scripts. It shows a placeholder box with the element's name, which is correct behaviour and not a sign that anything is wrong.

Use Preview mode to see it render, and check the published site before concluding anything. Preview is usually enough for a widget; the published site is the real test because it is the only place with your actual domain, your actual settings and no editor scaffolding.

The practical consequence is that you cannot judge sizing and spacing in the Designer. Publish to a staging domain, look at it there, and adjust the surrounding padding afterwards rather than trying to eyeball it on the canvas.

How Do You Get the Spacing Right?

Style the parent, not the embed. Wrap the Embed element in a div block and put your padding, max-width and alignment on that wrapper. Webflow's class system then handles it like any other component, and the widget's own styling stays untouched.

Set a max-width on the wrapper. A review widget left to fill a full-width section will stretch its cards on a large monitor, and Webflow sites are frequently viewed at wide viewports because they are design-led.

Check the breakpoints. Webflow gives you four by default, and a widget that looks correct on desktop can be tight on tablet. The wrapper is where you fix that, per breakpoint, without touching the embed.

What Are the Steps?

Build the widget, match the colours and font to your Webflow style guide, and copy the embed code.

In the Designer, drag an Embed element into a wrapper div in the right section, paste, and save. If your site is CMS-driven and you want reviews on every item page, put the Embed on the Collection page template rather than on individual pages.

Publish, then check the live site rather than the canvas. Adjust padding and max-width on the wrapper per breakpoint.