The different types of form fields – Instapage Help Center

The first step in editing a form is clicking on it. You will then be presented with the Form Settings menu, in which you can edit the form's style and button's style or select if the form should be visible for both Desktop & Mobile.

inside builder.png

However, new form fields are edited if you click on Edit Form and you are taken to the form's editing window.

Editing Form Fields

There are 4 primary form field editing options:

Edit the properties of an existing form field;
Duplicate the form field;
Delete the form field;
Rearrange the position of a form by clicking on the six dots above the middle of the field and dragging.

Each different type of form field has its own properties.

Input fields can have formatting validation enabled, which means that they will not allow the visitor to submit the form if that field does not have input in the form of what you set up. If you choose email validation, the visitors will only be able to submit the form if they enter input of the type text@text.text in this field.

Screenshot on 2024-08-27 at 17-18-52.png

You can also add business email validation for your email fields by following our dedicated guide here: https://d.pr/n2ZN9i
Label: Description of the information you'd like to collect from your visitors;
Required: A visitor will not be able to submit the form if they leave a required field empty;
Drop-down, checkbox, radio button selections: These types of form fields typically require a few pre-defined options for the visitor to select from.

Adding New Form Fields

You can add new form fields at any time by clicking on the form and then Edit Form. Doing so you will be taken to the editing window and will present you with a list of Predefined field-type options and the ability to create a custom field with Create New.

My fields - predefined field types:

First Name, Last Name, Email, Phone Number, Website, Company Name, Job Title, Street Address Line, City, State/Province/Region.
Industry: Predefined options for different types of industries such as Agriculture, Automotive, Banking etc.
Company Size: Predefined options for the number of employees a company may have, for example, 1-4, 5-9, 10-19 employees, etc.
Country: Under this label, you will find different predefined options of all the country names.
Gender: Predefined options for genders.
Marital Status: Predefined options for marital statuses.

Create New - custom field types:

Single-line text
Multiple-line text (textarea)
Email
Dropdown
Radio buttons
Checkboxes - standard multi-choice checkboxes
Checkbox (GDPR/TOS) - one checkbox that allows you to link to your TOS, Privacy Policy, etc.
Date - a date format field. You can pick from multiple date format options as well as restrict the time frame and days of the week.
Password

NOTE: Fields with Custom options (typically drop-down, checkbox, or radio button selections) can not have their options uploaded in bulk. You need to manually add each option.

A single-line text field can be set as hidden. The hidden field will not be visible to the user, but it can have a set value or a dynamic one (based on the value of a URL parameter). Click here for more details.

The password field will be encrypted. The content appears as asterisks **** both on the live URL and in the lead data in Instapage. The content of the password field can be viewed in the lead info in a CRM if the page is integrated with a CRM. To learn more about the integrations we have and how you can connect them, please refer to this article: https://d.pr/yHKD8R.

NOTE: The password form field is a normal text field that just hides the input from viewers; it is not the same as "password protecting" your page.

The checkbox field will send the value entered for each option when checked and will send no value when left unchecked. It does not send boolean values.

To add links to your Checkbox (GDPR/TOS) field, select the desired text with your cursor, then click on Link setup, as shown in the screenshot below.

Markup on 2025-05-06 at 16:58:55.png

For the Single-line text Field, you can select the Custom Formatting option in order to restrict how the page visitor can enter information. You can also choose to have a numeric pad appear on the mobile version of the page.

Screenshot on 2024-08-27 at 17-25-30.png

You can use this for phone number formatting, or, for example, if you have a Zip Code field and want to only accept inputs made up of 6 numeric characters, you can enter '000000' there.

Screen Capture on 2024-08-27 at 17-26-51.gif

If you need the field to include zero, the letter "a" or the asterisk symbol * as an established part of it instead of a replacement, you can use a backslash "\" in front of the character that you want to be fixed. For example, to have the (+60)-(___)-(____) phone number format, you would input (+6\0)-(000)-(0000). The first zero will be fixed due to the backslash in front of it, while the other zeroes will indicate that any number can be typed in by the page visitor.

Note: All Predefined form fields are Required and displays an asterisk by default, however, you can easily customize this to your liking. The asterisk can be turned off alone, keeping the field Required. Or if the Required option is deselected, the field will not be required and no asterisk will be visible.

Saving fields

Fields that you created and customized yourself can be saved to be reused in other forms.

When you are done editing a custom field, click on Save to My Fields in the bottom right corner. Give it a recognizable name and then Save.

Markup 2025-09-22 at 13.17.56.png

Saved fields will appear at the top of the My Fields area in the Form Builder. The GIF below shows the process of creating and saving a field, and then seeing it in the indicated area.

Screen Capture on 2025-09-22 at 13-24-49.gif

Important: When a custom field is saved in the manner described, it also gets added as a Contacts field automatically. To learn more about Contacts, visit the dedicated guide here: https://d.pr/u3yupt

Additional Form Options

If you click on Form Style, you will be able to change elements such as the colors used in the form and the position of the field label.

If you click on Button Style you will be able to change elements such as:

Button Colors: Select a color for your form button, for when you hover over the button and for the button text;
Button Text: This is where you'll choose the text that your form button displays;
Button Font: You can control the font used and its size;
Flat: This adds a flat look to your form button to give it a modern/simple look;
Glossy: This adds a subtle gradient to your form button to give it a 3D look;
Drop Shadow: This adds a subtle drop shadow to the bottom of your form button to give it more depth;
Border: Allows you to add an outline on your button;
3D effect: Gives the button an added depth look and makes it stand out more;
Image: You can set an image as the background of the button, instead of a color;
Corner Radius: This allows you to round out the corners of your form button;
Accessibility: aria-label - it should indicate to a visitor using a screen reader where the link on the submit button would take them and what action would result from clicking on it. You can find our full accessibility article here: https://d.pr/5Gk7z2

Note: We do not currently have any native feature to add conditional logic to forms. Conditional logic can be achieved through custom code. In case you need help with a custom functionality or any code customization that is not provided through our Help Center articles, we have an Expert Services team that can help our Convert customers. The Convert Solution includes Expert Services as well as additional features and services that can be seen here: https://instapage.com/enterprise-solution