Theodore Sfakianakis

🎯 WooCommerce Checkout Fields Customization Plugin
Fieldora Checkout for WooCommerce gives you complete control over your WooCommerce checkout. Add unlimited custom fields, edit default fields, rearrange with drag-and-drop, and choose from 20+ field types.
Note: This plugin currently supports Classic WooCommerce checkout only. Block checkout support is planned for a future release.
<h4>Key Features</h4>
✅ Complete Checkout Customization
<ul>
<li>Add custom fields to Billing, Shipping, or Additional Information sections</li>
<li>Edit ALL default WooCommerce fields (label, placeholder, required status, etc.)</li>
<li>Drag-and-drop field reordering with real-time priority updates</li>
<li>Enable/disable fields with toggle switches</li>
<li>Visual distinction between default and custom fields</li>
<li>Delete protection for required WooCommerce fields</li>
</ul>
✅ 20 Field Types for Classic Checkout
<ol>
<li>Text – Single-line text input</li>
<li>Number – Numeric input with validation</li>
<li>Hidden – Hidden field for storing data</li>
<li>Password – Password input field</li>
<li>Email – Email input with validation</li>
<li>Phone (tel) – Phone number input with validation</li>
<li>Radio – Radio button options</li>
<li>Textarea – Multi-line text area</li>
<li>Select – Dropdown select menu</li>
<li>Multi-Select – Multi-selection dropdown</li>
<li>Checkbox – Single checkbox</li>
<li>Checkbox Group – Multiple checkboxes returning array</li>
<li>DateTime Local – Date and time picker</li>
<li>Date – Date picker</li>
<li>Month – Month picker</li>
<li>Time – Time picker</li>
<li>Week – Week picker</li>
<li>URL – URL input with validation</li>
<li>Heading – Display-only section heading (H3)</li>
<li>Paragraph – Display-only paragraph text</li>
</ol>
✅ Comprehensive Field Validation
Built-in Type Validation: 
* Number: Numeric-only input 
* Email: Valid email format 
* Phone: 7-15 digit phone validation 
* URL: Valid URL format
Custom Validation Rules: 
* Postcode: Postal code format (3-10 alphanumeric) 
* State: Valid WooCommerce state code 
* Phone (strict): Strict international phone format
Features: 
* Multiple validation rules per field 
* Custom error messages with field labels 
* Server-side validation on checkout 
* Developer hook for custom validation rules
✅ Field Visibility Controls
Granular control over where fields appear: 
* Order Details Page – Show on customer order details and thank you page 
* Admin Emails – Include in admin notification emails 
* Customer Emails – Include in customer order emails
All visibility settings respected across: 
* Admin order edit page 
* Customer My Account → Order Details 
* Thank You page 
* New Order emails (admin) 
* Processing Order emails (customer) 
* Completed Order emails (customer)
✅ Order Integration
<ul>
<li>Automatic field value saving on checkout</li>
<li>Type-based sanitization (email, tel, number, url, textarea, arrays)</li>
<li>Field label storage for proper display</li>
<li>Support for array values (multi-select, checkbox group)</li>
<li>Display in admin order page (billing & shipping sections)</li>
<li>Display in customer order details page</li>
<li>Display in WooCommerce emails</li>
<li>Proper formatting for arrays, dates, URLs, multi-line text</li>
</ul>
✅ One-Click Reset Feature
<ul>
<li>Reset individual sections (Billing, Shipping, or Additional)</li>
<li>Delete all custom fields in selected section</li>
<li>Restore default WooCommerce field configurations</li>
<li>Confirmation dialog with safety check</li>
<li>Success notifications</li>
</ul>
✅ Translation Ready
<ul>
<li>All strings wrapped in translation functions</li>
<li>Text domain: <code>smart-checkout-fields-manager</code></li>
<li>Compatible with Loco Translate, WPML, and Polylang</li>
<li>RTL language support</li>
<li>Ready for community translations</li>
</ul>
✅ Developer-Friendly
Powerful hooks for developers: 
* Actions: <code>scfm_init</code>, <code>scfm_field_deleted</code>, <code>scfm_after_field_save</code>, <code>scfm_validate_field</code> 
* Filters: <code>scfm_sanitize_field_data</code>, <code>scfm_checkout_fields</code>, <code>scfm_field_config</code>, <code>scfm_field_value</code> 
* Full documentation in code 
* Easy to extend with custom field types
<h4>Use Cases</h4>
<ul>
<li>E-Commerce Stores: Collect delivery instructions, gift messages, company VAT numbers</li>
<li>B2B Shops: Add business license fields, tax IDs, purchase order numbers</li>
<li>Subscription Services: Collect subscription preferences, renewal dates</li>
<li>Event Tickets: Add attendee information, dietary requirements</li>
<li>Custom Products: Collect personalization details, custom specifications</li>
<li>Multi-Vendor: Add vendor-specific information fields</li>
</ul>
<h4>Why Choose Fieldora Checkout for WooCommerce?</h4>
✓ 20+ Field Types – Wide selection of field types 
✓ Drag & Drop – Intuitive interface for field management 
✓ No Coding Required – User-friendly admin interface 
✓ Developer Friendly – Extensive hooks and filters 
✓ Translation Ready – Works in any language 
✓ Active Development – Regular updates and improvements
<h4>Premium Features (Coming Soon)</h4>
<ul>
<li>Conditional Logic – Show/hide fields based on other field values</li>
<li>Field Dependencies – Make fields required based on conditions</li>
<li>Import/Export – Backup and share field configurations</li>
<li>Field Templates – Pre-built field sets for common scenarios</li>
<li>Advanced Field Types – Signature, File Upload, Color Picker, Range Slider</li>
<li>Multi-Step Checkout – Split checkout into multiple steps</li>
<li>Field Analytics – Track field completion rates</li>
<li>Priority Support – Fast email support</li>
</ul>
Want these features now? <a href="https://www.paypal.com/donate?business=theodore.sfakianakis@gmail.com" rel="nofollow ugc">Support development</a> to help prioritize!
<h3>Developer Documentation</h3>
<h4>Available Hooks</h4>
Actions: 
 `php 
// Plugin initialization 
do_action( ‘scfm_init’ );
// After field deletion 
do_action( ‘scfm_field_deleted’, $section, $field_id );
// After field value saved to order 
do_action( ‘scfm_after_field_save’, $field_id, $value, $order_id );
// Custom field validation 
do_action( ‘scfm_validate_field’, $field_id, $field, $value, $errors ); 
 `
