Embed · HubSpot CMS

Embed an interactive demo in HubSpot CMS pages and landing pages.

Add a Tellane lane to a HubSpot website or landing page with the HTML module or a rich text module's source code — and pair it with the HubSpot integration so leads land as contacts.

Where it goes: A landing page next to the form, a pricing page, or a product page in HubSpot CMS.

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 HubSpot CMS

  1. In Tellane, open the lane → Share → copy the Embed snippet.
  2. In the HubSpot page editor, add an HTML module from the Add panel (or open a rich text module, press Advanced → Source code).
  3. Paste the snippet and save the module.
  4. Preview, then publish and drive the lane on the live page.
  5. Optional: connect the HubSpot integration so a lead form in the lane creates or updates the contact with tellane_* properties.

Proof

This is what the embed looks like

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

If it doesn't work

What breaks, and the fix

  • 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 the lane's lead form replace the HubSpot form?

It can sit beside it: leads from the lane reach HubSpot through the integration, with the drive attached.

Other platforms

Embed guides

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