Testimonials

How to Embed Testimonials in Webflow (Step by Step)

How to embed a testimonial wall or carousel in Webflow using the Embed element: collect your testimonials, copy the code, drop it on the page, and publish, with no developer and no design that clashes with your site.

Devanuj Nath · Founder, CollectMonial

·4 min read

How to Embed Testimonials in Webflow (Step by Step)

Webflow is great for building a site without code, but it has no real way to collect testimonials and keep them updated. You can hand-build a testimonials section in the Designer, but then you are back in Webflow editing it every time you get a new quote, and most people stop.

The better way is to embed a live testimonial widget. You collect testimonials in one place, paste a single line of code into your Webflow page, and it stays in sync on its own. This guide walks through the exact steps. For the wider picture of formats and placement, see how to display testimonials on your website.

The short version

Collect your testimonials in a tool that gives you an embed code, copy that one line, add an Embed element where you want them on your Webflow page, paste the code in, and publish. The testimonials render live and update themselves when you add new ones.

Step 1: Get your testimonials into one place

Before you can embed anything, you need the testimonials collected and ready. If you do not have them yet, start with how to collect testimonials from clients. The goal is one place that holds your video and text testimonials and can produce an embed code for them.

With CollectMonial, your customers record a video or type a response from one link, it lands straight in your dashboard, and you pick the ones you want on your site. That collection is what the Webflow embed will display.

Step 2: Set the look, then copy the code

Before you grab the code, set the colors, fonts, and corners to match your Webflow site, so the widget looks like part of the page and not a bolted-on box. Then choose your layout, a wall, carousel, grid, or single quote, and copy the embed snippet. It is one line of code.

Step 3: Add an Embed element in Webflow

In the Webflow Designer, open the page you want, and drag an Embed element onto the canvas exactly where you want the testimonials to appear, like under a feature section or next to your pricing. Webflow will open a code box for that element.

Step 4: Paste the code and publish

Paste your embed snippet into the Embed element's code box and save it. Embeds often do not render inside the Designer, so do not worry if it looks blank there. Hit Publish, then open your live site, and the testimonials will be there, sized to fit the spot you placed them.

When you add a new testimonial to your wall later, it shows up on the published Webflow site on its own. You do not touch Webflow again.

Where to place the embed on your page

You can drop the Embed element anywhere, so use the spots that convert. A single quote near your main button, a proof point after a claim, and a testimonial by your pricing all work well. For a full section-by-section breakdown, see where to put testimonials on a landing page.

Making it match your Webflow design

The reason to set colors and fonts in step 2 is trust. A testimonial block in clashing colors, or one carrying another company's watermark, reads as a third-party gadget and gets ignored. One that uses your Webflow theme's colors, fonts, and corners reads as part of your page, which is part of why it gets believed.

This is what CollectMonial is built for. The embed carries no watermark, and you control the look so it matches your Webflow site, while the testimonials stay live and update on their own. You can start for $25 a month. Building in Framer instead? See how to embed testimonials in Framer.

Why not just build it by hand in Webflow

Building a static testimonials section in Webflow is fine if you have a few quotes that never change. The problem is upkeep: every new testimonial means opening the Designer, recreating a card, and republishing, so the section goes stale the moment you get busy. An embedded widget fixes that by pulling from a live collection, so it grows on its own while you do nothing.

Common problems and fixes

  • The embed looks blank in the Designer. That is normal, embeds render on the published site, not in the editor. Publish and check the live URL.
  • Nothing shows after publishing. Check that your Webflow plan allows custom code, since publishing custom code to a live domain needs a paid Site plan.
  • It clashes with your design. Set the colors and fonts to match before copying the code, not after.
  • You hand-built it and it went stale. Switch to an embed so new testimonials appear without you editing Webflow.
See it in CollectMonial

Make the wall look like your site.

Once the testimonials are in, you control exactly how they look. Here are the same customization controls you get in the app, live.

Try it out — it's interactive!
Play around and see how your card can look
Card edges
Brand color
Font
Maya Roberts

Maya Roberts

Founder, Tidewell

Our wall finally looks like part of the app — customers can't tell it's a widget, and that's exactly the point.

May 14, 2026

Brand colors and fonts

Match your primary color, surface, and typeface so the wall picks up your design system instead of looking like a third-party embed.

Four card edge styles

Rounded, sharp, pill, or stamp, so the cards match the shapes your site already uses.

8+ widget types

Masonry and grid walls, carousels, marquees, floating popups, and rating badges, switchable anytime without collecting again.

Preview every change live

Reorder, pin the winners, and see exactly how the wall looks before it ships, with no deploy.

FAQ

Frequently asked.

Collect and store your testimonials in a tool that gives you an embed code, copy that one line of code, add an Embed element where you want them on your Webflow page, paste the code in, and publish. The testimonials then render live on your site with no developer needed.
Not a dynamic one. You can build a static testimonials section by hand in the Designer, but it does not collect or update itself, so you are editing Webflow every time you get a new quote. An embedded widget pulls from a live collection and stays current on its own.
Yes. Any layout your testimonial tool produces, a wall of love, a carousel, a grid, or a single quote, embeds the same way: drop an Embed element on the page and paste the snippet. The wall renders inside that element and resizes to fit.
The most common reasons are looking at the Designer instead of the published site, since embeds often do not render in the editor, or being on a Webflow plan that does not publish custom code. Publish the site and view the live URL, and check that your plan allows custom code.
To publish custom code to a live domain, Webflow generally requires a paid Site plan. You can build and preview on a free staging site, but check your plan if the embed does not appear after publishing. The testimonial tool itself is separate from your Webflow plan.
Yes, if your testimonial tool lets you control colors, fonts, and corners. Set those to match your Webflow theme before you copy the embed code, so the widget looks native instead of bolted on. Avoid tools that force their own watermark, which gives the widget away.
Build by hand only if you have a handful that rarely change. For anything you keep adding to, embed a live widget, because a hand-built section goes stale the moment you stop updating it, while an embed updates itself when you add a new testimonial.

Collect and display testimonials that match your site.

Flat $25/month, video and text, branding off from day one.

Try CollectMonial
All posts