In this article, you will learn:
Creating forms has been made easier! Now you can customize the form in few minutes. Just drag and drop the fields as required and you’re good to go!
![](https://wp-insuredmine-public-bucket.s3.us-west-2.amazonaws.com/media/2021/03/05154458/image-229.png)
Steps to build a form:
- Navigate to Forms
- Drag and drop the fields that you want to have in your form.
- Once you drag a new window will open where you need to choose and fill all the fields that you want to have in the form.
![](https://wp-insuredmine-public-bucket.s3.us-west-2.amazonaws.com/media/2021/03/05154455/image-231.png)
- In the text field components-select the components that you want in the display, data, validation, API, conditional.
- In the display section, set the label name, label position, placeholder text, description, tooltip, input mask, custom CSS class.
- Click to save.
Note:Â While setting the form you can view the settings on the right, this will give you can have an idea how the form will look like.
![](https://wp-insuredmine-public-bucket.s3.us-west-2.amazonaws.com/media/2021/03/05154454/image-232.png)
- In the data section select the text case, select multiple values if required.
![](https://wp-insuredmine-public-bucket.s3.us-west-2.amazonaws.com/media/2021/03/05154454/image-233.png)
- In the validation, section fill in the required details.
![](https://wp-insuredmine-public-bucket.s3.us-west-2.amazonaws.com/media/2021/03/05154453/image-234.png)
- In API section add the field tags, and you can custom properties too.
![](https://wp-insuredmine-public-bucket.s3.us-west-2.amazonaws.com/media/2021/03/05154452/image-235.png)
- If there are any conditions that you want to add to the form, then add those
![](https://wp-insuredmine-public-bucket.s3.us-west-2.amazonaws.com/media/2021/03/05154450/image-236.png)
- Once done click to save.
- In the form preview section, you can view the created form.
![](https://wp-insuredmine-public-bucket.s3.us-west-2.amazonaws.com/media/2021/03/05154449/image-237.png)
- This is how a created form will look like
![](https://wp-insuredmine-public-bucket.s3.us-west-2.amazonaws.com/media/2021/03/05154449/image-238.png)
Note:Â In forms there are pre-set fprm templates, that can be also customized and used as per your requirement.
To use the pre-built form templates:
- Navigate to forms
- Click on Templates to select any prebhilt form
![](https://wp-insuredmine-public-bucket.s3.us-west-2.amazonaws.com/media/2021/03/05154448/image-239.png)
- There are 19 pre-built form templates, choose from those and click to edit the template.
![](https://wp-insuredmine-public-bucket.s3.us-west-2.amazonaws.com/media/2021/03/05154447/image-240.png)
- You can edit, move, copy and remove any fields in the form
![](https://wp-insuredmine-public-bucket.s3.us-west-2.amazonaws.com/media/2021/03/05154446/image-241.png)
Enhancement: April 2021