The Email option type allows customers to enter an email address as part of their product selection or configuration. This is useful for products or services that require customer contact details, like personalized products, digital downloads, or appointment bookings.
Basic option settings
1. Option Name
This is the internal name for the Email option within the app’s settings. It helps you manage and organize the option but does not appear on the storefront product page.
2. Label on Product
This is the text that appears above the Email input field on the product page. It provides context or instructions for the customer, such as "Enter your email address for digital delivery" or "Provide your contact email."
3. Label on Cart
This is the text that appears on the Cart summary screen, Checkout, and Order detail page, next to the email address entered by the customer. It ensures the customer’s email is clearly displayed with their order details, such as "Email: customer@example.com."
4. Add-On Product
This feature allows you to apply an additional charge based on the email address provided. For instance, if the email is required for a premium service or personalized communication, an extra fee could be added. However, this is less common for email inputs.
5. Conditional Logic
This feature allows you to set rules that determine when the Email field should be shown or hidden based on other customer selections. For example, the Email option might only appear if the customer selects a specific product customization or service.
Advanced option settings
1. Required Field
This setting ensures that the customer must enter an email address before proceeding with their purchase. If enabled, the Email field becomes mandatory.
2. Hide "Label on Product"
This option allows you to hide the label that typically appears above the Email input field on the product page. This can be useful if the field’s purpose is self-explanatory and the label is not needed.
3. Tooltip
This setting allows you to provide additional information in a pop-up message when the customer hovers over the information icon. It provides brief, contextual information without cluttering the interface.
4. Help Text
This setting displays directly beneath the Text option, offering more detailed explanations or instructions. It remains visible as users interact with the form, providing ongoing support and clarity.
5. Placeholder
This is the text displayed inside the Email input field before the customer enters their email address. It acts as a prompt or example, such as "yourname@example.com" or "Enter your email address here."
6. Class Name
This setting allows you to assign a custom CSS class to the Email field. This enables you to apply specific styling or behavior to the field based on your design needs.
Last updated