Description
WooCommerce Plugin
Checkout Block Architect
Stop choosing between Block Checkout performance and customization. Hide fields, add custom fields, conditional logic, reorder sections. No code required. Visual interface replaces broken PHP filters. Legacy plugins failed when WooCommerce switched to React-based Checkout Block. This plugin bridges the gap. Works instantly after activation. Inherits theme styles automatically.
Hide Fields
Custom Fields
No Code
Conditional Logic
The checkout customization crisis
WooCommerce switched to React-based Checkout Block. Performance improved. But customization broke. Your PHP filters? Ignored. Your legacy plugins? Dysfunctional. The old add_filter for woocommerce_checkout_fields? Does nothing on Block Checkout. Store owners forced to choose: keep old shortcode checkout with slow performance, or upgrade to Block Checkout and lose all customization. Digital product stores cannot remove postcode fields. B2B stores cannot add VAT number fields. Nobody can hide company or reorder address sections. That nightmare ends now.
Hide Any Field
Remove postcode for digital products. Hide company field. Remove address_2. Hide phone number. Any billing, shipping, or order field. Checkboxes in admin. Click to hide. Works instantly on Block Checkout.
Add Custom Fields
VAT number for B2B. Delivery instructions. Gift message. PO number. License plate. Custom text, textarea, select, checkbox, email, phone, number fields. Position anywhere. Required or optional. Saved to order meta.
Conditional Logic
Show VAT field only when company name filled. Display gift message when gift checkbox checked. Conditional visibility based on other field values. If X equals Y, show field Z. Dynamic checkout forms.
Theme Inheritance
Zero styling conflicts. Custom fields automatically inherit your theme’s form styles. Colors, fonts, spacing, borders all match. No custom CSS needed. Works with any WordPress theme. Looks native.
Why legacy solutions failed
For 10 years, customizing WooCommerce checkout meant adding PHP filters to functions.php. Add a field with woocommerce_checkout_fields hook. Hide postcode with unset. Reorder with priority values. Worked perfectly. Then WooCommerce released Checkout Block. React-based. Client-side rendering. Performance gains significant. But the architecture shift broke everything. Block Checkout does not respect PHP filters the same way. Your add_filter code runs, but the React app ignores it. Legacy field editor plugins? Dysfunctional. Store owners stranded. That is the Block Checkout crisis.
PHP filters ignored by Block Checkout (React architecture)
Your functions.php snippets: woocommerce_checkout_fields filters, unset postcode, custom field arrays. All ignored by Block Checkout. Legacy code works on shortcode checkout only. Block uses React rendering. PHP executes server-side. React renders client-side. Mismatch. Fields do not hide. Custom fields do not appear. Broken.
Legacy field editor plugins dysfunctional
Popular checkout field plugins: built for PHP filter manipulation. Work perfectly on classic shortcode checkout. Completely broken on Block Checkout. Interface shows options. Nothing happens on frontend. Plugin developers slow to update. Some abandoned. Store owners stuck. Cannot customize Block Checkout. Must revert to old shortcode. Lose performance benefits.
Checkout Block Architect: Visual interface, React-compatible, instant results
Built specifically for Block Checkout architecture. Visual admin interface. Click checkboxes to hide fields. Add custom fields with form builder. JavaScript handles Block Checkout rendering. PHP filters handle classic checkout fallback. Hybrid approach. Works on both. No code required. Install, configure, save. Checkout updated instantly. Customization restored. Performance maintained. Problem solved.
💳 Real Example: Digital Products Store
Before: Forced to collect postal codes for downloads
Store sells WordPress themes and plugins. Digital downloads only. No shipping. Checkout requires billing address including postcode. Customers confused. “Why do you need my ZIP code for a download?” Abandoned carts. Support tickets. Tried PHP filters to remove postcode. Worked on shortcode checkout. Upgraded to Block Checkout for speed. Filters ignored. Postcode field returned. Required. No way to remove it. Contacted legacy plugin developers. No solution. Stuck choosing: fast Block Checkout with unnecessary fields, or slow shortcode checkout with customization. Bad options.
After: Clean checkout, zero confusion, Block performance maintained
Installed Checkout Block Architect. WooCommerce settings menu → Checkout Block. Field Visibility tab. Checkboxes for all fields. Checked “Hide Postcode” for billing and shipping. Checked “Hide Address Line 2” and “Hide Phone” (also unnecessary for downloads). Saved settings. Tested checkout page. Block Checkout active. Fast performance maintained. Postcode field: gone. Address_2: gone. Phone: gone. Checkout now shows: First Name, Last Name, Email, Country, City. Simple. Relevant for digital products. Customer confusion eliminated. Abandoned cart rate dropped 15%. Support tickets about “why need address” stopped completely. Both achieved: Block Checkout speed AND customized fields. Win.
🏢 B2B Store Workflow
Challenge: B2B customers need to provide VAT number and PO number for invoicing. Standard WooCommerce checkout has no fields for this. Custom fields needed. But only for business customers, not consumers.
Solution with Checkout Block Architect: Custom Fields tab. Add field: Key “vat_number”, Label “VAT Number”, Type “text”, Position “after billing email”. Add field: Key “po_number”, Label “Purchase Order Number”, Type “text”, Position “after billing email”. Conditional Logic: Show “vat_number” when “billing_company” is not empty. Both fields appear only when company name filled. Perfect B2B checkout flow.
Result: Clean consumer checkout (no extra fields). Complete B2B checkout (VAT and PO captured). Data saved to order meta automatically. Visible in order admin. Can be used in invoices, emails, reports. Zero code written. All configured visually. Works on Block Checkout.
Complete feature set
Visual checkout customization for WooCommerce Block Checkout. Hide fields, add custom fields, conditional logic, field reordering, validation control. No React knowledge required. No PHP filters needed. Clean admin interface. Instant results.
👁️ Field Visibility Control
• Hide any billing field
• Hide any shipping field
• Hide order notes
• Remove postcode requirement
• Hide company field
• Hide address line 2
• Hide phone number
• Checkbox interface simple
➕ Custom Field Addition
• Text input fields
• Textarea for long text
• Select dropdowns
• Checkbox options
• Email validation
• Phone number fields
• Number inputs
• Required or optional
🔀 Conditional Logic
• Show field when condition met
• Equals condition
• Not equals condition
• Contains text condition
• Not empty condition
• Empty condition
• Multiple rules support
• Dynamic form behavior
📍 Field Positioning
• Before billing section
• After billing email
• After billing phone
• After billing section
• Before shipping section
• After shipping section
• Before order notes
• After order notes
💾 Data Management
• Custom fields save to order meta
• Visible in order admin
• Available for emails
• Accessible via API
• Export with orders
• Use in reports
• Database efficient
• HPOS compatible
⚙️ Technical Features
• Block Checkout compatible
• Classic checkout fallback
• Theme style inheritance
• Zero styling conflicts
• HPOS compatible
• AJAX-based admin
• Lightweight JavaScript
• Works immediately
Perfect for
Digital Product Stores
Sell themes, plugins, courses, ebooks, music, videos. No shipping. No physical address needed. Hide postcode, state, address line 2, phone. Keep only: name, email, country, city. Clean checkout. Reduced abandonment. Customer clarity.
B2B WooCommerce Stores
Business customers need VAT number, company registration, PO number, tax ID. Add custom fields. Conditional display (show VAT when company filled). Capture all required B2B data. Saved to orders. Available for invoicing.
Gift Shops & Special Instructions
Need gift message field, delivery instructions, special requests. Add custom textarea. Position after order notes. Optional or required. Customer provides context. Fulfillment team sees instructions. Better service.
Stores Upgrading to Block Checkout
WooCommerce pushing Block Checkout as default. Performance benefits significant. But customization broken. This plugin bridges gap. Get speed AND customization. No choosing. Both achieved.
Common use cases
Use Case 1: Remove Postcode for Digital Downloads
Install plugin. WooCommerce → Checkout Block → Field Visibility. Check “Hide Postcode (Billing)” and “Hide Postcode (Shipping)”. Save. Block Checkout now asks: name, email, country only. Perfect for WordPress themes, online courses, ebooks. Customer confusion eliminated. Checkout simplified.
Use Case 2: Add VAT Number for EU B2B
Custom Fields tab. Add field: key “vat_number”, label “VAT Number (EU B2B)”, type “text”, position “after billing email”, required “yes”. Conditional Logic: show when billing_company is not empty. EU business customers see VAT field. Consumers do not. Clean conditional checkout.
Use Case 3: Gift Message for Florist
Add custom field: key “gift_message”, label “Gift Card Message”, type “textarea”, position “after order notes”, required “no”. Customers buying flowers can add personalized message. Florist sees message in order admin. Prints on card. Perfect gift checkout experience.
Use Case 4: Hide Company Field for Consumer Store
Selling to consumers only. No business customers. Company field unnecessary. Field Visibility tab. Check “Hide Company (Billing)” and “Hide Company (Shipping)”. Checkout simplified. Faster completion. Reduced friction.
🚀 Setup Process
Step 1: Install and activate plugin (WooCommerce required)
Step 2: Go to WooCommerce → Checkout Block in admin menu
Step 3: Field Visibility tab: check fields to hide
Step 4: Custom Fields tab: add new fields if needed
Step 5: Save settings. Test checkout. Changes live instantly.
Frequently asked questions
Does this work with WooCommerce Checkout Block?
Yes. This plugin is specifically built for the WooCommerce Checkout Block. It uses JavaScript to modify the React-based block interface. Also includes PHP filters for classic shortcode checkout fallback.
Do I need to write code?
No. Completely visual interface. Click checkboxes to hide fields. Fill form to add custom fields. No PHP filters. No React knowledge. No JavaScript. Just settings page and save button.
Will custom fields match my theme?
Yes. Custom fields automatically inherit your theme’s form styling. Colors, fonts, spacing, borders all match. Zero styling conflicts. Works with any WordPress theme. Looks native.
Where is custom field data saved?
Saved as order meta data. Visible in WooCommerce order admin. Available in order emails. Accessible via WooCommerce API. Can export with orders. Use in reports and analytics.
Can I show fields conditionally?
Yes. Conditional logic supported. Show field B when field A meets condition. Equals, not equals, contains, not empty, empty conditions available. Example: show VAT field only when company name filled.
Does this work with HPOS?
Yes. Fully compatible with WooCommerce High-Performance Order Storage (HPOS). Custom field data saved correctly to custom tables. Declares compatibility automatically.
Will this slow my checkout?
No. Lightweight JavaScript. Minimal CSS. Inherits theme styles. Zero additional database queries on checkout. Maintains Block Checkout performance benefits. Actually faster than legacy PHP-based solutions.
What about updates and support?
One-time purchase includes lifetime updates. Future WordPress compatibility free. Future WooCommerce compatibility free. No renewal fees. No expiration. Pay once, own forever.
Technical requirements
WordPress
6.0 or higher
WooCommerce
8.0 or higher
PHP
8.2 or higher
Compatibility
Block & Classic Checkout
