XeroWP
Checkout Field Editor for WooCommerce – Block & Classic Checkout Fields

Checkout Field Editor for WooCommerce – Block & Classic Checkout Fields

4.7/5 (40 ratings) 2K+ active installs Updated Nov 12, 2026
block checkoutcheckout field editorcheckout managercustom checkout fieldswoocommerce checkout fields
Download v2.5.7 Plugin Website
Block Checkout field editor: all checkout sections on one screen, with show/hide switches and drag and drop.

Block Checkout field editor: all checkout sections on one screen, with show/hide switches and drag and drop.

Checkout Field Editor for WooCommerce lets you add custom fields to the WooCommerce checkout page, edit or hide the default fields, and drag them into the order you want. It works with both the new WooCommerce Block Checkout and the Classic (shortcode) Checkout, with no coding.

Collect a VAT number, a delivery date, a gift message, a company website or a “How did you hear about us?” answer. Remove fields you don’t need so customers check out faster.

👉 See Live Demo | 📘 Documentation | 💎 Upgrade to Pro

⭐ Why store owners choose this checkout field editor

  • Built for Block Checkout. 11 free field types for the WooCommerce Checkout block, including Textarea, Email, Phone, Number, URL, Heading and Paragraph.
  • Classic Checkout too. 20 free field types for shortcode-based checkout pages.
  • Knows which checkout you use. The editor detects whether your store runs Block or Classic Checkout, opens the right editor and warns you if you are editing the other one.
  • Simple, modern editor. One screen for every checkout section. Click a field to edit it, flip a switch to show or hide it, drag to reorder.
  • Safe to experiment. Unsaved changes are highlighted, you can discard them in one click, and “Reset to defaults” restores WooCommerce’s original fields.
  • Lightweight and secure. Nonces, capability checks, sanitized input and escaped output throughout. No data is sent anywhere.

🧱 11 FIELD TYPES FOR WOOCOMMERCE BLOCK CHECKOUT (FREE)

Add custom fields to the Contact information, Address (shipping and billing) and Additional order information steps of the WooCommerce Checkout block:

  1. Text
  2. Textarea (multi-line)
  3. Email
  4. Phone
  5. Number
  6. URL
  7. Select (dropdown)
  8. Radio buttons
  9. Checkbox
  10. Heading (display only)
  11. Paragraph (display only, with bold, italic, lists and links)

Email, Phone, Number and URL fields show the right keyboard on mobile and are validated both in the browser and on the server, so bad values never reach your orders. Headings and paragraphs let you add instructions or notes between fields without collecting any data.

🧱 20 FIELD TYPES FOR CLASSIC CHECKOUT (FREE)

  1. Text
  2. Email
  3. Number
  4. Password
  5. Phone
  6. Hidden
  7. Select
  8. Multi-select
  9. Radio
  10. Checkbox
  11. Checkbox group
  12. Date
  13. Time
  14. Week
  15. Month
  16. Datetime local
  17. Textarea
  18. URL
  19. Heading
  20. Paragraph (static text)

🚀 FREE FEATURES

➕ Add custom checkout fields

Add unlimited custom fields to the billing, shipping and additional information sections. Set the label, placeholder, help text, default value, width, character limit and CSS classes. The field key is filled in automatically from the label.

✏️ Edit default WooCommerce checkout fields

Change labels, placeholders and required/optional status of the default fields, such as first name, company, address, phone and order notes.

🙈 Show or hide checkout fields

Hide any field with one switch, without deleting it. Turn it back on any time.

🔀 Reorder checkout fields with drag and drop

Drag fields into the order that makes sense for your customers.

✅ Field validation

Validate fields as email or phone numbers. In Block Checkout, Email, Phone, Number and URL fields are checked automatically.

📦 Show custom fields in orders and emails

Show what customers entered on the order page, the Thank-you page and in order emails.

🔎 Find fields fast

Search across all sections and apply bulk actions (show, hide, delete) to many fields at once.

♻️ One-click reset

Restore the original WooCommerce checkout fields at any time.

🌍 Translation ready

Translate every label with WPML, Polylang or Loco Translate.

💎 PRO FEATURES

Everything in the free checkout field editor, plus:

  • More field types: 24 in total, including file upload, time picker and date picker.
  • Conditional checkout fields: show or hide fields and sections based on cart contents, products, categories, cart total, user role, shipping method, payment method or other field values.
  • Custom checkout sections: add your own sections at many positions on the checkout page.
  • Price fields: add fixed, percentage or custom fees to the cart from checkout fields (taxable or not).
  • Advanced validation: postcode, number, state, URL and custom rules.
  • My Account fields: show and edit custom fields on the My Account page and in the WordPress user profile.
  • Address formats: include custom fields in addresses on My Account, the Thank-you page and emails.
  • Developer friendly: hooks and filters to extend the plugin.

👉 Get Checkout Field Editor Pro

🎯 Conditional logic (Pro)

Show a field only when it is needed. Rules can be based on:

  • Cart contains / does not contain / only contains
  • Cart subtotal or total equal to, greater than or less than
  • User role
  • Products, categories, tags, shipping class and product type
  • Other checkout fields: is empty, is not empty, equals, not equals, greater than, less than, is checked, is not checked, and date before, after or on a given day

💰 Price fields (Pro)

Charge for add-ons such as gift wrapping, express handling or installation: fixed amount, percentage of the cart total, percentage of the subtotal, or a custom amount.

📁 File upload field (Pro)

Let customers upload images, PDFs or documents during checkout.

🧰 USE CASES

  • Collect a VAT or tax ID, company website or purchase order number
  • Ask for a delivery date, delivery instructions or a gift message
  • Add a “How did you hear about us?” dropdown or radio question
  • Add a heading or note to explain a section of the checkout
  • Remove fields you don’t need, such as company name, to speed up checkout
  • Make fields required or optional for your business
  • Reorder fields to reduce cart abandonment

🔗 COMPATIBILITY

  • WooCommerce Block Checkout (Checkout block) and Classic Checkout ([woocommerce_checkout] shortcode)
  • WooCommerce Subscriptions
  • PDF Invoices & Packing Slips and Print Invoices & Packing Lists
  • Multi-vendor plugins (Dokan, WCFM, WC Vendors)
  • WPML, Polylang and Loco Translate
  • WordPress multisite

🛠 HOW TO USE

  1. Install and activate the plugin.
  2. Go to WooCommerce > Checkout Form Editor.
  3. The editor opens on the checkout your store uses (Block or Classic).
  4. Click Add Field in a section, choose a field type and enter a label.
  5. Show, hide, edit or drag fields into place, then click Save Changes.

📘 Full guide: Manage fields on the checkout page

🔒 SECURITY & PRIVACY

The plugin uses nonces, capability checks, sanitization and escaping throughout. It does not collect or send any data, and all assets are served from your own site. The code is regularly reviewed and checked with Plugin Check (PCP).

💬 SUPPORT & DOCUMENTATION

If the plugin helps your store, a ⭐⭐⭐⭐⭐ review helps other store owners find it. Thank you!

Developed by JCodex Technologies, a WordPress and WooCommerce team with more than 10 years of experience building eCommerce solutions. See our other plugins at jcodex.com/plugins.