Email Field Element

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.