How to Add Reviews to Webflow (Step-by-Step, No Code)

To add reviews to Webflow, paste the WiserReview pixel into Site settings > Custom code, then drop the widget code into an Embed element and publish. Custom code needs a paid Webflow Site plan.

Webflow has no built-in review system, so a widget does the job. WiserReview starts at $6.75 a month billed yearly, and every plan has a 7-day free trial.

Do You Need an App to Show Reviews on Webflow?

In practice, yes. Webflow has no native review feature, so reviews come from an embedded widget or from quotes you type into your own CMS by hand.

A widget is the faster route. It collects reviews for you, keeps them moderated, and updates the page as new ones arrive.

If you only want a static quote section, see the guide to adding testimonials to Webflow.

What You Need Before You Start

• A Webflow site on a paid Site plan, since Custom code is locked on free Starter sites.
• A WiserReview account with 2 or 3 approved reviews, or one added by hand, so the widget has something to show.
• Two snippets from WiserReview: a pixel code and a widget code.

How to Add Reviews to Webflow

Work through these steps in order. The pixel goes in once for the whole site, and the widget code goes wherever the reviews should appear.

Step 1: Sign Up for WiserReview

1. Go to the WiserReview sign-up page and start your 7-day free trial.
2. Create your account and open the dashboard.

Step 2: Pick a Widget

1. Open Widgets in the WiserReview dashboard.
2. Find the widget you want and click Manage.

Step 3: Customize the Widget

1. Choose the layout, such as Carousel, Popup, or Review wall.
2. Filter reviews by tag, rating, or product.
3. Set colors, fonts, and display options to match your Webflow design.
4. Check the live preview on the right.

Step 4: Copy the Pixel and Widget Code

1. Click Install.
2. Open the Custom tab.
3. Copy the pixel code from box 1.
4. Copy the widget code from box 2.
5. On a product review section, replace SET_YOUR_PRODUCT_ID_HERE with your real product ID.

Step 5: Open Custom Code in Webflow

1. Log in to Webflow and open your dashboard.
2. Open the menu on your site card.
3. Click Settings.
4. Open the Custom Code tab.

Step 6: Paste the Pixel Once

1. On the Custom Code tab, scroll to the Footer code box below Head Code.
2. Paste the pixel code.
3. Click Save Changes.

Want reviews on one page only? Open that page’s settings from the gear beside its name, find Custom code, and paste the pixel into the Before </body> tag box.

Step 7: Add an Embed Element

1. Open the page in the Webflow Designer.
2. Open the Add elements panel.
3. Drag an Embed element into a section where the reviews should appear.
4. Paste the widget code into the Embed window.
5. Click Save & Close.

Step 8: Publish and Check

1. Click Publish. Custom code runs on the published site, not in the Designer preview.
2. Open the live page in a private window.
3. Not there yet? Use Debug on site in the WiserReview Install window.

The widget now updates as you approve new reviews, and it resizes for tablet and phone screens.

Related Post: How to Add Reviews to Your Website in Minutes

All your reviews in one place

Collect reviews, manage every response, and display them where they matter most.

Try WiserReview Today

Which Widget Fits Which Webflow Page?

Pick the widget by the job the page has to do. This table matches each one to a spot that works well in Webflow.

Widget	Best Webflow spot	Why it fits
Avatar and floating popup	Homepage hero or a landing page	Quick proof that takes no page space
Carousel and auto slider	Testimonial band on the homepage or a service page	Several reviews in one row
Nudges and trust badge	Beside the Add to cart button or a pricing table	Proof at the moment of choice
Product review section and star rating	CMS product template, with stars under the title	Full reviews plus a fast rating
Sidebar snippet and floating badge	Long blog posts and service pages	Stays in view while people scroll
Wall of love and review wall	A reviews page or a why-choose-us section	Every review in one grid

Show Reviews on Webflow CMS Pages

Webflow CMS pages share one template, so a single Embed element covers every item in the collection.

WiserReview links reviews to items through product tags, categories, or custom fields, so each page shows its own reviews.

• Add the Embed element to the CMS template page, not to each item.
• Tag reviews in WiserReview by product or category.
• Publish, then open two different items to confirm each shows its own reviews.

All your reviews in one place

Collect reviews, manage every response, and display them where they matter most.

Try WiserReview Today

Collect and Manage Reviews Too

The widget is only the display. The same dashboard also gathers and sorts the reviews behind it.

Collect More Reviews Automatically

• Ask for reviews over email, SMS, or WhatsApp.
• Start requests from store orders, a webhook, a CSV file, or Webflow form submissions through Zapier.
• Set the send timing and brand the request to match your site.

Manage and Organize Reviews

• Approve or hide each review before it goes live.
• Group reviews by product, category, or topic with tags.
• Narrow the list by rating, keyword, or date.

Widget Not Showing on Webflow?

• Free Webflow site: Custom code needs a paid Site plan.
• Site not published: custom code runs on the published site, not in the Designer preview.
• Pixel missing: confirm the pixel sits in the Footer code box, or in Before </body> tag on that page, and that you saved it.
• Code outside an Embed: the widget code must sit inside an Embed element in a section.
• Placeholder left in: swap SET_YOUR_PRODUCT_ID_HERE for a real product ID on product widgets.
• No approved reviews: the widget needs at least one approved review to show.
• Cached page: a stored copy can hide the widget, so reload in an incognito tab.

Still stuck? Debug on site in the Install window checks whether the widget loads.

Is WiserReview Free on Webflow?

No. WiserReview has no free plan for Webflow, but every plan starts with a 7-day free trial. Paid plans start at $6.75 a month billed yearly.

Webflow adds its own cost, because Custom code needs a paid Site plan. Check your Webflow plan before you start.

Best Practices for Reviews on Webflow

• Place widgets near buying triggers: pricing sections, CTAs, and lead forms are where proof helps most.
• Match the layout to the page: a slider or badge suits a homepage, while a nudge or inline section suits a product or pricing page.
• Check every breakpoint: preview tablet and phone views in the Designer before you publish.

Mistakes to Avoid on Webflow

• One widget everywhere: tag reviews by service or page, and show a different set on each.
• Narrow columns: a widget squeezed into a thin column clips its cards, so use a full-width section.
• Heavy widgets above the fold: on mobile, lead with a badge or slider and test the load time.
• Forgetting to publish: edits stay invisible on the live site until you publish.

All your reviews in one place

Collect reviews, manage every response, and display them where they matter most.

Try WiserReview Today

More Ways to Show Reviews on Webflow

• How to Add Google Reviews to Webflow
• How to Add Facebook Reviews to Webflow
• How to Add Capterra Reviews to Webflow
• How to Add Amazon Reviews to Webflow
• How to Add G2 Reviews to Webflow
• How to Add Yelp Reviews to Webflow

Wrap-Up

Webflow gives you the design control, and a review widget gives you the proof. The setup is one pixel, one Embed element, and one publish.

Add your first widget to Webflow and let your best page show what customers say.