Framer lets you ship a polished site fast, but it does not collect testimonials or keep them fresh for you. You can lay out a testimonials section by hand, but then every new quote means opening the project and editing it again, which is the step most people skip.
Embedding a live testimonial widget solves that. You collect testimonials in one place, paste a single line of code into a Framer Embed component, and it stays in sync on its own. Here are the exact steps. For the broader view 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, set the look to match your Framer theme, copy the snippet, add an Embed component where you want the testimonials, paste the code, and publish. The widget renders live and refreshes itself as you add new testimonials.
Step 1: Collect your testimonials first
You need the testimonials gathered before you can embed them. If you are starting from nothing, see how to collect testimonials from clients. You want one place that holds your video and text testimonials and can hand you an embed code.
With CollectMonial, customers record or type their testimonial from a single link, it lands straight in your dashboard, and you pick which ones go on your site. That set is what the Framer embed will show.
Step 2: Set the look and copy the code
Match the colors, fonts, and corners to your Framer theme first, so the widget feels like part of the design. Pick your layout, a wall, carousel, grid, or single quote, then copy the embed snippet, which is one line of code.
Step 3: Add an Embed component in Framer
On your Framer canvas, open the Insert panel and add an Embed component where you want the testimonials, such as below a feature section or next to your pricing. The Embed component lets you paste in HTML or a URL.
Step 4: Paste the code and publish
Paste your snippet into the Embed component. The preview does not always render embeds, so a blank box while designing is normal. Click Publish, open your live site, and the testimonials will be there, sized to the spot you chose.
After that, adding a new testimonial to your wall updates the live Framer site on its own. You never reopen the project to add a quote.
Where to place the embed
Because you can put an Embed component anywhere, use the spots that actually convert: a single quote near your main button, a proof point after a claim, and a testimonial by your pricing. For the full section-by-section guide, see where to put testimonials on a landing page.
Making it match your Framer design
The reason to set the look in step 2 is trust. A testimonial block that clashes with your theme, or carries another company's watermark, reads as a bolted-on gadget and gets skipped. One that matches your Framer colors, fonts, and corners reads as part of the page, which is part of why visitors believe it.
This is exactly what CollectMonial does. The embed has no watermark, you control the look so it fits your Framer site, and the testimonials stay live and update themselves. You can start for $25 a month. On Webflow instead? See how to embed testimonials in Webflow.
Why not just build it by hand in Framer
Hand-building works for a few quotes that never change. The trouble is keeping it current: each new testimonial means editing the layout and republishing, so the section freezes the day you get busy. A live embed pulls from your collection and grows on its own, which is the whole point of collecting more.
Common problems and fixes
- Blank box in the editor. Normal. Embeds show on the published site, so check the live URL.
- Nothing renders after publishing. Confirm you pasted the snippet in the right mode for the Embed component, and that your plan allows publishing custom code to your domain.
- It clashes with the theme. Match the colors and fonts before copying the code.
- You built it by hand and it went stale. Move to an embed so new testimonials appear without you touching Framer.
