Stylemix

<p>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.</p>
<p>Who is This WooCoommerce Checkout Extension For?</p>
<p>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.</p>
<p>What Can You Do with This WooCommerce Extension?</p>
<p>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.</p>
<p>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:</p>
<ul>
<li><strong>Text Field</strong>: For basic input.</li>
<li><strong>Text Area:</strong> For longer responses.</li>
<li><strong>Number:</strong> For numerical data.</li>
<li><strong>Phone Number:</strong> Ensures the correct format for phone numbers.</li>
<li><strong>Email:</strong> Ensures the correct format for email addresses.</li>
<li><strong>Checkbox (only one option):</strong> For yes/no or agree/disagree questions.</li>
</ul>
<p>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.</p>
<h4>Editing Existing Fields</h4>
<p>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.</p>
<h4>Adding New Fields</h4>
<p>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:</p>
<ul>
<li><strong>Text Field</strong></li>
<li><strong>Textarea</strong></li>
<li><strong>Number</strong></li>
<li><strong>Phone Number</strong></li>
<li><strong>Email</strong></li>
<li><strong>Single Checkbox</strong></li>
</ul>
<h4>Customizing New Fields</h4>
<p>When adding new fields, you can set:</p>
<ul>
<li><strong>Label:</strong> The name of the field that customers will see.</li>
<li><strong>Placeholder:</strong> The text inside the field before the customer fills it out.</li>
<li><strong>Description:</strong> Additional information or instructions about the field.</li>
<li><strong>Required:</strong> Decide if the field must be filled out before completing the purchase.</li>
<li><strong>Visible:</strong> Choose if the field should be shown to customers.</li>
</ul>
<p>Styling a Checkout Form in Elementor</p>
<p>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.</p>
<h4>Customizing Field Layouts</h4>
<p>You can choose how wide each field is on the checkout form:</p>
<ul>
<li><strong>1/1 (Full Width):</strong> Takes up the whole row, good for long text fields.</li>
<li><strong>1/2 (Half Width):</strong> Takes up half the row, perfect for shorter fields like first and last names.</li>
<li><strong>1/3 (One Third Width):</strong> Takes up one-third of the row, great for small fields.</li>
<li><strong>2/3 (Two Thirds Width):</strong> Takes up two-thirds of the row, useful for fields that need more space.</li>
</ul>
<p>This helps you create a neat and organized checkout form.</p>
<h4>Customizing Buttons</h4>
<p>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.</p>
<h4>Styling the Form and Fields</h4>
<p>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.</p>


Checkout Custom Fields Builder for WooCommerce

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

Jcodex

Junaid Ali

