You can embed your form as an iFrame or HTML. The right method of embedding a form depends on your requirements:
Choose an iFrame if you don’t want to change the styles of the form you built or customize the HTML markup.
Choose HTML if you want to modify the markup of the form and override the default styles. Note: If you chose this method, you will need to recopy this snippet into your HTML each time you change the form.
Once you’ve configured your embed code, click “Copy” and open your Webflow editor.
3. Add an Embed element to your page in Webflow
Login to your Webflow account . Then open the designer for the selected Webflow project and open the page where you want to embed the form.
Once you’re on the the correct page, click the add icon and find the Embed Component.
Paste the embed code that you received from the Form Builder into the box that appears and then click “Save & Close”
Your form should immediately appear in the editor. You can preview it and move it around like any other Webflow component.
Note that the embedded forms are also fully responsive for mobile devices and dark and light modes.
Video of the steps
Prefer visuals? Here's a video of the steps to embed a form in Webflow.