Email

Field Configuration: To add Email field in a form, go to User Meta >> Forms. Add a new form or edit an existing one. In the Form Builder menu click Email from right sidebar of WordPress Default Fields section. Then you will have a configuration panel. Configure your Email field by using this configuration panel.

There are two parts in the field to configure. These are: basic & advanced.

 

Basic Configuration:
This part consists of Field Label, Label Position, Placeholder and Description.
Field Label: Set the field’s name whatever you want.
Label Position: Set where the name of the field will be visible. There are several options.
You can place it at Top, Left, Right, Inline or Placeholder. You can even hide the name by
selecting the option Hidden.
Placeholder: You can set a placeholder name for this field to provide information of the
field and use it in different places.
Description: Write the description of the field, if you want. Description will be visible
below the table box.

Re-type Email: You can force user to enter email address twice. To do this, just check Retype Email. There will be a new option named Retype Label. Put a name of the retype label. If the two email don’t match, then there will be an error text.

 

img-01: basic configuration
img-01: basic configuration

 

Advanced Configuration:

This part consists of Rule, Max Char, Field Size, Input Class, Field Container Class, Field Container Style, Make the Field as Shared and Conditional Logic.

Rule: You can set the field only for the admin by checking Admin Only. Also can select Read-Only for all user or Read-Only for non admin.

Max Char: Set the limit of maximum allowed character in the field. If you want to allow maximum of 100 characters in the field then just write 100 in the box.

Field Size: Set the size of the field. For example: to make a 250px field just write 250px in the box.

Input Class: Can specify custom class for input. Write the custom class name.

Field Container Class: Can set custom class for field container. Write the custom class name.

Field Container Style: Can set custom css style for field container.

Make Field as Shared: To make this field as a shared field to use the field in any form just check Make this field as shared.

Conditional Logic: To apply conditional logic to this field Enable Conditional Logic. To know about conditional logic, read Fields Basics.

 

img-02: advanced configuration
img-02: advanced configuration

 

Generated Field:

For these setup, the generated field will be like below:

 

img-03: generated email field
img-03: generated email field

 

Required and Unique Validation: By default, Email field is required and unique validation is automatically activated when this field is used in form. That means, user must fill up this field and Email should be unique and valid. If user does not fill up the field or Email has already taken then there will be error messages.