Put a live, clickable demo on any website with one iframe snippet. Landing pages, docs, help centers, anywhere HTML goes.

An embedded demo is your product, explorable, inside your own page. Visitors click through it right there, no navigation away, no video player. This very page could hold one:

The snippet

Replace YOUR_DEMO_ID with the id from your share link (the part after the last /):

<div style="position: relative; width: 100%; padding-bottom: 62.5%; height: 0;">
  <iframe
    src="https://demo.escourtly.com/YOUR_DEMO_ID?embed=true"
    title="Product demo"
    loading="lazy"
    allow="fullscreen"
    style="position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 12px;">
  </iframe>
</div>

Two details matter:

?embed=true hides the share page's header so the demo sits flush in your layout. Leave it off and you get the full share page inside the frame.
The wrapper div keeps the embed responsive. padding-bottom: 62.5% gives a 16:10 area; use 56.25% for 16:9. A fixed-size iframe works too if your layout prefers it.

Where it works

Anywhere you can paste HTML:

Landing pages

A hero that visitors can actually use beats a hero screenshot every time.

Docs and help centers

Show the answer inside the article. Most platforms accept raw HTML blocks.

Blogs and changelogs

Announce features with the feature itself, embedded under the headline.

Notion and website builders

Anything with an embed block that takes a URL: paste the share link with ?embed=true.

For tools that ask for a URL instead of HTML, give them:

https://demo.escourtly.com/YOUR_DEMO_ID?embed=true

On a custom domain, the same snippet works with your own hostname — https://demos.yourcompany.com/YOUR_DEMO_ID?embed=true.

The demo is fully interactive: cover screen, step navigation, hotspots, zoom, blur, and the CTA all work exactly as on the share page. The CTA opens in a new tab, so you never lose the visitor's page. And every embedded view counts in your analytics, including which site sent the traffic.

The demo must be published

Embeds render the published version. If the iframe shows a "not published" message, the demo is still a draft, or your latest changes need a re-publish.

Testing your embed

Save this as an HTML file, swap in your demo id, and open it in a browser:

<!doctype html>
<html>
  <body style="max-width: 860px; margin: 40px auto; font-family: sans-serif;">
    <h1>Embed test</h1>
    <div style="position: relative; width: 100%; padding-bottom: 62.5%; height: 0;">
      <iframe
        src="https://demo.escourtly.com/YOUR_DEMO_ID?embed=true"
        title="Product demo"
        style="position: absolute; inset: 0; width: 100%; height: 100%; border: 0;">
      </iframe>
    </div>
  </body>
</html>

If it clicks through cleanly there, it will click through cleanly anywhere.

Embed a demo