Framer

Embed Testivora on Framer

Works on any Framer plan. Native auto-height support — the wall adapts to any breakpoint without restyling.

Read time · ~2 min

Open your project

Go to framer.com → your workspace → click the project where the wall goes. Navigate to the specific page from the left Pages panel.

Insert an Embed (Code)

Click “Insert” (+ button top-left) → search “Embed” → pick “Embed (Code)”. Framer creates an empty block on the canvas.

Click the block and an HTML field appears on the right panel. Paste this:

html

<div data-tv-wall="TU-SLUG"
     data-layout="masonry"
     data-theme="auto"
     data-color="ea580c"></div>
<script async src="https://testivora.com/embed.js"></script>

Replace TU-SLUG with your space's slug (find it in your admin → Distribute → collector URL).

Adjust the size

Select the Embed block → on the right panel set Width to Fill (100% of parent). Leave Height as Auto — the wall reports its real height immediately.

Native auto-height

Framer understands the postMessage we send from the iframe — height adjusts automatically as testimonials load. Other embeds require fixed heights; ours doesn't.

Publish

Click “Publish” top-right (pick framer.app for staging or your custom domain for production). The wall is live in seconds.

If something doesn't work

Framer is very embed-friendly. Edge cases:

Embed (Code) block missing: You're on an old template or Framer Sites Free. Embed (Code) is available from Mini plan upward. Verify your plan in Settings → Workspace.
Wall doesn't show in preview: Framer runs scripts in preview but some browsers block iframes on localhost. Publish the site (Publish → framer.app) and open the real URL to confirm.

Done. Your wall is live.

Need to change layout, color, or theme? Tweak it from your admin — changes reflect instantly without touching the code.

Open my admin →Browse other platforms