Webflow guide

How to add testimonials to Webflow

Webflow gives you pixel control over every section, which is exactly why testimonials pasted in as static text feel out of place the moment you update the rest of the page. The Embed element solves that: it's a native Designer element built to hold third-party HTML and scripts, so a live testimonial wall sits inside your layout like any other Webflow component — and updates itself without you touching the Designer again.

Free plan covers 10 testimonials and a badge widget — no credit card.

Why testimonials need to live inside the Designer, not bolted on

Webflow sites are usually built to a high visual standard — a mismatched testimonial block is more noticeable here than on a generic theme.

Static testimonial sections go stale fast

A hardcoded row of three quotes built in the Designer never gets updated after launch, because editing it means reopening the project. A live embed removes that maintenance entirely.

SaaS marketing sites need proof near the CTA, not just a 'Customers' page

A logo wall on its own page rarely gets seen. A compact widget above the pricing CTA on the homepage does the reassurance work exactly where the visitor is about to decide.

Agencies and studios sell trust more than features

A design or dev agency's Webflow site is often itself the portfolio — a testimonial wall on the case studies page closes the 'can they actually deliver' question a project gallery alone doesn't answer.

CMS Collection pages need per-client proof

If your site uses a CMS Collection for individual case studies, a testimonial widget can sit inside that template so each case study shows its own client quote automatically.

Adding the embed in the Webflow Designer

Same steps whether you're placing it on a static page or inside a CMS Collection template.

  1. 1. Build your wall or widget in Plausa

    Choose grid for a case-studies page or carousel for a homepage section, and copy the embed snippet.

  2. 2. Open the page in the Webflow Designer

    Navigate to the page (or CMS Collection template) where testimonials should appear.

  3. 3. Drag in an Embed element

    From the Add panel, find 'Embed' under Components (or search 'Embed'). Drop it into the section where you want the wall to sit.

  4. 4. Paste the Plausa snippet into the Embed code box

    Double-click the Embed element to open its code editor, paste the script/div pair, and click Save — Webflow renders it live inside the Designer canvas.

  5. 5. Set width and spacing with a wrapping Div block

    Wrap the Embed in a Div with your usual section padding so the widget respects your grid instead of stretching full width unexpectedly.

  6. 6. Publish and check the staging domain

    Embed elements sometimes render blank in the Designer's canvas preview but work correctly once published — always verify on the live staging URL before pointing your custom domain at it.

The embed code for Webflow's Embed element

Paste this into the Embed element's code editor exactly as shown.

<div data-plausa="my-wall" data-variant="grid" data-lang="en"></div>
<script src="https://getplausa.com/plausa-widget.js" async></script>

The Embed element accepts full HTML and script tags — no need to strip or modify anything before pasting.

Iframe fallback

If your Webflow site enforces a strict Content Security Policy through custom code in Project Settings, use the iframe version, which needs no external script permission.

<iframe src="https://getplausa.com/embed/my-wall?variant=badge&lang=en" title="Plausa" style="width:100%;border:0;height:320px" loading="lazy"></iframe>

What it looks like inside a Webflow layout

A grid of short quotes sits comfortably beside Webflow's usual clean typography and generous whitespace.

We evaluated four tools and this was the only one our whole team actually kept using after week one.
Sara Head of Ops, B2B SaaS
The site they built for us loads instantly and our bounce rate dropped almost immediately after launch.
Ben Founder, DTC brand
Every round of feedback came back within a day. Best agency turnaround we've worked with.
Lucia Marketing director, mid-size agency client

Illustrative examples — not real companies.

Common Webflow mistakes

  • Placing the Embed element directly without a wrapping Div, so the widget ignores your section's max-width and breaks the grid.
  • Assuming a blank Embed preview in the Designer means it's broken — always confirm on the published staging URL first.
  • Adding the script to every CMS Collection item individually instead of once inside the shared Collection template.
  • Forgetting Webflow's Editor (for content teams) can't edit inside an Embed element — keep the snippet static and manage content changes from Plausa instead.
  • Putting a heavy carousel Embed above a hero video, which can compound page load and hurt Core Web Vitals.
  • Not checking the interaction settings — some scroll-triggered Webflow animations can hide the Embed if it's set to fade in and the trigger never fires.

Frequently asked questions

Is there a Webflow App Marketplace integration for Plausa?

No — Plausa integrates through the native Embed element rather than a marketplace app, so there's no app permissions to manage or marketplace listing to keep updated.

Can I put the embed inside a CMS Collection template?

Yes. Add the Embed element once inside the Collection template and it will appear on every item generated from that template.

Why does the widget look blank in the Designer canvas?

Webflow's Designer canvas sometimes doesn't execute third-party scripts live. Publish to your staging domain and check there — it almost always renders correctly once published.

Does the Embed element work with Webflow's Client-First or other style systems?

Yes, the Embed sits independently of your class naming convention — just wrap it in a Div using your usual section classes for consistent spacing.

Can content editors update testimonials from the Webflow Editor?

Not directly inside the Embed — that's intentional. Manage testimonial content from the Plausa dashboard and the embedded wall updates automatically everywhere it's placed.

Will this affect my Webflow site's Lighthouse score?

The script loads asynchronously, so it shouldn't block rendering, but always re-run Webflow's built-in performance panel after adding any third-party embed.

Related guides

Give your Webflow site proof that updates itself

Create your wall, drop an Embed element into the Designer, and publish. No marketplace app needed.

Start for free