Publish and embed your demo

Publish a draft

1. Open the demo from Your demos.
2. Play the preview and check the complete journey.
3. Choose Publish in the editor toolbar.
4. Wait for the live link and sharing controls to appear below the preview.

An active plan is required to publish new demos. Your plan also sets the number of demos that can be live at the same time.

Copy the embed code

Choose Copy embed in the sharing area. Paste the code into an HTML or embed block in your website builder. The embed is a responsive iframe, so it keeps the demo’s shape as the page changes width.

<iframe src="https://…" width="800" height="450"
  style="border:0;aspect-ratio:16/9;width:100%;height:auto"
  allow="autoplay" loading="lazy"></iframe>

This works anywhere that accepts an iframe or custom HTML, including Webflow, WordPress and Framer.

Choose a good placement

• Give the demo enough width for labels and controls to remain readable.
• Place it near the feature or benefit the walkthrough explains.
• Avoid stacking multiple autoplaying demos in one viewport.
• Preview the page on both desktop and mobile before publishing the page itself.

Update or unpublish

Edits to a live demo stay in preview until you choose Publish changes. The live address and embed code do not change.

Choose Unpublish to take a demo offline. Any page that embeds it will no longer show the live walkthrough until it is published again.