<p><strong>Checkout Field Editor (Checkout Manager) for WooCommerce</strong> is a powerful yet beginner-friendly plugin that lets you add <strong>custom fields to WooCommerce checkout,</strong> edit default fields, and fully control your checkout form.</p>
<p>Whether you want to:</p>
<ul>
<li>Add a custom text field to <strong>WooCommerce checkout</strong></li>
<li>Create additional checkout fields</li>
<li>Build a <strong>custom checkout experience</strong></li>
<li>Or optimize your checkout for higher conversions</li>
</ul>
<p>This plugin acts as a powerful <strong>WooCommerce checkout field editor,</strong> allowing you to easily customize your checkout without touching code.<br />
You can add new fields, modify default ones, rearrange field positions, and design a checkout flow that fits your business needs, all from a simple interface.</p>
<p>Built for both small stores and advanced <strong>WooCommerce setups,</strong> it gives you full control over your checkout experience to improve usability and increase conversions.</p>
<p><strong>➕ One Plugin, Both Checkout Architectures.</strong><br />
Compatible with WooCommerce Block Checkout and Classic Checkout. Your custom field checkout works seamlessly in both.</p>
<p>👉 <strong><a href="https://demo.tastewp.com/woo-checkout-regsiter-field-editor" rel="nofollow ugc">See Live Demo</a></strong>  📘 <strong><a href="https://jcodex.com/docs/woocommerce-custom-checkout-field-editor/" rel="nofollow ugc">Read Documentation</a></strong>  💎 <strong><a href="https://jcodex.com/plugins/woocommerce-custom-checkout-field-editor/" rel="nofollow ugc">Upgrade to Premium</a></strong></p>
<p><strong>How does Classic Checkout Field Editor simplifies customization?</strong></p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/8j6Wh8KrVC0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>🧩 Why This Checkout Field Editor?</h3>
<p>Your checkout is the most critical step in your store. A poorly optimized checkout leads to abandoned carts and lost revenue.</p>
<p>This plugin helps you:</p>
<ul>
<li>Collect exactly the data you need</li>
<li>Simplify or enhance checkout UX</li>
<li>Add personalized checkout experiences</li>
<li>Increase conversion rates with optimized forms</li>
</ul>
<p>Works instantly with both <strong>Block Checkout</strong> and <strong>Classic Checkout,</strong> no migration headaches.</p>
<h3>🚀 CORE FEATURES (FREE)</h3>
<h3>➕ Add New Fields on WooCommerce Checkout Page</h3>
<p>Add unlimited additional fields to your WooCommerce checkout form using simple controls. The plugin supports <strong>Text,</strong> <strong>Select,</strong> <strong>Checkbox,</strong> and <strong>Radio fields,</strong> making it easy to collect extra information from customers. It is fully compatible with both Classic Checkout and Block Checkout, ensuring seamless integration across all checkout layouts.</p>
<h3>🧱 20 Field Types for Classic Checkout</h3>
<p>Customize your Classic checkout with a full range of input types:</p>
<pre><code>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. Textarea
17. Paragraph (static text) 
18. Heading
19. URL
20. Datetime Local
</code></pre>
<h3>🧱 4 Field Types for Block Checkout</h3>
<p>Users can also add up to 4 checkout field types in <strong>Block Checkout</strong> to collect additional customer information:</p>
<pre><code>1.  Text
2.  Select
3.  Checkbox
4.  Radio Button
</code></pre>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/AvbdrkDvKO0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>💡 Easy Interface</h3>
<p>Built for beginners and professionals alike, the plugin interface is clean, fast, and works seamlessly inside the WooCommerce dashboard.</p>
<h3>✏️ Edit Existing WooCommerce Checkout Fields</h3>
<p>Edit default checkout fields, including Billing, Shipping, and Contact information. Change labels, placeholders, descriptions, default values, and set fields as required or optional.</p>
<h3>🔀 Reorder Checkout Fields (Drag & Drop)</h3>
<p>Easily drag and drop fields to change their order on your checkout form. Perfect for improving UX and conversion flow.</p>
<h3>🕹 Show or Hide Fields Instantly</h3>
<p>Easily toggle any checkout field, show or hide without deleting it.</p>
<h3>❌ Delete Fields</h3>
<p>To delete fields, simply select the desired fields and click the <strong>“Remove Selected”</strong> button.</p>
<h3>💎 PRO FEATURES — Upgrade to Premium</h3>
<p>The free version of the WooCommerce checkout field editor covers the basics, but the Pro version unlocks complete control over your checkout experience. Easily customize fields and optimize your checkout flow for better usability and conversions, fully compatible with both Classic and Block Checkout.</p>
<ul>
<li><strong>Access more field types:</strong> The plugin provides 4 additional field types in the paid version, bringing the total to 24.</li>
<li><strong>Show fields conditionally:</strong> Display or hide checkout fields based on cart contents, user role, shipping method, or payment gateway</li>
<li><strong>Set custom validation rules:</strong> Set custom validation rules: Enforce correct data entry with formats for phone, Email, Postcode, number, state, and URL.</li>
<li><strong>Add flexible pricing fields:</strong> Apply extra charges or discounts as fixed amounts, percentages, or per-unit fees (taxable or non-taxable)</li>
<li><strong>Control address display:</strong> Rearrange address fields and include custom checkout data in emails, invoices, and account pages</li>
<li><strong>Built for developers:</strong> Extend functionality using native WooCommerce hooks and filters without modifying core files</li>
<li><strong>Works with popular plugins:</strong> Compatible with Subscriptions, PDF invoices, multivendor marketplaces, and major payment gateways</li>
</ul>
<p>👉 <strong><a href="https://jcodex.com/plugins/woocommerce-custom-checkout-field-editor/" rel="nofollow ugc">Get the Pro Version</a></strong></p>
<h3>🎯 Conditional Logic</h3>
<p>Conditional Logic allows you to dynamically control the visibility of fields and sections on the checkout page based on specific conditions. This feature works based on cart data, user roles, products, and checkout field values, helping you create a more personalized and streamlined checkout experience.</p>
<p>You can apply conditions based on the following:</p>
<p><strong>Based on Cart, User Roles, and Products</strong></p>
<p>Fields or sections will be displayed only if all defined conditions are met. You can set rules such as:</p>
<ul>
<li>Cart contains</li>
<li>Cart does not contain</li>
<li>Cart only contains</li>
<li>Cart subtotal equals to</li>
<li>Cart subtotal greater than</li>
<li>Cart subtotal less than</li>
<li>Cart total equals to</li>
<li>Cart total greater than</li>
<li>Cart total less than</li>
<li>User role equals to</li>
</ul>
<p><strong>Based on Checkout Fields</strong></p>
<p>You can also apply conditions based on the values entered or selected in other checkout fields. These include:</p>
<ul>
<li>Is empty</li>
<li>Is not empty</li>
<li>Value equals to</li>
<li>Value not equals to</li>
<li>Value greater than</li>
<li>Value less than</li>
<li>Date equals to</li>
<li>Date not equals to</li>
<li>Date after</li>
<li>Date before</li>
<li>Day equals to</li>
<li>Day not equals to</li>
<li>Is checked</li>
<li>Is not checked</li>
</ul>
<h3>🧠 Smart Conditional Rules</h3>
<p>Set complex conditions to display specific fields when certain criteria are met:</p>
<ul>
<li>Products </li>
<li>Category</li>
<li>Tag</li>
<li>Shipping Class</li>
<li>Product Type</li>
</ul>
<h3>💰 Pricing Fields</h3>
<p>Pricing Fields let you add extra charges directly at checkout based on customer selections, useful for services like add-ons or custom options.</p>
<p><strong>Available options:</strong></p>
<ul>
<li>Fixed</li>
<li>Percentage of Cart Total</li>
<li>Percentage of Subtotal</li>
<li>Custom</li>
</ul>
<h3>📁 File Upload Field</h3>
<p>Customers can upload images, PDFs, or documents directly at checkout.</p>
<h3>📈 HOW THIS PLUGIN HELPS CONVERSIONS</h3>
<ul>
<li>Cleaner checkout = less friction</li>
<li>Better UX = higher completion rate</li>
<li>Relevant fields = improved data collection</li>
<li>Optimized layout = faster checkout</li>
</ul>
<h3>🔗 Integration Ready</h3>
<p>Fully compatible with:</p>
<ul>
<li>WooCommerce Subscriptions</li>
<li>Multi-vendor suites (Dokan, WCFM, WC Vendors)</li>
<li>PDF Invoices & Packing Slips</li>
<li>Shipping & Payment Add-ons</li>
<li>WooCommerce Blocks Checkout</li>
</ul>
<p>👉 Try these features on our <strong><a href="https://demo.tastewp.com/woo-checkout-regsiter-field-editor" rel="nofollow ugc">Live Demo</a></strong>.</p>
<h3>🧰 USE CASES</h3>
<ul>
<li>Collect additional customer information (e.g., delivery instructions, VAT ID, company name)</li>
<li>Add checkout surveys, notes, or custom message fields</li>
<li>Show or hide fields dynamically based on customer input (conditional logic)</li>
<li>Offer gift wrap, personalization, or donation options</li>
<li>Apply conditional pricing or service add-ons at checkout</li>
<li>Reorder and organize checkout fields to improve form flow and reduce abandonment</li>
<li>Enable or disable fields instantly using the show/hide toggle</li>
<li>Customize field labels, placeholders, and validation rules</li>
<li>Enhance checkout experience for both Classic and Block Checkout users</li>
</ul>
<h3>🛠 HOW TO USE</h3>
<ol>
<li>Install and activate the plugin.  </li>
<li>Go to <strong>WooCommerce <span aria-hidden="true" class="wp-exclude-emoji">→</span> Checkout Field Editor</strong> in your WordPress dashboard.  </li>
<li>Add, edit, Show/Hide, or remove fields using the simple interface.  </li>
<li>Drag and drop to reorder fields.  </li>
<li>Save your changes.</li>
</ol>
<p>📘 <strong>Read full setup guide:</strong> <a href="https://jcodex.com/docs/woocommerce-custom-checkout-field-editor/" rel="nofollow ugc">Manage Fields in the Checkout Page <span aria-hidden="true" class="wp-exclude-emoji">→</span></a></p>
<h3>🔒 SECURITY & PERFORMANCE</h3>
<p>This plugin underwent a complete <strong>security review in March 2024</strong> after a temporary suspension for a reported issue.<br />
The problem was fixed, verified, and approved by the WordPress Plugin Review Team.<br />
Our code is regularly audited and optimized for speed, security, and compatibility.</p>
<p>We use nonces, capability checks, and sanitization throughout the plugin to keep your checkout safe and stable.</p>
<h3>🌍 TRANSLATION READY</h3>
<p>Translation-ready and fully compatible with:</p>
<ul>
<li>WPML  </li>
<li>Polylang  </li>
<li>Loco Translate  </li>
</ul>
<p>Easily translate all field labels and descriptions into your store language.</p>
<h3>📈 SEO & PERFORMANCE</h3>
<ul>
<li>Optimized to work smoothly with the latest <strong>WooCommerce block checkout</strong>  </li>
<li>No extra scripts or requests added to checkout pages  </li>
<li>Lightweight, clean codebase  </li>
<li>Compatible with caching, optimization, and security plugins  </li>
<li>Adheres to <strong>Google’s latest SEO and quality guidelines</strong></li>
</ul>
<h3>💬 SUPPORT & DOCUMENTATION</h3>
<ul>
<li><strong>Documentation:</strong> <a href="https://jcodex.com/docs/woocommerce-custom-checkout-field-editor/" rel="nofollow ugc">https://jcodex.com/docs/woocommerce-custom-checkout-field-editor/</a>  </li>
<li><strong>Get Pro / Premium Version:</strong> <a href="https://jcodex.com/plugins/woocommerce-custom-checkout-field-editor/" rel="nofollow ugc">https://jcodex.com/plugins/woocommerce-custom-checkout-field-editor/</a>  </li>
<li><strong>See Demo:</strong> <a href="https://demo.tastewp.com/woo-checkout-regsiter-field-editor" rel="nofollow ugc">https://demo.tastewp.com/woo-checkout-regsiter-field-editor</a>  </li>
<li><strong>Support:</strong> <a href="https://jcodex.com/support" rel="nofollow ugc">https://jcodex.com/support</a></li>
</ul>
<h3>🆕 CHANGELOG</h3>
<h3>2.5.4</h3>
<ul>
<li>fix drop down field option issue frontend</li>
<li>fields edit popup new options added</li>
<li>change default tab to block checkout editor</li>
</ul>
<h3>2.5.2</h3>
<ul>
<li>fixed critical security issues add nonces add ajax handles</li>
<li>technical issues fixes</li>
<li>fields edit popup new options added</li>
<li>some new alerts notifications </li>
</ul>
<h3>2.5.1</h3>
<ul>
<li>New Ui/Ux of plugin settings</li>
<li>New layout of plugin dashboard settings</li>
</ul>
<h3>2.5.0</h3>
<ul>
<li>Fix default WooCommerce Fields conflict</li>
<li>Reset to defaults fields issue resolved</li>
<li>Radio button field in the block checkout</li>
<li>Select drop down options error in the backend</li>
<li>field unique name is required in the field settings</li>
</ul>
<h3>2.4.9 — Security Update & Feature Improvements (March 15, 2024)</h3>
<ul>
<li>Fixed: CSRF security issue verified by WordPress.org Plugin Review Team  </li>
<li>Improved: Nonce verification and permission checks  </li>
<li>Added: Compatibility with WooCommerce 8.6+ and WordPress 6.7  </li>
<li>Enhanced: Field rendering for WooCommerce Block Checkout  </li>
<li>Updated: UI improvements for easier field management  </li>
<li>Minor bug fixes and performance enhancements  </li>
</ul>
<h3>2.4.8</h3>
<ul>
<li>Added: Multi-select and Paragraph field types  </li>
<li>Enhanced: Drag-and-drop reorder system  </li>
<li>Improved: Field validation and UX  </li>
</ul>
<h3>2.4.7</h3>
<ul>
<li>Added: Checkbox group, Date, and Time field types  </li>
<li>Added: Option to disable fields temporarily  </li>
</ul>
<h3>2.4.5</h3>
<ul>
<li>Initial release with core field editor features</li>
</ul>
<h3>🙌 ABOUT THE DEVELOPER</h3>
<p><strong>Developed by <a href="https://jcodex.com" rel="nofollow ugc">JCodex Technologies</a></strong><br />
Experts in WordPress and WooCommerce with over 10 years of experience building custom eCommerce solutions and plugins.<br />
We focus on performance, security, and innovation. Check out our other plugins and WooCommerce tools at <a href="https://jcodex.com/plugins/" rel="nofollow ugc">https://jcodex.com/plugins/</a>.</p>
<p>Stay updated with tutorials and product news:<br />
🌐 <a href="https://jcodex.com/blog" rel="nofollow ugc">https://jcodex.com/blog</a></p>


Checkout Field Editor (Checkout Page Manager) for WooCommerce

It so much easy to use thanks for the plugin

Easy to use

Custom Checkout Field Editor is the leading plugin for customizing the editing and managing of checkout fields in the WooCommerce checkout form.

Checkout Custom Fields Builder for WooCommerce vs Checkout Field Editor (Checkout Page Manager) for WooCommerce