I embedded Google reviews on Webflow in 4 minutes (2026)

I embedded Google reviews on my Webflow site in 4 minutes.

No backend hosting, no DNS edits, no Designer hacks.

The hardest part was deciding which of three approaches scaled best.

The quick answer

Fastest: Drop a Code Embed element onto the page, paste the JavaScript widget, publish. Works on every plan including Starter.

Sitewide: Add the embed in Site Settings → Custom Code → Footer Code for reviews on every page (paid plans only).

CMS-bound: Use a Rich Text field on a Collection page if reviews need to vary per service, location, or product.

Also check: How to add Google reviews to landing pages that actually convert

Which approach fits your build

• Single landing page or homepage → Approach 1 (Code Embed on canvas)
• Same widget on every page → Approach 2 (Site Settings)
• Reviews tied to specific items (locations, services, products) → Approach 3 (CMS Collections)
• Sitewide widget on Starter plan → Approach 1 wrapped in a Symbol

Approach 1: Code Embed element on the canvas

Webflow’s Code Embed element supports up to 50,000 characters of HTML, CSS, and JavaScript per element.

Step 1: Generate the widget code (WiserReview example)

Builders that work on Webflow include WiserReview, Elfsight, EmbedSocial, Trustmary, and Featurable.

For a side-by-side comparison, see our guide to the best Google review widgets in 2026.

I’ll walk through WiserReview since it’s the lightest-weight option.

1. Go to app.wiserreview.com/signup and create a free account.
2. On your dashboard, scroll to Import Reviews and click Visit Import Reviews Section.

3. Pick Google from the integration sources (other options include Trustpilot, Facebook, Yelp, CSV).

4. Search your business by name or paste your Google Place ID. Click Import Reviews. Wait 15-30 seconds for the sync.
5. Click Widgets in the left menu and pick a layout from the gallery.

6. Open Filter Review Options to set rules (minimum star rating, reviews with text only, last 30-90 days). Adjust colors and fonts in the right-side panel.

7. Click Install in the upper-left corner and copy the JavaScript embed code.

Step 2: Paste into a Code Embed element

1. Open your site in Webflow Designer and the page where you want reviews.
2. Open the Add panel (press A) and drag the Code Embed element to the canvas.
3. Paste your widget embed in the code editor that opens.
4. Click Save & Close, then Publish.

The widget renders in published view only. Webflow shows a placeholder block in Designer, so don’t troubleshoot a blank canvas.

Step 3: Style the wrapper

Wrap the Code Embed inside a Div Block with class reviews-wrapper. Add max-width and padding to the wrapper instead of editing the widget CSS. This keeps spacing under your control without touching JavaScript.

Approach 2: Site Settings for sitewide reviews

For the same widget on every page (footer testimonials, popup, badge), put it in Site Settings:

1. Click the gear icon in the left sidebar and go to Site Settings → Custom Code.
2. Scroll to Footer Code (or Head Code if your script needs to load early).
3. Paste your widget script, click Save Changes, then publish.

Site Settings custom code only works on paid Site plans. Starter plans can’t use it.

The Symbol workaround for Starter plan users

1. Drop a Code Embed with your widget onto any page.
2. Right-click the Code Embed (or its wrapper Div), choose Create Symbol, name it Google Reviews Widget.
3. Drag the Symbol from the Add panel onto every page where you want reviews.

Updating the Symbol once updates every page. Cleanest free-plan solution.

Approach 3: CMS Collections for dynamic reviews

If you run multiple locations, services, or products and each needs its own widget, bind the embed code to a Collection field instead of hardcoding it per page.

1. Open your Collection (e.g., Locations, Services, Products).
2. Add a Rich Text field named Reviews Widget Embed.
3. Open a Collection item. In the Rich Text field, click the + button and pick Embed.
4. Paste the widget code for that specific item, save, and publish.
5. On the Collection page, bind the Rich Text field where you want it displayed.

