Create an Email Field

1. How Does the Email Display?

The Email option displays as a single-line textbox, specifically designed to accept valid email addresses. It automatically checks for proper formatting (including "@" and a domain).

Example of how it appears on a product page:

A notification will show up if customers do not enter the correct email format:

2. How to Create a Email option

Step 1: Add a New Option

• Click Add Option > Email to create a new option

Step 2: Add information to the Email

• Enter the name for the Email (e.g., “Enter your email address:")

Step 3: Set the target of Price add-on in Option values (optional)

Price Add-on feature will help you add extra fee for options customers choose.

How the Price add-on will look on the storefront:

• If you choose to Create fee, see details of this feature in How to add price to options?.

• If you choose to Assign to variant, follow this guide for more information.

Other features:

• Price Add-On > Create Fee – What is it & How to Use
  
• Price Add-On > Assign to Variant – What is it & How to Use
  
• SKU – What is it & How to Use
  
• Quantity – What is it & How to Use

Step 4: Advanced Settings (If Needed)

• Conditional Logic: Enable conditional logic if you want the Email to show/hide only when a customer selects a specific option from another field. How to set up Conditional logics?
  
  Example: An option “Enter your email address” appears only if the customer selects “Yes” for “Would you like to receive exclusive emails with discounts and product updates?”

• Help text: Add a short description to explain the purpose of the Email option, offering context or clarification when the customer enters the information. Help text can be displayed as Tooltip or Content (Below/Beside the option title, Below the option).

Here is an example of the Help text as Tooltips looks like in your storefront:

• Default value: Pre-fill text inside the Email that appears every time the customer goes to the site. It can save time for customers by providing common or expected input.
  
• Placeholder text: Display placeholder text inside the Email as a faded, lighter color. This text disappears when the customer starts typing and is often used to give customers a clear example of what should be filled in the field.

Here is an example of how it looks like in your storefront:

• Limit characters: You can set Min/Max characters that customers can input in the Email.

If your customers input less than the minimum value, it will show a notification message below. The same with maximum value.

Step 4: Save and Test

• Click Save to apply the settings.

• Visit the product page on your store to check if the Email works correctly.

3. Real-World Applications of Email

• Account Creation: Register users with a unique email for login and verification.
  
• Newsletters & Marketing: Let users subscribe for updates, promotions, or restocks.
  
• Event Registrations: Send tickets, reminders, or digital access links.

4. Key Features of Email

• Email fields ensure users enter properly formatted email addresses, reducing errors and improving communication.**

Updated on: 26/04/2025