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
  • Phone Number Field Settings

Was this helpful?

  1. Checkout Builder Elements

Phone Number

PreviousNumberNextEmail

Last updated 8 months ago

Was this helpful?

Element Description

The Phone Number field is used to collect phone number information from customers during the checkout process. It ensures that the input matches the format for valid phone numbers, improving communication and order management.

Sample Use Cases

  • Collect customer contact details for order confirmations.

  • Request phone numbers for delivery coordination.

  • Gather contact information for customer service follow-up.

Phone Number Field Settings

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

  • Placeholder – Text shown inside the input box before the customer enters a phone number.

  • Description – Additional information or instructions about the field that appears 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 fill in this field before completing their purchase.

Advanced Settings

  • Validation Error Message – Set a custom message to be displayed if the phone number input doesn't meet the validation requirements.

Custom Class Name – Add to style or further customize the phone number field.

custom CSS classes
Sample Phone Number Field