How to Add a Form to Webflow

June 2, 2022

Webflow is a visual web design and development tool perfect for designing responsive websites. With Webflow, you can build landing pages, a portfolio, or an eCommerce site. They also have a CMS and hosting platform.

If you have a Webflow website and want to embed your form, please read below for the steps.

Getting the Embed Code for Webflow

  1. In the Form Builder, go to the Publish tab.
  2. Click the Embed option on the left.
  3. Copy the default embed code by clicking the Copy Code button.

Note
If the default embed doesn’t work on your Webflow website, use the iframe method.

Adding Form to Webflow

  1. Go to your Webflow dashboard and edit your website.
  2. Edit the page of the website where you want to display the form.
  3. Click the Add Element (+) icon on the left side.
  4. Scroll down to the Components section.
  5. Click or drag/drop the Embed element.
  1. In the Embed modal, paste your form’s embed codes.
  2. Click the Save and Close button.

Note
Webflow’s script embed will only appear on the published/exported site. In that case, please publish/export your website to see the preview of your form.

  1. Finally, publish your changes by clicking the Publish option on the top-right side of the editor.

Do you have any questions, suggestions, or feedback? Please leave a comment below. You can also reach us by creating a support ticket.

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comment:

Podo CommentBe the first to comment.