πŸŽ‰ Use coupon MYXERO to enjoy 20% recurring discount on any plan. View Pricing
Additional Checkout Fields for Woo
Additional Checkout Fields for Woo

Additional Checkout Fields for Woo

0/5 (0 ratings) β€” active installs Updated Sep 29, 2025
Dashboard> Checkout Fields

Dashboard> Checkout Fields

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:

  1. Install dependencies:
    npm install

  2. Build for development:
    npm run dev

  3. Build for production:
    npm run prod

  4. Watch for changes during development:
    npm run watch

The compiled assets are generated in the assets/ directory.