Embed a form in Framer
Framer's Embed component shows your form inside the page, from either a link or a piece of HTML.
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
In Framer, open the Insert menu and search for Embed.
- Drag the Embed component onto the canvas, where the form should sit.
Paste the code into the HTML section of the component.
- 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=1Popups in Framer
The popup code is a script, and Framer’s help page says a script may need extra code around it to run in an Embed component. The inline embed needs none.