Additional Checkout Fields for Woo is a lightweight, intuitive plugin that allows you to effortlessly add extra fields to your WooCommerce checkout page. Collect extra contact info, links, instructions, or any other custom data without modifying your theme or writing new code.
🔥 Simple, Flexible, and Built for WooCommerce
The default WooCommerce checkout form doesn』t always fit every store』s needs. This plugin gives you the tools to expand your checkout form, keeping the process smooth for customers and organized for admins.
🚀 KEY FEATURES
✅ Add Nine Field Types to Checkout
Choose from the most commonly needed field types:
Heading
Text
Number
Email
URL
Checkbox
Radio button
Dropdown
Text Area
Each field supports:
- Custom field label
- Placeholder text
- Required/optional toggle
- Custom section title (e.g., 「Additional Info」)
✅ Fields Are Visible and Editable in the WooCommerce Admin
- Easily view custom field data on the order admin page.
- Edit the custom information directly on the order page
- Keep all checkout data in one place—no additional navigation needed.
✅ Error-Free Simplicity
The setup is simple and just works. Choose your fields, customize them, and they appear instantly on your checkout form.
✅ Designed for Speed & Compatibility
Lightweight and built for compatibility with modern WooCommerce and WordPress standards.
Development
This plugin uses Laravel Mix (Webpack) for asset compilation. The source files for JavaScript and CSS are located in the src/ directory:
- JavaScript source files:
src/js/ - SCSS source files:
src/scss/
To build the assets:
-
Install dependencies:
npm install -
Build for development:
npm run dev -
Build for production:
npm run prod -
Watch for changes during development:
npm run watch
The compiled assets are generated in the assets/ directory.
