How to add reviews to Webflow (2026 step-by-step)

Webflow has no built-in review feature, so you add reviews in one of two ways: paste a review widget into a Code Embed element, or build a testimonials collection in the Webflow CMS and fill it by hand.

Either way, it’s worth doing. 92% of shoppers hesitate to buy when there are no reviews, per our social proof statistics, and the same doubt hits service and SaaS sites.

This guide walks through the widget route step by step with screenshots, then covers where reviews belong on a Webflow site and when stars show in Google.

The short version:

• No native reviews: Webflow has no review system, only the CMS, which you fill by hand.
• Fastest route: build a widget in WiserReview, copy its code, and paste it into a Code Embed element.
• Plan needed: custom code needs a paid Site plan or a paid Workspace plan.
• Testing: the widget shows in preview mode with custom code on, or on the published site, not on the canvas.

Does Webflow have built-in reviews?

No. Webflow doesn’t collect or display reviews on its own. The closest native option is a CMS collection, where you type each testimonial in yourself and design how it looks.

Feature	Webflow CMS collection	WiserReview widget
Who adds reviews	You, by typing each one into a CMS item	Reviews come in from forms, imports, and connected sources
Review sources	Whatever you copy in	Google, Facebook, CSV files, and your own review forms
New reviews	Added by hand, then republished	Show up on the site automatically
Verified badges	No	Yes
Webflow plan	Any plan with CMS	A paid Site plan or a Core, Growth, Agency, or Freelancer Workspace, for custom code
Cost	Included in your Webflow plan	From $6.75/mo billed yearly, after a 7-day free trial

A CMS collection suits a handful of hand-picked quotes that rarely change. A review widget suits sites that want new reviews to appear on their own, with sources and verified badges shoppers can trust.

How to add reviews to Webflow with WiserReview

To add reviews to Webflow with WiserReview, bring in your reviews, build a widget, copy its embed code, then paste it into a Code Embed element in the Webflow Designer and publish.

Here’s every step, from a new account to reviews live on your site. Watch this quick overview of WiserReview first, then follow along.

Step 1: Create your account

1. Open app.wiserreview.com/signup.
2. Under Choose your site builder, pick the </> tile. Webflow uses custom code.
3. Sign up with your email or Google account.

The 7-day free trial covers every feature. Paid plans start at $6.75 a month, billed yearly.

Step 2: Bring in the reviews you already have

1. Go to Manage reviews, click Import Reviews, and find Google.
2. Click Login with Google, pick the account that manages your Business Profile, and leave Active on so new reviews keep syncing.

3. Have reviews in a spreadsheet? Choose Import Reviews Via CSV, upload the file, and match the columns.

CSV imports are open during your first 60 days.

Step 3: Collect new reviews

1. Go to Forms under Collect reviews.
2. Click Customize to set the questions and design.
3. Copy the form link and send it to recent clients or customers.

Want requests to go out on their own after each order or booking? Set up automatic review requests. This tutorial walks through them:

Step 4: Publish the reviews you want to show

1. Open Manage reviews and check the Pending tab.
2. Publish the reviews you want on your site. Widgets only show published reviews.
3. Tag reviews by topic, such as a service or product, so each page can show the right ones.

Step 5: Pick a widget

1. Click Widgets, then open the Review widgets tab.
2. Choose a layout, such as a Carousel for the homepage or a Trust badge for under a headline.
3. Click Manage on the widget you picked.

You can preview every layout on our review widgets page first.

Step 6: Customize the widget

1. Open Filter Reviews and pick the sources, tags, or minimum rating to show.
2. Match Layouts, Cards, and Color to your Webflow styles, or let AI Design do it.
3. Preview with real data, then click Install.

Step 7: Copy the embed code

1. Open the Custom tab in the embed window.
2. Click the copy icon next to the script code at the top.

The iframe code works too, and the URL option opens the widget as its own page for a “Read all reviews” link.

Step 8: Add a Code Embed element in Webflow

1. Open your site in the Webflow Designer and go to the page for the reviews.
2. Open the Add panel and find Code Embed under Advanced.
3. Drag it into a section or container where the reviews should appear.

Step 9: Paste the code and save

1. Paste the WiserReview code into the Code Embed Editor.
2. Click Save & Close.
3. Style the parent section’s width and spacing with Webflow’s normal controls.

Want the same widget on several pages? Turn the section into a Component and drop it wherever you need it.

Step 10: Preview and publish

1. Click Preview with custom code turned on to check the widget. The canvas itself only shows a note, since scripts don’t run there.
2. Click Publish in the top right and pick your domain.
3. Open the live page to see the widget.

Step 11: Add a floating badge to every page (optional)

1. In your Webflow dashboard, open the site menu and click Settings.

2. Open the Custom code tab.
3. Paste the widget code into the Footer code box, below Head code.
4. Click Save Changes, then publish the site.

Use this for floating badges or popups that should show on every page. Keep in-page widgets in Code Embed elements.

Step 12: Check the live site

1. Open the published page on desktop and on your phone.
2. No widget? Confirm the site is published and on a plan that allows custom code.
3. Still nothing? Go back to Install in WiserReview and click Debug on site.

Where should reviews go on a Webflow site?

Reviews work best on a Webflow site under the main headline, near the main call to action, next to pricing, and in a small floating badge on every page.

1. Under the headline: a rating badge, so trust lands in the first second.
2. Before the call to action: a carousel of short reviews, just above “Book a call” or “Get started.”
3. Next to pricing: one review about value, where visitors weigh the cost.
4. Site-wide: a floating badge from the site’s footer code.

Running campaign pages too? Our guide to reviews on landing pages covers matching reviews to each ad.

Can you show product reviews on Webflow Ecommerce?

Yes, but product reviews take one more step than site reviews, because each review has to attach to the right product.

WiserReview handles this through its custom ecommerce integration. A developer syncs your products and orders once, then adds the product review section to your product template with each product’s ID.

For store-wide reviews, testimonials, and Google reviews, the Code Embed steps above are all you need.

Can Webflow reviews show star ratings in Google?

Webflow reviews can show stars in Google only on product pages with Product review schema. Google doesn’t show stars for reviews a business shows about itself, such as an agency or SaaS homepage.

• Service and SaaS sites: reviews still lift conversions on the page, but don’t expect stars in search.
• Product pages: the product review section can add Product review schema, which makes the page eligible.
• Google Shopping: a review feed from WiserReview covers product ratings in Shopping results.

Our guide to review rich snippets explains the rules and how to test a page.

Common mistakes when adding reviews to Webflow

• Pasting widget code on a free Starter site, where custom code won’t publish.
• Judging the widget on the canvas instead of in preview mode or on the live site.
• Forgetting to publish after adding the Code Embed element.
• Adding the same script in both a Code Embed element and the footer code, which loads the widget twice.
• Stacking several review widgets on one page, which slows it down on mobile.
• Leaving the widget’s fonts and colors on default, so it looks pasted in rather than designed.

Wrap up

Webflow has no review system of its own, so a CMS collection only works for a few quotes you update by hand.

For reviews that stay current, build a WiserReview widget, paste it into a Code Embed element, and publish. Add a floating badge in the footer code if you want it on every page.

Start with your homepage, check it on your phone, then add reviews near pricing and your main call to action.