Each Collection item carries its own widget. No extra page builder logic. For more on combining Google reviews with your own collected reviews, see how to add customer reviews to Webflow sites.

How to find your Google Place ID

1. Open developers.google.com/maps/documentation/places/web-service/place-id.
2. Search your business in the map box, click your marker.
3. Copy the Place ID (starts with “ChIJ”).

If your business doesn’t show up, verify it at business.google.com first. Here’s how to generate a short Google review link if you’d rather share that than ask customers to find your business themselves.

Webflow plan limits and gotchas

• Starter (free): Code Embed works. Site Settings custom code is locked. Use Approach 1 + Symbols.
• Basic / CMS / Business: Full custom code access. 50,000 character limit per Code Embed, Site Settings, Page Settings, and CMS Rich Text field.
• Designer canvas: Widgets show as placeholder blocks. They render only on the published site.
• Editor mode: Content editors can’t edit Code Embed elements. Use Approach 3 to give them control.
• Page Settings vs Site Settings: Don’t put the widget in both. You’ll load it twice.

Multilingual sites via Webflow Localization

If your site runs in multiple languages:

• Filter reviews by language in your widget builder. Match the locale’s primary language.
• Translate widget labels (“Read more”, star count text, CTAs) so they don’t stay in English on translated pages.
• Use locale-specific Code Embed elements. Webflow Localization lets you swap content per locale, including embeds.

WiserReview and Elfsight ship multilingual filters out of the box. Featurable doesn’t support per-language filtering.

Schema markup for rich snippets

Star ratings in Google search results come from JSON-LD schema, not the visual widget. Webflow doesn’t add this automatically. For the full setup, read our complete guide to review rich snippets and AggregateRating schema.

• The widget must output Product + AggregateRating JSON-LD.
• Each review must tie to a specific entity (product, service, or location).
• JSON-LD must validate in Google’s Rich Results Test.

WiserReview and EmbedSocial emit the right schema by default. Featurable and Elfsight need extra config. Once schema is live, you can also enable Google Seller Ratings in your Ads campaigns as a side benefit.

Where reviews land on sites that convert

Two live setups worth borrowing from. For more reference examples, see our roundup of websites using Google reviews well.

Hotel Tashi Delek places a grid layout above the booking section, between price and call-to-action.

Perfect Gift uses a homepage slider with rotating reviews and a star count above the fold.

For Webflow: grid fits a 3-column flexbox under the hero. Sliders work in a full-width section between hero and feature blocks.

Common embed problems and fixes

The widget shows in preview but not on the live URL: Republish. Webflow caches custom code aggressively.

Widget stretches full-width on mobile: Wrap the Code Embed in a Div Block with max-width. The widget’s CSS doesn’t always respect Webflow’s breakpoints.

“Custom code exceeds 50,000 characters” warning: Split the script across multiple Code Embed elements, or host the JS externally and reference it via <script src="">.

Widget loads twice (duplicate reviews): the script appears in both Site Settings and a page-level Code Embed. Remove one.

Editor users can’t update reviews: Use Approach 3 (CMS Rich Text field).

Widget slows Designer: Switch to a lightweight builder (WiserReview, Featurable) instead of heavy ones (Elfsight).

Getting more reviews from Webflow site visitors

• Review CTA on thank-you pages after form submissions, linking to your Google review URL.
• Email automation via Webflow form webhooks. Trigger a review request 7-14 days after signup or purchase.
• QR code section on your contact or location page that opens your Google review form on mobile.

More automation: automate Google review requests and manage reviews from one dashboard.

Which approach to pick

Approach 1 for one or two specific pages. Every plan, including Starter. Fastest setup.

Approach 2 for sitewide reviews on a paid Site plan. One paste, everywhere.

Approach 3 if reviews vary per location, service, or product. Slightly more setup, scales infinitely.

If starting from scratch, run Approach 1 with WiserReview free for two weeks. Outgrow it (multiple locations, sitewide widget, locale-specific embeds), upgrade to Approach 2 or 3.