How to add online forms to Webflow?

123FormBuilder online forms can be easily added to your Webflow websites. All you need is the JavaScript code of your online form and the ability to use the Embed widget from your Webflow webpage editor.  You need to have a paid Webflow account for the Embed widget feature.

To add online forms to Webflow, follow the steps below:

1. Log into your form creator account, go to My Forms and select the online form you want to use. Go to the Publish – Embed Code section of your form and copy the JavaScript code (CTRL+C). This code allows a better communication between your 123FormBuilder account and external sources, where the online form is published. If you edit the form in 123FormBuilder, the changes will automatically apply on Webflow.

2. Log into your Webflow account and enter the editor of the webpage where you want to include your online form. In the left panel, go to Add (+) → Widgets and add the Embed widget on your webpage.

3. Inside the Paste HTML code, paste the JavaScript code of your online form (CTRL+V) and hit Save & Close.

Save changes and you are done. If you cannot see the online form in the page preview, don’t worry. Click on the Publish button from the top, go to the provided link of your website and you’ll see the online form smoothly embedded on the front-end of your webpage.

If you want to add a lightbox to your webpage, repeat the steps above but instead of using the JavaScript code of your online form, use one of the codes from the Lightbox tab in the Publish section.