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

Was this helpful?

  1. Checkout Builder Elements

Number

PreviousTextareaNextPhone Number

Last updated 8 months ago

Was this helpful?

Element Description

The Number field allows users to input numerical data during the checkout process. It can be used to capture values such as quantities, order numbers, or any other relevant numerical information.

Sample Use Cases

  • Collect the number of items for a custom order.

  • Specify an order reference or ID number.

  • Gather quantity details for bulk purchases.

Number Field Settings

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

  • Placeholder – The text that appears inside the input box before the customer enters any number.

  • Description – Additional information or instructions that will appear 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 – Makes the field mandatory for customers before completing their purchase.

  • Default Value – Pre-fill the number field with a default value when the checkout page loads.

  • Min. Value – Specify the minimum value that can be entered in this field.

  • Max. Value – Specify the maximum value that can be entered in this field.

  • Step Value – Define the step increments for the numbers (e.g., increase by 1, 15, 30, etc.).

Advanced Settings

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

custom CSS classes
Sample Number Field