Embed · Carrd

Embed an interactive demo in a Carrd site.

Add a Tellane lane to a Carrd one-pager with the Embed element in Code mode — the exact steps, the Pro tier it needs, and why the builder shows nothing until you publish.

Where it goes: A one-page landing site — the demo usually sits right under the hero copy.

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 Carrd

  1. In Tellane, open the lane → Share → copy the Embed snippet.
  2. In the Carrd builder, click Add Element and choose Embed.
  3. Set Type to Code and paste the snippet into the Code field; give it a Label so you can find it later.
  4. Leave Style on Inline so the player renders exactly where the element sits on the page.
  5. Publish, then open the live site and drive the lane — the builder itself never renders embeds.

Proof

This is what the embed looks like

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

If it doesn't work

What breaks, and the fix

  • The embed element shows nothing in the builder. Expected — Carrd renders embed code only on the published site. Publish to see it.
  • Carrd refuses the code or the element is locked. Custom-code embeds need the Pro Standard plan or higher; Pro Lite and free sites cannot embed code.
  • 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

Which Carrd plan do I need?

Pro Standard or above for the Embed element's Code type. It is Carrd's cheapest tier with custom code.

Other platforms

Embed guides

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