Sharing & Embedding

Share your demos anywhere with a link or embed code.

Share Link

Every demo has a unique share link:

https://studio.saltfish.ai/demo-share/{your-demo-id}

To get your share link:

1. Open your demo in the editor

2. Click Share (top right)

3. Copy the link

Auto-Embed Platforms

Paste the share link directly into these platforms - it automatically converts to an interactive embed:

Platform	How it works
Notion	Paste link → click "Create embed"
Slack	Paste link → shows rich preview card
GitBook	Paste link → auto-embeds
Confluence	Paste link → auto-embeds
Coda	Paste link → auto-embeds

---

Embed Code

For websites and landing pages, use the HTML embed code:

1. Click Share → Copy Embed Code

2. Paste the HTML into your website

<iframe
  src="https://studio.saltfish.ai/demo-embed/YOUR_DEMO_ID"
  width="800"
  height="450"
  frameborder="0"
  allow="fullscreen"
  style="border-radius: 8px; border: 1px solid #e5e7eb;">
</iframe>

Responsive Embed

For layouts that adapt to screen size:

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
  <iframe 
    src="https://studio.saltfish.ai/demo-embed/YOUR_DEMO_ID"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 8px;"
    allow="fullscreen">
  </iframe>
</div>

---

Website Platform Guides

Platform	Instructions
WordPress	Add Custom HTML block → paste embed code
Webflow	Add Embed element → paste embed code
Framer	Add Code component → paste embed code
Squarespace	Add Code block → paste embed code
Wix	Add HTML iframe element → paste embed code
HubSpot	Add Embed module → paste embed code
Carrd	Add Embed element → paste embed code

---

For Developers

OEmbed Endpoint

Programmatically fetch embed metadata:

GET https://studio-api.saltfish.ai/studio/oembed?url=https://studio.saltfish.ai/demo-share/YOUR_DEMO_ID

Response:

Response:
{
  "type": "rich",
  "version": "1.0",
  "title": "Your Demo Title",
  "provider_name": "Saltfish",
  "width": 800,
  "height": 450,
  "html": "<iframe src=\"...\"></iframe>",
  "thumbnail_url": "https://storage.googleapis.com/..."
}

Platforms that support OEmbed (Notion, Slack, etc.) use this endpoint to auto-generate embeds from share links.