> Add an interactive LiveDemo to a Framer site with the Embed component.

Canonical: https://livedemo.ai/docs/share/embed-in-framer/

# Embed in Framer

## Get the code

1. Turn on **Share → Public access** in the LiveDemo editor.
2. Open **Share → Embed** and click **Copy code** next to **Website**.

## Add it

1. In Framer, open **Insert** and search for **Embed**.
2. Drag the **Embed** component onto the canvas.
3. In the right panel, set **Type** to **HTML** and paste the code.
4. Size the frame. Set its width to **Fill** and pick a height that matches the demo (about 16:9 plus 41 px for the top bar).
5. **Publish**.

Or choose **URL** instead of **HTML** and paste only the iframe `src` (the `https://story-api.livedemo.ai/...` URL).

## Tips

- Use a breakpoint to show a smaller layout or a [GIF](https://livedemo.ai/docs/share/export-in-gif-or-video/) on phones.
- Add [URL parameters](https://livedemo.ai/docs/share/url-parameters/) such as `autoplay=true` to the `src` for a hero section that plays on its own.

---

Next: [Embed in Wix](https://livedemo.ai/docs/share/embed-in-wix/)