LiveDemo
CTRL K
📤 ShareEmbed in Notion

Embed in Notion

Notion embeds a URL, not HTML code.

Get the URL

  1. Turn on Share → Public access in the LiveDemo editor.
  2. Open Share → Embed and click Copy link next to Medium. It copies the embed URL:
https://story-api.livedemo.ai/workspaces/WORKSPACE_ID/stories/DEMO_ID/preview?step=1&embed

(Or copy the Website code and take the URL inside src="...".)

Add it

  1. In Notion, type /embed and press Enter.
  2. Paste the URL and click Embed link.
  3. Drag the corners to resize.

Tips

  • Pasting the URL on an empty line also offers Create embed.
  • Embeds work on public Notion sites too.
  • Use it for internal wikis and onboarding pages. Workspace members don't need a LiveDemo account to view it, as long as Public access is on.

Next: Embed in Zendesk & help centers

More in Share

  • Share your public LiveDemo: Publish your LiveDemo and share a public link so prospects and customers can explore the interactive demo without signing up.
  • Public & Private Access: Control who can view your LiveDemo with the Public access switch, and what viewers see when a demo is private.
  • Custom Links: Create a LiveDemo link per prospect or campaign with its own variable values, so one demo shows each viewer their own name.
  • Custom Domain: Share LiveDemos and AI Demo Agents from your own subdomain, like demos.acme.com, with one CNAME record and automatic HTTPS.
  • Preview & Fullscreen: Preview your LiveDemo as viewers see it and present it fullscreen on a sales call or at an event.
  • Embed on website: Embed your LiveDemo on your website, landing pages or help center with a responsive iframe snippet.
  • URL Parameters: Control where an embedded LiveDemo starts, autoplay, audio, custom links and personalization with URL parameters.
  • Embed Events: Listen to step changes from an embedded LiveDemo and move it to any step from your page with postMessage.
  • Embed in WordPress: Add an interactive LiveDemo to a WordPress page or post with a Custom HTML block, in the block editor or Elementor.
  • Embed in Webflow: Add an interactive LiveDemo to a Webflow page or CMS collection with a Code Embed element.
  • Embed in Framer: Add an interactive LiveDemo to a Framer site with the Embed component.
  • Embed in Wix: Add an interactive LiveDemo to a Wix site with the Embed HTML element.
  • Embed in Squarespace: Add an interactive LiveDemo to a Squarespace page with a Code block.
  • Embed in HubSpot Pages: Add an interactive LiveDemo to HubSpot landing pages, website pages, blog posts and knowledge base articles.
  • Embed in Zendesk & Help Centers: Add interactive LiveDemos to Zendesk Guide, Intercom, HelpScout and other help center articles.
  • Embed in React & Next.js: Add an interactive LiveDemo to a React or Next.js app with a small responsive iframe component and listen to step events.
  • Share on Medium: Share your LiveDemo in Medium articles so readers can try your product right inside the post.
  • Share on X (Twitter): Share your LiveDemo on X (Twitter) with a link preview that drives followers into the interactive demo.
  • Share into email platforms: Add your LiveDemo to marketing and sales emails with a preview image that links readers straight into the interactive demo.
  • Export in GIF or Video: Export your LiveDemo as a GIF or video to use in social posts, docs, presentations and anywhere iframes are not supported.
© 2026 LiveDemo. All rights reserved.