About the Email Field Element
The Email Field element is a form field designed to collect users’ valid email addresses.
It is integrated into the Contact Form or Newsletter Form element, so you’ll need to add one of these forms to your page first to use the Email Field.
To use the email field element, drag and drop it into the Contact/Newsletter form. Please refer to the article: How to Build Contact Form for a better understanding.
Email Field Settings
The Email Field element can be customized using the following settings:
Placeholder
Set placeholder text that provides guidance to users, such as “Enter your email address.” The placeholder disappears when the user starts typing in the field.
Required
Toggle the Required option to ensure the user must complete the email field before submitting the form. This helps prevent incomplete submissions.
Size
- Field Size: Adjust the height of the email field to fit your design. Choose from 3 options: Small – Medium – Large.
- Width: Set the width of the email field to control how much space it occupies in the form layout.
Align
When your email field is not set to full-width, you can align it to the left, center, or right.
Text
Customize the font, color, size, and line height of the text inside the field to match the style of your form.
Hide on Client
Enable the Hide on Client option if you don’t want the field to appear for users on the live page. This is useful for fields you only need internally or plan to use later.
Configure the Advanced tab for the Email Field Element
For more advanced customization, please navigate to the Advanced tab and follow the instructions in this article.