Embed · Bubble

Embed an interactive demo in a Bubble app.

Put a Tellane lane on a Bubble page with the HTML element — the exact editor steps, the layout settings that size it, and the one editor quirk to expect.

Where it goes: A marketing page or landing page built in Bubble, or a demo section inside the app itself.

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 Bubble

  1. In Tellane, open the lane → Share → copy the Embed snippet.
  2. In the Bubble editor, open the page and drag an HTML element (under Visual elements) into the layout.
  3. Double-click the element and paste the snippet into its HTML property.
  4. Set the element's width to a percentage of the parent (100% in a column layout) and its height to around 640 px — the iframe fills the element.
  5. Preview the page in run mode and drive the lane once.

Proof

This is what the embed looks like

A lane embedded on this page, the same way yours will be on Bubble. 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 Bubble will show

If it doesn't work

What breaks, and the fix

  • The player does not appear inside the Bubble editor. Bubble runs embedded scripts only in run mode, not on the editor canvas. Preview the page to see the player.
  • 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

Does this need a paid Bubble plan?

The HTML element is part of the editor. A published app under your own domain needs a paid Bubble plan for reasons unrelated to the embed; preview mode works on free apps.

Other platforms

Embed guides

EmbedWebflowEmbedWordPressEmbedFramerEmbedNotionEmbedHubSpot CMSEmbedWixEmbedSquarespaceEmbedGhostEmbedDocusaurusEmbedConfluenceEmbedZendesk GuideEmbedEmail (Gmail, Outlook, HubSpot, Mailchimp)EmbedCarrdEmbedReadMeEmbedGitBookEmbedWebflow CMS collectionsEmbedIntercom ArticlesDocsPublishing, sharing, and embedding