Embed · Framer

Embed an interactive demo in Framer.

Drop a Tellane lane into a Framer page with the Embed component in HTML mode, with the sizing settings that keep it responsive.

Where it goes: A hero or feature section; Framer's Embed component sits in the layout like any other element.

The snippet

One iframe

The share modal generates this for your lane; the example uses a placeholder address. 

<iframe src="https://acme.tellane.com/l/pipelines-tour" width="100%" height="640" frameborder="0" allowfullscreen></iframe>

Steps

In Framer

  1. In Tellane, open the lane → Share → copy the Embed snippet.
  2. In Framer, open Insert → Utility → Embed and place it on the canvas.
  3. In the properties panel set Type to HTML and paste the snippet.
  4. Set the component's width to Fill and its height to a fixed 640 (or Fit content).
  5. Publish and drive the lane on the live site.

Proof

This is what the embed looks like

A lane embedded on this page, the same way yours will be on Framer. Drive it.

osprey.app/pipelines — captured with Tellane
LIVE DEMO
Osprey
Overview
Pipelines
Accounts
Reports
Settings
PIPELINES / Q3

Q3 enterprise pipeline

Invite teammate
Open pipeline$4.2M +12%
Win rate31% +4pts
Avg. cycle24d −6d
Weekly closed-wonJun — Aug
Meridian FreightNegotiation$380K
Cobalt HealthProposal$210K
Aster & Co.Discovery$95K
THIS PAGE EATS ITS OWN DOG FOOD
You're looking at a real Tellane demo.

Osprey is a fictional app we captured in five minutes. Click the glowing dots to drive it yourself — three stops, no sales call.

Lane progress
Embedded lane · the same player Framer will show

If it doesn't work

What breaks, and the fix

  • The player does not show in the Framer canvas. Framer renders embeds in Preview and on the published site; the canvas shows a placeholder.
  • The player is letterboxed or cut off on phones. Keep width="100%" and set height to 640 on desktop; for a fixed 16:10 box wrap the iframe in a div with aspect-ratio: 16 / 10 and give the iframe height: 100%.
  • A 'Made with Tellane' badge shows on the demo. Free-plan lanes carry the badge; Growth removes it under Settings → Workspace.

FAQ

Questions

Can I embed just the URL instead of HTML?

Yes — the Embed component's URL mode also works with the lane's public link; HTML mode gives you control over height.

Other platforms

Embed guides

EmbedWebflowEmbedWordPressEmbedNotionEmbedHubSpot CMSEmbedWixEmbedSquarespaceEmbedGhostEmbedDocusaurusEmbedConfluenceEmbedZendesk GuideEmbedEmail (Gmail, Outlook, HubSpot, Mailchimp)EmbedBubbleEmbedCarrdEmbedReadMeEmbedGitBookEmbedWebflow CMS collectionsEmbedIntercom ArticlesDocsPublishing, sharing, and embedding