Sample★★★★★
“The setup was focused, and we understood the workflow before inviting the wider team.”
AC
Avery ChenSample software customer · Illustrative example
TestiFollow for Framer
Bring approved customer stories into your Framer site.
Use Framer for the page experience and TestiFollow for collection, consent, moderation and responsive testimonial display.
No credit card required
Tempo CloudProductContact
Customer stories
Proof placed where the decision happens.
An illustrative website section showing a TestiFollow Single widget.
Framer Embed component
Paste the widget code into the component’s HTML section.
Open Framer’s Insert menu, search for Embed and drag the component onto the canvas. In its HTML section, paste the TestiFollow container and script together. Size the component to the content column that should hold the widget.
Framer’s current documentation supports iframe and script embeds through this component. A reusable custom component is unnecessary for TestiFollow’s two-line embed.
Publish before judging the result
Framer notes that some custom code is only visible on a published site rather than inside its canvas preview. Publish to a suitable Framer URL and test the live output at each breakpoint.
TestiFollow embed code · illustrative ID
<div data-testifollow-widget="YOUR_WIDGET_UUID"></div>
<script async src="https://testifollow.com/embed.js"></script>Framer installation
How to add TestiFollow testimonials to Framer
The simplest supported route is the visual Embed component. There is no TestiFollow package or Framer component to install.
- 1Create a TestiFollow project
Add the brand or website that will collect and display testimonials.
- 2Share the collection link
Send one public link to customers and collect written feedback with consent.
- 3Approve what should be public
Review each Pending submission. Only approved, consented testimonials can appear.
- 4Choose a widget format
Create a Grid, manually controlled Carousel, or Single testimonial widget.
- 5Copy the embed code
The snippet contains only the public widget UUID and the TestiFollow loader URL.
- 6Add it in Framer
Choose Insert → Embed, place the component on the canvas, open its HTML input and paste both lines of the TestiFollow snippet. Give the component responsive width in the surrounding Framer layout.
- 7Publish the page
Save and publish through Framer so the external script can load.
- 8Check desktop and mobile
Publish the site, then inspect the actual URL at Framer’s desktop, tablet and mobile breakpoints. Custom script output may not appear fully in the editing canvas.
Grid
A broader customer section on a startup or product site.
Carousel
Several stories in a compact, visitor-controlled part of a landing page.
SingleRecommended
One focused customer perspective beside a product message or signup CTA.
Framer placement guidance
Keep the product story visual and the proof specific.
Framer sites often rely on deliberate pacing and strong visual hierarchy. A Single widget can support one feature without disrupting that rhythm. Grid works for a dedicated customer section; Carousel works when several approved stories need a smaller footprint.
- Startup homepage: establish context below the primary product story.
- SaaS feature page: place one relevant testimonial near the feature.
- Portfolio: support project visuals with an approved client perspective.
- Product landing page: add proof before the final signup action.
Responsive by design
The widget adapts inside the Framer component.
TestiFollow injects a sandboxed iframe at 100% width and listens only for trusted resize messages from its own origin and matching frame. The public widget then adapts its own cards to the available width.
Keep the Framer component itself responsive and give it enough width at each breakpoint. Test the published page after any layout change.
See responsive Grid behaviour →Collection stays separate
Update testimonials without rebuilding the Framer page.
Customers submit through the TestiFollow collection URL. You approve or reject submissions in TestiFollow. The same public widget UUID then renders the latest eligible content without copying quotes into Framer by hand.
Free includes one text-testimonial widget and a Wall of Love. Pro adds unlimited widgets, customer photos, custom colours and branding removal for £9.99/month.
See the collection workflow →01
Collect
→Share one link
02
Approve
→Review every story
03
Display
Publish a wall or widget
JR
★★★★★
“A simple, well-organised way to share a customer story.”Illustrative testimonial · Demo content
Framer questions
A small embed, not another design system
Does TestiFollow provide a Framer component?
No. Use Framer’s own Embed component to add the standard TestiFollow snippet.
Why is the widget missing from the editing canvas?
Framer documents that some custom script output only appears on the published site. Publish and test the live page before changing the code.
Can I use a Carousel without autoplay?
Yes. TestiFollow’s Carousel intentionally has no autoplay. Visitors use accessible previous and next controls.
Do I need to republish when a testimonial is approved?
No. The widget reads eligible testimonials from TestiFollow when it loads. Republish Framer only when you change the page or embed itself.
TestiFollow is an independent service and is not affiliated with or endorsed by Framer.
Simple. Fast. Affordable.