Email Field
1. How Does the Email Field 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).
📝Note: Customers can only enter a valid email address in the Email Field.
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 Field 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 Upsell product, follow this guide for more information.
Other features:
Price Add-On > Create Fee – What is it & How to Use
Price Upsell product > 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 Field 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 Field 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).
Default value: Pre-fill text inside the Email Field that appears every time the customer goes to the site. It can save time for customers by providing common or expected input.
How it looks like in your storefront:
Placeholder text: Display placeholder text inside the Email Field 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 Filed works correctly.
3. Real-world Applications of Email Filed
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 Filed
Email fields ensure users enter properly formatted email addresses, reducing errors and improving communication.
Last updated