Filters: 
 `php 
// Modify sanitized field data 
$sanitized = apply_filters( ‘scfm_sanitize_field_data’, $sanitized, $data );
// Modify default WooCommerce fields 
$fields = apply_filters( ‘scfm_default_woocommerce_fields’, $fields, $section );
// Modify checkout fields before rendering 
$fields = apply_filters( ‘scfm_checkout_fields’, $fields );
// Modify individual field configuration 
$wc_field = apply_filters( ‘scfm_field_config’, $wc_field, $field_id, $field );
// Modify field value before saving 
$value = apply_filters( ‘scfm_field_value’, $value, $field_id, $field, $order_id ); 
 `
<h4>Adding Custom Field Types</h4>
Use the <code>scfm_field_config</code> filter to add custom field types:
<pre><code>`php
</code></pre>
add_filter( ‘scfm_field_config’, ‘my_custom_field_type’, 10, 3 ); 
function my_custom_field_type( $wc_field, $field_id, $field ) { 
 if ( $field[‘type’] === ‘my_custom_type’ ) { 
 $wc_field[‘type’] = ‘text’; 
 $wc_field[‘custom_attributes’] = array( 
 ‘data-custom-type’ => ‘my_custom_type’ 
 ); 
 } 
 return $wc_field; 
} 
 `
<h4>Custom Validation Rules</h4>
Add custom validation using the <code>scfm_validate_field</code> action:
<pre><code>`php
</code></pre>
add_action( ‘scfm_validate_field’, ‘my_custom_validation’, 10, 4 ); 
function my_custom_validation( $field_id, $field, $value, $errors ) { 
 if ( $field[‘type’] === ‘text’ && strlen( $value ) < 5 ) { 
 $errors->add( ‘validation’, ‘Minimum 5 characters required!’ ); 
 } 
} 
 `
Full developer documentation available on <a href="https://github.com/TheoSfak/smart-checkout-fields-manager" rel="nofollow ugc">GitHub</a>.
<h3>Support</h3>
<ul>
<li>📧 Email: theodore.sfakianakis@gmail.com</li>
<li>🐛 Bug Reports: <a href="https://github.com/TheoSfak/smart-checkout-fields-manager/issues" rel="nofollow ugc">GitHub Issues</a></li>
<li>💬 Questions: <a href="https://github.com/TheoSfak/smart-checkout-fields-manager/discussions" rel="nofollow ugc">GitHub Discussions</a></li>
<li>💰 Donate: <a href="https://www.paypal.com/donate?business=theodore.sfakianakis@gmail.com" rel="nofollow ugc">PayPal</a></li>
</ul>
<h3>Donations</h3>
If this plugin helped your WooCommerce store, consider supporting its development:
<a href="https://www.paypal.com/donate?business=theodore.sfakianakis@gmail.com" rel="nofollow ugc"></a>
Why donate? 
* ☕ Buy me a coffee 
* 🚀 Fund premium features development 
* 🐛 Faster bug fixes and support 
* 📚 Better documentation 
* ❤️ Show appreciation
Every contribution helps keep this plugin free and actively maintained!
Made with ❤️ by Theodore Sfakianakis (irmaiden)

