How to Add Testimonials to Your Framer Site

Framer is one of the fastest ways to ship a beautiful website. But when it comes to social proof, most Framer sites have the same problem: a testimonials section with placeholder quotes that never gets updated.

Here’s how to get real testimonials onto your Framer site — and keep them fresh without touching your design.

The Challenge with Testimonials in Framer

Framer gives you everything you need to design a testimonials section. The gap is the system for collecting and managing real quotes. Options are:

1. Hardcode quotes directly in Framer (fast, but won’t scale)
2. Use Framer CMS to manage a collection of testimonials
3. Embed a third-party testimonials widget

For most solopreneurs and small teams using Framer, the embed approach is fastest.

Adding a Testimonials Widget to Framer

SocialProof generates a lightweight embed snippet you can drop into any Framer site. It handles collection, approval, and display — you just paste a script tag.

Setup:

1. Go to socialproof.dev and create a free account
2. Share your collection link with past clients or customers
3. Approve testimonials in your dashboard
4. Copy your embed code (one <script> tag)
5. In Framer, open your project
6. Add a Code component where you want testimonials to appear
7. Paste the SocialProof script into the code component
8. Publish your Framer site

The widget renders automatically — a clean, responsive display of your approved testimonials. As you approve new ones, the widget updates without a Framer republish.

Using Framer CMS for Testimonials

If you want Framer to control the look and feel completely:

1. Create a CMS collection called “Testimonials”
2. Add fields: Name, Role/Company, Quote
3. Add entries for each testimonial (copy-paste from wherever customers sent them)
4. Connect the collection to a Collection component on your page
5. Style the component in Framer Designer

Tradeoff: Full visual control, but you have to manually enter each testimonial. No collection link, no automated gathering workflow.

Which Approach Is Better for Framer?

Use an embed if:

• You’re still actively gathering testimonials
• You want to update them without touching your site
• You want to manage approvals before they go live

Use Framer CMS if:

• You have a stable set of testimonials that rarely changes
• You want pixel-perfect control over the design

Design Tips for Framer Testimonials

Keep quotes short. 1–2 sentences perform best. If a customer writes more, pull out the strongest line.

Add a photo or company logo. Even a generic avatar makes testimonials feel more human. Real photos are better.

Show the reviewer’s context. “James, freelance consultant” is more credible than “James.”

Place near a decision point. Testimonials work best just before your CTA — whether that’s a contact form, pricing table, or book-a-call button.

Getting More Testimonials

Most people don’t submit testimonials on their own. You need to ask.

Proven asks that work:

• Just after a win. “You mentioned you loved how the project turned out — would you mind writing a quick line I could put on my site?”
• End of project email. Include your collection link in your final invoice or wrap-up email.
• Direct message. Reach out to past clients who mentioned you had a great outcome and ask them to click the link.

The SocialProof collection link makes it one click for them: they see a simple form, type their quote, and you get notified. No back-and-forth.

Framer makes it fast to build something beautiful. Make sure your testimonials section has real quotes to match.

Try SocialProof free →