Framer guide

How to add testimonials to Framer

Framer sites are usually fast-moving landing pages built to launch this week, not a content project maintained for years — so testimonials typed directly into a text layer get forgotten the moment the page goes live. Framer's Embed component is built precisely for this: it renders raw HTML and script tags inside the canvas, so a live testimonial wall sits inside your design like any other component and updates without you reopening the project.

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

Why Framer landing pages need proof that doesn't require a redeploy

A Framer site's whole job is usually to convert cold traffic quickly — testimonials do heavy lifting there.

Early-stage startups have no brand recognition to lean on

A first-time visitor to an indie SaaS landing page has no other reason to trust the product. A handful of specific, real quotes does more than another feature bullet list.

Static text layers can't rotate or update

A Framer Text layer with three pasted quotes stays exactly as it was at launch. An Embed component can host a full carousel that updates from Plausa without reopening the Framer project.

Pricing-section objections need a nearby answer

The moment before checking out is when doubt peaks. A widget placed just above or beside the pricing table addresses 'is this worth it' right when it's asked.

Framer's CMS Collections need per-page proof too

If you're using Framer's CMS for individual product or case-study pages, the Embed component can sit inside that collection template so each page shows the relevant quote.

Adding the embed in Framer

Steps for Framer's visual canvas editor.

  1. 1. Build your wall in Plausa

    Choose a variant and copy the embed snippet from your dashboard.

  2. 2. Open the Insert panel in Framer

    Press the + icon or use the Insert menu on the canvas toolbar.

  3. 3. Search for 'Embed'

    Find the native Embed component under Components, and drag it onto the canvas in the section you want.

  4. 4. Paste the Plausa snippet into the Embed's HTML field

    Select the Embed layer, open its properties panel on the right, and paste the script/div pair into the HTML code field.

  5. 5. Set the layer's width and height

    Framer Embeds don't auto-size to content by default — set a fixed or responsive height that fits your chosen widget variant.

  6. 6. Preview in Framer's live preview mode

    Use Framer's Preview (not just canvas view) to confirm the script actually executes, since some embeds render blank on the design canvas itself.

The embed code for Framer's Embed component

Paste this into the Embed component's HTML field.

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

Always verify in Framer's Preview mode, not just the canvas — some third-party scripts only execute once published or previewed live.

Iframe fallback

If your Framer project has a custom Content Security Policy set in Site Settings, use the iframe embed instead of the script tag.

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

What it looks like on a Framer landing page

A tight carousel above the pricing section keeps the page's fast, modern feel while adding real proof.

Switched our whole team over in a single afternoon. The onboarding didn't feel like onboarding.
Jonas Co-founder, indie SaaS
We were skeptical about a two-person startup handling our data, but the support response time changed that fast.
Amara Ops lead, early customer
Landing page went from idea to live in a weekend, and it actually looks like we hired a design team.
Wei Founder, pre-seed startup

Illustrative examples — not real companies.

Common Framer mistakes

  • Checking only the Framer canvas and assuming the embed is broken — many scripts only render in Preview mode or once published.
  • Leaving the Embed layer's height at Framer's tiny default, cropping a carousel or grid variant.
  • Placing the widget inside a component with a scroll-triggered animation set to 'hidden until in view', which can prevent the script from initializing correctly.
  • Using a static Text layer with pasted quotes and forgetting to remove it after adding the live embed, leaving duplicate proof on the page.
  • Not testing the embed inside a Framer CMS Collection template before publishing every collection page live.

Frequently asked questions

Is there a Framer plugin for Plausa?

No — Plausa integrates through Framer's native Embed component, so there's no plugin to install from the Framer plugin marketplace.

Why is my embed blank on the canvas?

Framer's design canvas doesn't always execute third-party scripts live. Switch to Preview mode or check the published site — it typically renders correctly there.

Can I use this inside a Framer CMS Collection?

Yes — place the Embed component once inside the Collection page template and it will appear on every generated page.

Does the Embed component resize responsively?

Not automatically — set the layer's width to 'Fill' or a responsive breakpoint value so it adapts across device sizes.

Will this slow down my Framer site's load time?

The script loads asynchronously and is small, so it shouldn't meaningfully affect Framer's built-in performance metrics.

What if scripts are restricted by my project's CSP settings?

Use the iframe fallback instead, which doesn't require an external <script> tag to execute.

Related guides

Give your Framer site proof that updates on its own

Create your wall, drag in an Embed component, and publish.

Start for free