Google Reviews Widget for Webflow

A clean embed that fits your Webflow layout exactly

Webflow projects are typically built with precision — layouts that depend on predictable element sizing, controlled spacing, and no unsolicited wrapper markup. Third-party widgets that inject their own container divs, apply inline styles, or load large JavaScript bundles can break that precision.

WeWidget's embed is a single <div> placeholder and a lightweight async script. The widget renders inside that div and inherits the width of its container. You control the layout — position it inside any Webflow div, section, or grid cell using your normal Flexbox or CSS Grid setup.

The Embed component in the Webflow Designer is the right vehicle for this: it sits inside your layout tree like any other element, respects your style inheritance, and renders nothing in the Designer itself (scripts don't execute there). On the published site, it works exactly as intended.

Adding the widget via the Webflow Designer

Using the Embed component — the standard approach for any custom HTML or script in Webflow.

1
Get your embed code from WeWidget
Sign up at wewidget.app/signup (free trial, no card), connect your Google Business Profile, then go to Dashboard → Widget → Embed Code and copy the snippet.
2
Open your page in the Webflow Designer
Go to your Webflow dashboard, open the project, and enter the Designer for the page where you want the widget to appear.
3
Add an Embed component
In the Elements panel on the left sidebar, find the Embed element under Components (or type "embed" in the elements search). Drag it onto your canvas in the exact position where you want the reviews to appear within your layout.
💡Place the Embed component inside a containing div or section if you want to control its width and alignment using your existing layout structure.
4
Open the code editor and paste your snippet
Double-click the Embed component on your canvas to open the HTML/code editor. Paste the full WeWidget snippet. Click Save & Close.
```
<div data-review-widget="YOUR-WIDGET-ID"></div>
<script src="https://app.wewidget.app/widget.js"
  data-widget-id="YOUR-WIDGET-ID"></script>
```
5
Publish your site
Click the Publish button in the top right of the Designer. Select your domain and publish. The widget will be live on your published site.
💡Webflow does not execute external scripts in the Designer preview. This is expected — open your published site URL to confirm the widget is rendering correctly.

Using the widget on Webflow CMS collection templates

If you want the reviews widget to appear on every page in a CMS collection — for example, every blog post, case study, or portfolio item — add it to the collection template rather than individual pages:

Open the CMS collection in the Designer by clicking on a collection page in the Pages panel
Place an Embed component in the template layout at the position where you want reviews to appear on every item
Paste the WeWidget snippet into the Embed code editor
Publish — the widget will appear on every item in that collection automatically

💡The same Google reviews appear on every collection item — the widget shows your business's overall reviews, not reviews specific to each CMS item. This is useful for building general brand credibility on content pages where you do not have item-specific reviews.

Adding the widget globally via Project Settings

To load the widget script once for the entire site (rather than per-page), use Webflow's Project Settings custom code area. This is the cleanest approach if you want the widget on multiple pages:

Go to Project Settings → Custom Code → Footer Code
Paste only the script tag:

<script src="https://app.wewidget.app/widget.js"
  data-widget-id="YOUR-WIDGET-ID"></script>

This goes in Project Settings → Custom Code → Footer Code

Then, in the Designer on each page where you want the widget to appear, add an Embed component containing only the div placeholder:

<div data-review-widget="YOUR-WIDGET-ID"></div>

This goes inside an Embed component on each page where you want the widget

This way the script loads once globally and the widget renders only on pages where you have explicitly placed the div.

Your full embed snippet

The complete snippet for standard single-page use. Paste this into a Webflow Embed component to add the widget to a specific page.

<div data-review-widget="YOUR-WIDGET-ID"></div>
<script src="https://app.wewidget.app/widget.js"
  data-widget-id="YOUR-WIDGET-ID"></script>

Get your widget code →Sign in

Frequently asked questions

Does the widget render in the Webflow Designer?

No — and this is by design. Webflow does not execute external JavaScript inside the Designer environment for security and performance reasons. The widget will render correctly on your published site. After publishing, open the live URL to confirm it is working.

Can I add it to a Webflow CMS collection template?

Yes. Open the CMS collection template page in the Designer and add an Embed component there, following the same steps. The widget will appear on every item in that collection — every blog post, every case study, every product listing. If you only want it on specific CMS items, use conditional visibility on the containing element.

How do I add it to every page on my Webflow site at once?

Go to Project Settings → Custom Code → Footer Code. Paste the script tag there. Then add the div placeholder element in your site's global footer or header component in the Designer. The script loads globally, and the widget renders wherever the div is placed.

Does it work on the Webflow free plan?

You can add the Embed component to your Webflow site on any plan, but Webflow requires a paid plan to publish to a custom domain. The widget itself works fine on any published Webflow site, including those on the free subdomain (yoursite.webflow.io) during testing.

Will it conflict with Webflow Interactions or animations?

No. WeWidget renders its content inside a standard div element and does not interfere with Webflow's Interaction system. You can apply Webflow animations and scroll effects to the containing element around the widget without conflict.

Can I control the widget width and alignment in Webflow?

Yes. Wrap the Embed component inside a containing div or section in your Webflow layout. Apply your usual Flexbox, Grid, or width constraints to the container — the widget will fill it. You have full layout control through Webflow's standard styling tools.