How to Embed Testimonials on Framer in 2026
Framer has become the go-to design tool for high-end landing pages and SaaS websites. Its ability to create custom, fluid animations and layouts is unmatched. However, to truly convert visitors into customers, your beautiful Framer site needs verified social proof.
In this guide, we'll show you how to embed a high-fidelity KudosWall testimonial widget on your Framer site in just a few clicks, without slowing down your site or breaking your design.
Step 1: Get Your KudosWall Embed Code
First, log in to your KudosWall dashboard. Navigate to the Widgets section and choose the wall you'd like to display. Customize the design—select from Grid, Masonry, or Carousel layouts and match the colors to your Framer project's palette.
Once it looks perfect, click Embed code and copy the single line of JavaScript provided.
Step 2: Add an Embed Component in Framer
Open your project in Framer and follow these steps:
- Click the Plus (+) button in the top left to open the Insert menu.
- Search for Embed and drag it onto your canvas where you want the testimonials to appear.
- In the properties panel on the right, make sure the "Type" is set to HTML.
- Paste your KudosWall embed code into the HTML box.
Step 3: Styling and Responsive Design
Framer's Embed component is fully responsive. You can resize the embed box directly on the canvas to fit your layout. KudosWall's widgets are designed to be fluid, so they will automatically adjust to the width of the Framer container.
Pro Tip: Set the Embed component's width to "Fill" and the height to "Auto" (or a fixed height if you want a scrollable masonry grid) to ensure it looks great on all devices.
Why KudosWall + Framer is a Winning Combo
Framer users care deeply about performance and aesthetics. KudosWall widgets are edge-optimized, meaning they load near-instantly and won't hurt your Framer site's Lighthouse scores. Plus, our high-fidelity text and video testimonials match the premium feel of a Framer-designed site.