Documentation

All the information you need in one place

How to Use a Phone Field in Nelio Forms

The phone field in a form is the designated field for users to enter a phone number in your form.

In this entry, we’ll show you all the options available for the phone field in Nelio Forms.

Adding a Phone Field to Your Form

When creating a new form or editing an existing one, adding a phone field is as easy as adding a new Phone field block in the block editor. You can use the Block Inserter + icon, or a shortcut slash command or use the More options on any of the block’s toolbar to insert a block.

Adding a phone field to a form
Adding a phone field to a form.

You may change its descriptive label (the default label is “Phone”) and you have the option to have this label displayed or not on the form.

Change the label to the Phone field
Change the label to the Phone field.

You can also type a placeholder in the field, which is especially recommended if don’t display the label of the text field in the form.

Preview or a phone field with a label
Preview or a phone field with a label.
Preview or a phone field with a placeholder
Preview or a phone field with a placeholder.

Phone Field Settings

In the sidebar, you can set the the following phone field properties:

  • Limit the minimum number of characters the user should type on the field,
  • Limit the maximum text length,
  • Set whether the field must be filled in the form to be submitted,
  • Set whether the field label should be shown or hidden.
Text field settings
Text field settings.

Moreover, as any other block, you can add additional CSS classes to change the styling of the block.