> Add an interactive LiveDemo to a Webflow page or CMS collection with a Code Embed element.

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

# Embed in Webflow

## 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 to a page

1. In the Webflow Designer, open **Add elements** and drag a **Code Embed** element onto the page.
2. Paste the code and click **Save & Close**.
3. Put it in a container with the width you want. The demo resizes to fit.
4. **Publish** the site. Embeds only render on the published site or in preview.

## In CMS collection pages

To show a different demo per item, such as per feature page:

1. Add a plain text field to the collection, such as `Demo URL`, and paste each demo's iframe `src` into it.
2. On the collection template, add a **Code Embed** with the embed code.
3. Replace the URL inside `src="..."` with the `Demo URL` field using **+ Add Field**.

## Tips

- The embed keeps the demo's aspect ratio, so don't set a fixed height on the container.
- Hide the embed on mobile with Webflow's breakpoints if your demo is hard to use on small screens, and show a [GIF](https://livedemo.ai/docs/share/export-in-gif-or-video/) instead.

---

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