# Embed a form in Framer

Put a Formstep form inside a Framer page with the Embed component, from the share link or from the embed code.

## 1. Copy the embed code

In Formstep, open the **Public link** sheet and click the **Embed** card. Leave **Auto-resize height** off: in Framer you size the Embed component on the canvas, and the form scrolls inside it. Click **Copy embed code**.

## 2. Add an Embed component

1. In Framer, open the **Insert** menu and search for **Embed**.

2. Drag the Embed component onto the canvas, where the form should sit.

3. Paste the code into the **HTML** section of the component.

4. Size the component on the canvas, then preview or publish the site.

### Or use the link

The Embed component also takes a URL. Use the address inside the embed code, the part in quotes after `src=`. It is your share link with `?embed=1` at the end, which leaves out the page around the form:

```
https://form.formstep.io/Abc12XYz?embed=1
```

> **Popups in Framer**
>
> The popup code is a script, and [Framer’s help page](https://www.framer.com/help/articles/how-to-add-an-iframe-or-embed-script/) says a script may need extra code around it to run in an Embed component. The inline embed needs none.

## Next steps

[Embedding & popups](https://formstep.io/docs/sharing-publishing/embedding-popups/) — Every embed and popup setting

[Appearance & theming](https://formstep.io/docs/branding-domains/appearance-theming/) — Make the form look like your site