Skip to main content
All CollectionsMagic Forms
Adding Magic Forms to Webflow
Adding Magic Forms to Webflow
Updated over a week ago

Embedding your form into your website is simple on most website platforms, but each tool has a slightly different method for doing so.

To get the code to add to your website, go to your Magic Form and click "Start Setup"

A pop up will appear with the Magic Form code. Click "Copy Code" and head on over to Webflow.

In Webflow

In Webflow, the Embed option is at the bottom of the Elements tab under “components.”

An

You will need a paid Webflow account or active site plan in order to use advanced functions like embedding HTML.

Add a div block to your design, click “Embed,” and drag it into your div block. This will trigger a pop-up where you can paste your Magic Form embed code. Save, close the window, and hit publish to see your form.

In other website builders

Depending on the website builder you’re working with, the embed option might be built into the platform or require a third party plugin.

This option is usually found under an “embed” menu. Once you locate the embed menu in your website builder, you can paste the embed code from Magic Forms into the field that appears on your page.

Did this answer your question?