How to use form builder?

Just simply drag and drop / double click / double tap on the panel to create HTML forms, without coding.

Watch our demo video, or below tips for how to use our form builder.
Start form building now.

Drag and drop the left options to right "Form layout" area for adding new fields in the HTML Form:
Note: It is suggested to double click on the left options to add new fields for Internet Explorer and mobile / tablet users.
drag-and-drop-form-builder

After adding field, you can move your mouse on the field and click on the icon to edit the properties of the field.
Note: This is for desktop users, if you are using mobile / tablet, please click here
edit-form

After adding field, you can tap the field (1) and click on the (2) Edit Selected Field button to edit the properties of the field.
Note: This is for mobile / tablet users, if you are using desktop, please click here
edit-form

After clicking the edit button, you can edit the field properties in the left panel like below.
edit-form

After you have done your work on the form, you can:
Edit the submit button layout of your form, which is optional.
Preview your form and submission data format.
Finish and generate the code to copy and paste to your website or simply download the HTML file to upload to your web server.
edit-form