Fieldora Checkout for WooCommerce

Complete WooCommerce checkout customization. Add, edit, remove fields with 20+ field types for Classic checkout.

Stylemix

Checkout Custom Fields Builder for WooCommerce is an extension, which enables users to easily customize the checkout fields and checkout page appearance. With Checkout Custom Fields Builder, you can add, remove, and edit any checkout fields, making the process simple and personalized.
Who is This WooCoommerce Checkout Extension For?
Checkout Custom Fields Builder is perfect for WooCommerce online store & website owners who want to have more control over their checkout process. Whether you’re a small business owner or managing a large e-commerce platform, Checkout Custom Fields Builder for WooCommerce helps you create a custom checkout page with required fields for Shipping, Billing and Profile sections.
What Can You Do with This WooCommerce Extension?
One of the primary capabilities of Checkout Custom Fields Builder for WooCommerce is the ability to disable or enable any checkout field. This feature allows you to tailor the checkout experience to your specific needs, ensuring that customers only see the fields that are relevant to them. For instance, if you don’t need a company name or address field, you can easily turn it off.
Adding custom fields is another powerful feature of Checkout Custom Fields Builder for WooCommerce. You can create various types of fields to collect the necessary information from your customers:
<ul>
<li>Text Field: For basic input.</li>
<li>Text Area: For longer responses.</li>
<li>Number: For numerical data.</li>
<li>Phone Number: Ensures the correct format for phone numbers.</li>
<li>Email: Ensures the correct format for email addresses.</li>
<li>Checkbox (only one option): For yes/no or agree/disagree questions.</li>
</ul>
Checkout Custom Fields Builder for WooCommerce also allows you to delete or edit existing fields, providing the flexibility to refine your checkout form over time. The drag-and-drop functionality makes it easy to change the location of fields, enabling you to create a logical and user-friendly layout without any coding knowledge.
<h4>Editing Existing Fields</h4>
You can modify the existing fields in the checkout form. This means you can change the labels, placeholders, and descriptions to match your store’s needs. You can also decide if a field should be required or optional, and whether it should be visible to customers.
<h4>Adding New Fields</h4>
Adding new fields is simple with Checkout Custom Fields Builder for WooCommerce. You can drag new fields into the existing form and customize them as needed. The types of fields you can add include:
<ul>
<li>Text Field</li>
<li>Textarea</li>
<li>Number</li>
<li>Phone Number</li>
<li>Email</li>
<li>Single Checkbox</li>
</ul>
<h4>Customizing New Fields</h4>
When adding new fields, you can set:
<ul>
<li>Label: The name of the field that customers will see.</li>
<li>Placeholder: The text inside the field before the customer fills it out.</li>
<li>Description: Additional information or instructions about the field.</li>
<li>Required: Decide if the field must be filled out before completing the purchase.</li>
<li>Visible: Choose if the field should be shown to customers.</li>
</ul>
Styling a Checkout Form in Elementor
With Checkout Custom Fields Builder for WooCommerce, you can easily customize your checkout form using the Checkout Form widget in Elementor. This lets you design your checkout page exactly how you want it.
<h4>Customizing Field Layouts</h4>
You can choose how wide each field is on the checkout form:
<ul>
<li>1/1 (Full Width): Takes up the whole row, good for long text fields.</li>
<li>1/2 (Half Width): Takes up half the row, perfect for shorter fields like first and last names.</li>
<li>1/3 (One Third Width): Takes up one-third of the row, great for small fields.</li>
<li>2/3 (Two Thirds Width): Takes up two-thirds of the row, useful for fields that need more space.</li>
</ul>
This helps you create a neat and organized checkout form.
<h4>Customizing Buttons</h4>
You can change the text on the buttons to make it more interesting and match your store’s style. This can help encourage customers to finish their purchases.
<h4>Styling the Form and Fields</h4>
You can change how the form looks to match your website. You can adjust colors, fonts and paddings to make the checkout form look nice and professional.

Checkout Custom Fields Builder for WooCommerce

Customize the WooCommerce checkout: add, remove, or edit fields to create a simple, personalized experience for your store. -----

Fieldora Checkout for WooCommerce vs Checkout Custom Fields Builder for WooCommerce