Embedding Interactive Stories
Embed your hosted or cloud FlowWasp guides seamlessly into any modern documentation site, knowledge base, or custom web application.
Standard Iframe Embed
Use the standard HTML <iframe> tag to embed either your cloud-hosted FlowWasp link (https://flowwasp.com/d/YOUR_ID) or your own self-hosted static URL.
<div style="position: relative; width: 100%; aspect-ratio: 16/9; max-height: 700px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(255,255,255,0.1);">
<iframe
src="https://flowwasp.com/d/YOUR_DEMO_ID"
width="100%"
height="100%"
style="border: none;"
allow="clipboard-write; fullscreen"
loading="lazy"
></iframe>
</div>
Platform-Specific Integration
Mintlify & GitBook
Mintlify and GitBook both support raw iframes or JSX embed components directly in your Markdown / MDX files. Just paste the iframe block into your docs page.
Notion & Coda
In Notion or Coda, type /embed, press Enter, and paste your public FlowWasp share link or self-hosted URL. It will automatically resize into an interactive story player.