How to Create a Web Form, The Right Way


by 123FormBuilder

Hey there! Creating a form may seem like a heavy task due to so many options, but it’s really not that complicated. We’ve made this kick-off guide for you so you can make a form that fits whatever need you might have.

Adding Fields

The editor is where the magic happens. On the left side you can see the tools you’ll need to create your form – the fields . These fields are grouped up in three categories:

Basic fields give structure to your form, from layout of the form to user’s interaction with it. It’s pretty much how you get the data. Use headings to title sections of the form, and images to live it up. Use text fields for getting personalized answers. Choice fields are useful when you want to limit the options based on the answer you choose. Besides these, you can also get files through the form with upload fields.

creating a form with 123formbuilder

Things to keep in mind: use the dropdown field instead of choice field if you have a longer list of options. This makes the form look less cluttered, and your respondents will surely appreciate it.

Next up, we’ve got Special Fields. These are pretty much basic fields which are already set up for different purposes like asking for a name, phone, email address or picking up a date. It’s useful for saving time – just drag the name field for example and skip creating it from scratch.

creating a form with specialized form fields

Things to keep in mind: price fields needs to be matched with the payment options. Check out the payments guide for a detailed explanation.

The last section is for Other Fields. Use any of these fields to add anything from terms of service to showing where your company is located on google maps.

creating a form with advanced fields

Personalizing Fields

Now that you’ve got the structure of your form ready, you should edit the fields to your liking. It’s important to note that each field can be modified by clicking on it and then changing the options on the left side menu of the editor.

Things to keep in mind for better results:

  • Check the option labeled as required in order to keep respondents from skipping a particular question
  • It’s usually very helpful to add instructions to more complex questions to avoid confusion and make sure you obtain the data you’re looking for
  • Adding the accept other values option lets respondents add their own choice in single and multiple choice fields
  • If you’re going to publish your form on a highly visible platform, consider adding any type of CAPTCHA in order to avoid spam

Well done! Now you’ve got your form almost ready for sending it surfing on the web. Take a look at the other two guides about how to tweak your form’s settings and how to publish your form. If you have doubts about any of the steps mentioned above, make sure you check out our guide with the editor basics. If you have further questions, write us a line below or contact our amazing support team!

Leave a comment

Your email address will not be published. Required fields are marked *

You love forms as much as we do?

Then share your form story with us! We will read all the submitted cases and reach out the selected ones for further details. The chosen ones will have a case study created and will be featured in our blog, newsletter and social media channels.