For a demo case, suppose we want to create a custom registration form for a clothing store to collect some additional information regarding customers' profiles, measures and preferences. After considering the needs, we have decided that in addition to collecting the basic default information (name and email) we'd need to collect three other custom fields of data:
- Waist size
- Preferred fabrics
Let's start creating the custom fields first. We navigate to our Custom Forms > Custom Fields panel and click on Add New Custom Field:
- To collect Waist size we are going to assume that the output will be measures in a round number of inches, so we are going to create a first custom field of type number_integer (round number) and label it Waist size
- The third custom field, Gender, is already built-in the app so we don't need to create it again, just using the existing one.
We then go to our Forms panel to create a new Registration Form
We click on Add new field to add each of the fields, the standard ones (first name, last name, email, password) and the custom fields: Gender, Waist Size, Preferred Fabrics, and style the form a bit at will.
Lastly, we need to set up those two last custom fields and their options:
- For custom field Waist size we have decided the input that better fits our needs is a dropdown of predefined number values (round number of inches) so the customer will be able to choose one of them. We set the input as Dropdown and configure then 12 different options with values between 26 and 37. Because we want this field to be required we tick the Required checkbox too. We label the field What's your waist size in inches? so it's clearly explained to the customer
We can Save the form now and preview the result on site.