Embed · Docusaurus

Embed an interactive demo in Docusaurus docs.

Add a Tellane lane to a Docusaurus (MDX) page with a JSX-safe iframe, for docs that show the workflow instead of describing it.

Where it goes: A getting-started page or a feature page in a Docusaurus site.

The snippet

One iframe

The share modal generates this for your lane; the example uses a placeholder address. Docusaurus needs the variant below it.

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

Steps

In Docusaurus

  1. In Tellane, open the lane → Share → copy the public link.
  2. In the .md or .mdx file, add the JSX-safe iframe below (Docusaurus parses Markdown as MDX, so attributes use JSX names).
  3. Run the dev server and check the page; build and deploy.

Proof

This is what the embed looks like

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

If it doesn't work

What breaks, and the fix

  • Build error: unexpected attribute or unclosed tag. In MDX, use allowFullScreen and style={{ border: 0 }} instead of allowfullscreen and frameborder, and close the tag (/>).
  • A 'Made with Tellane' badge shows on the demo. Free-plan lanes carry the badge; Growth removes it under Settings → Workspace.

FAQ

Questions

Does it work in plain Markdown docs?

Docusaurus 3 parses .md as MDX, so the JSX-safe form works in both.

Other platforms

Embed guides

EmbedWebflowEmbedWordPressEmbedFramerEmbedNotionEmbedHubSpot CMSEmbedWixEmbedSquarespaceEmbedGhostEmbedConfluenceEmbedZendesk GuideEmbedEmail (Gmail, Outlook, HubSpot, Mailchimp)EmbedBubbleEmbedCarrdEmbedReadMeEmbedGitBookEmbedWebflow CMS collectionsEmbedIntercom ArticlesDocsPublishing, sharing, and embedding