StylemixThemes Docs
WebsiteThemeforestYouTube Tutorials
Checkout Custom Fields Builder for WooCommerce
Checkout Custom Fields Builder for WooCommerce
  • Checkout Custom Fields Builder for WooCommerce (CCFBW) Documentation
  • GETTING STARTED
    • System Requirements
  • PLUGIN FEATURES
    • Checkout Builder
    • Checkout Elementor Widget
    • WooCommerce Checkout Block
    • Custom Classes
  • Checkout Builder Elements
    • Text Field
    • Textarea
    • Number
    • Phone Number
    • Email
    • URL
    • File Upload
    • Drop-Down
    • Radio Button
    • Multiple Checkbox
    • Multiple Select
    • Date Picker
    • Time Picker
  • CHANGELOG
    • Release Notes
    • Changelog (Free Version)
  • STYLEMIXTHEMES
    • Themes
    • Plugins
Powered by GitBook

©️ 2025 StylemixThemes

On this page
  • Element Description
  • Email Field Settings

Was this helpful?

  1. Checkout Builder Elements

Email

PreviousPhone NumberNextURL

Last updated 8 months ago

Was this helpful?

Element Description

The Email field is designed to collect email addresses from customers during checkout. It ensures that the input matches the format for valid email addresses, facilitating communication and order confirmations.

Sample Use Cases

  • Collect customer email addresses for order confirmation and updates.

  • Request email information for marketing or newsletters.

  • Use for contacting customers in case of order-related inquiries.

Email Field Settings

  • Label – The name of the field displayed to the customer on the checkout page.

  • Placeholder – The text that appears inside the input box before the customer enters their email.

  • Description – Additional information or instructions about the field, displayed below the input box.

  • Enable/Disable Field – Allows you to enable or disable the field based on your needs. If it is disabled, the element will not be displayed in the checkout form, you can enable it anytime from the checkout builder according to your needs.

  • Is Required – When enabled, customers must provide their email address before completing the purchase.

Advanced Settings

  • Validation Error Message – Set a custom error message to display if the email entered does not meet validation requirements.

Custom Class Name – Add for styling or additional customization of the email field.

custom CSS classes
Sample Email Field