<h2 style="text-align: center">Add, Remove or Edit Checkout Fields</h2>
<ul class="wccom-tick-list-primary">
<li><strong>Simplify Checkout Experience:</strong> Make your checkout experience simple and personalized with this Checkout Fields extension.</li>
<li><strong>Additional Checkout Fields:</strong> Choose from 19 fields types to add extra checkout fields to collection required information from your customers.</li>
<li><strong>Remove or Edit Default Fields</strong>: Optimize your checkout for editing labels or removing the unnecessary checkout fields.</li>
<li><strong>Conditional Checkout Fields:</strong> Keep your checkout page organised by making fields dependable to other custom fields or user roles.</li>
<li><strong>Cart & Checkout Blocks:</strong> Checkout Fields Manager is the first checkout fields extension compatible with Cart & Checkout Blocks.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<p>Checkout Fields Manager enables you to add additional custom fields to your checkout page to process orders quickly. The extension supports dropdown, radio button, text, file upload and 15 other field types dependable fields to collect any type of information from customers. Make fields optional or mandatory and display them anywhere on your checkout page using 15 pre-defined positions.</p>
<p>Add field price to charge extra fee if the field leads to an additional services like gift wrapping, domain protection, premium support, etc. Assign fields to specific products to display field only when the selected product is in cart.</p>
<p>With this extension, you can also manage your default billing and shipping fields by customizing their label, sorting order and visibility. Keep your checkout page clean by showing fields that are relevant to your business and customers.</p>
<p>Checkout Fields Manager comes with a dedicated VAT field with validation to collect VAT numbers during checkout. With role based restriction feature, you display of custom fields and default fields to relevant user roles only. For example, you can choose to display the VAT number field to retail, wholesale, and other B2B user roles only and keep it hidden from general customers.</p>
<h2><strong>Features of Checkout Fields Manager for WooCommerce</strong></h2>
<ul>
<li>Add dependent/conditional custom fields to your checkout page</li>
<li>Support VAT, dropdown, checkboxes, file upload and 15 other field types</li>
<li>15 pre-defined positions are available to add fields almost anywhere on checkout pages</li>
<li>Assign fields to specific products, categories and tags</li>
<li>Add field price in fixed or percentage amount</li>
<li>Restrict fields based on user roles</li>
<li>Automatically display field data in order emails and order detail pages</li>
<li>Make fields optional or mandatory</li>
<li>Customize field labels, placeholders and description</li>
<li>Ability to hide default shipping and billing fields based on user roles</li>
<li>Customize default labels of shipping and billing field</li>
<li>Compatible with Cart & Checkout Blocks</li>
</ul>
<h2><strong>Supports 19 fields types:</strong></h2>
<p>Checkout Fields Manager for WooCommerce comes with 19 field types to collect any type of information from your customer. The following fields are supported.</p>
<ul>
<li>Text</li>
<li>Text area</li>
<li>Email</li>
<li>Select box</li>
<li>Multi-select box</li>
<li>File Upload (<strong>New</strong>)</li>
<li>Checkbox</li>
<li>Multi-checkbox</li>
<li>Radio button</li>
<li>Number</li>
<li>Password (secret input field)</li>
<li>Color picker</li>
<li>Date picker (calendar)</li>
<li>Time picker</li>
<li>Google ReCAPTCHA</li>
<li>Heading</li>
<li>Message</li>
<li>VAT with validation</li>
<li>Description (message display only)</li>
</ul>
<p><strong>While creating each field you can customize,</strong></p>
<ul>
<li>Select field type</li>
<li>Make fields optional or mandatory</li>
<li>Display field in wp user details page</li>
<li>Make fields full-sized or half-width</li>
<li>Add field placeholder, description, and custom CSS</li>
<li>Field dependency to user roles and other custom fields</li>
<li>Add field price</li>
<li>Assign field to specific product, category, product-tags</li>
</ul>
<p><img class="alignnone wp-image-18734001529828 size-full" src="https://woocommerce.com/wp-content/uploads/2021/11/WooCommerce-Checkout-Field-types.jpg" alt="" width="4000" height="3256" /></p>
<h2>Make fields dependable:</h2>
<p>While creating new field, you can choose make it dependable to other fields. This helps in keeping the checkout page clean and display fields only when the previous relevant field value is selected. This Checkout Fields Editor & Manager supports multi-level dependability to collect complex data from customers.</p>
<p><img class="alignnone size-full" src="https://woocommerce.com/wp-content/uploads/2021/09/Gif-Dependable-fields.gif" width="1114" height="318" /></p>
<h2>Assign field to specific products:</h2>
<p>You can assign fields to selective products, categories and tags. Once assigned, the field will only display if the selected product is in cart.</p>
<p><img class="alignnone wp-image-18734001473069 size-full" src="https://woocommerce.com/wp-content/uploads/2021/11/Make-Field-Dependable-to-products.png" alt="" width="1898" height="738" /></p>
<h2>Add field prices:</h2>
<p>While adding a checkout field, you can charge customers additional fee by adding field price in fixed or percentage amount. Instead of adding price for entire field, you can set price for each field option. Select “Is price taxable?” checkbox to add tax on field price.</p>
<p><img class="alignnone wp-image-18734001473114 size-full" src="https://woocommerce.com/wp-content/uploads/2021/11/Field-Price.png" alt="" width="1896" height="1294" /></p>
<h2><strong>Display fields based on user roles</strong></h2>
<p>You can choose to assign custom fields to selected user roles to keep your checkout page clean and display custom fields only to specific user roles. This feature helps merchants with hybrid (B2B & B2C) store as they may want to display specific fields like VAT to wholesale, retailer and other B2B user roles and keep it hidden from general customers.</p>
<p><img class="alignnone size-full" src="https://woocommerce.com/wp-content/uploads/2021/09/Checkout-Fields-Dependable-to-User-Roles.png" width="1126" height="776" /></p>
<h2>15 field positions:</h2>
<p>Choose from 15 pre-defined field positions to add custom fields anywhere on your checkout page.</p>
<ul>
<li>Before or After Customer Details</li>
<li>Before or After the Billing Form</li>
<li>Before or After the Shipping Form</li>
<li>Before or After Terms and Conditions</li>
<li>Before or After the Order Review</li>
<li>Before or After the Order Notes</li>
<li>Before or After Order Submit button</li>
<li>Before Order Review heading</li>
</ul>
<p><img class="alignnone size-medium wp-image-18734001473259" src="https://woocommerce.com/wp-content/uploads/2021/11/Field-positions-.png?w=620" alt="" width="620" height="324" /></p>
<h2><strong>Manage default billing and shipping fields</strong></h2>
<p>With the Checkout Fields Editor feature, you can customize labels of existing default billing and shipping fields and show or hide fields based on user roles.</p>
<p><img class="alignnone size-full wp-image-8804342" src="https://woocommerce.com/wp-content/uploads/2021/11/Hide-Default-fields-based-on-user-roles-1.jpg" alt="" width="980" height="981" /></p>
<h3>Requirements</h3>
<p>Minimum PHP version: 5.2</p>

Checkout Fields Manager

<p>Add extra checkout fields and edit default fields to optimize your checkout experience as per your business needs.</p>

<ul class="wccom-tick-list-primary">
<li style="font-weight: 400"><b>Edit Checkout Fields: <span style="font-weight: 400">Customize checkout fields to match your store’s needs and deliver a personalized experience.</span></b></li>
<li style="font-weight: 400"><b>Additional Information with Custom Fields: <span style="font-weight: 400">Collect specific details from customers during checkout to support order processing and business insights.</span></b></li>
<li style="font-weight: 400"><b>Checkout Fields with Conditional Logic: </b><span style="font-weight: 400">Show or hide fields based on customer input to create dynamic, streamlined checkout flows.</span></li>
<li style="font-weight: 400"><b>Enhance Checkout Experience: </b><span style="font-weight: 400">Simplify the process and keep it user-friendly to reduce cart abandonment and improve satisfaction.</span></li>
<li style="font-weight: 400"><b style="letter-spacing: -0.011em"><b>Modify Default Checkout Fields</b>: <span style="font-weight: 400">Edit, update, or rearrange default checkout fields to fit your requirements better.</span></b></li>
<li><b>Add Sections to Checkout Page: </b>Add new sections to the checkout page at multiple positions for a cleaner checkout experience.</li>
<li><b>Compatible with Checkout & Cart Blocks: </b>The checkout field editor extension is fully compatible with both checkout and cart blocks.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2><strong>Edit the Checkout Page with the Checkout Fields Editor</strong></h2>
<p><span style="font-weight: 400">The</span><b> Checkout Field Editor</b><span style="font-weight: 400"> plugin lets you easily edit checkout fields without any coding. Add custom fields to Billing, Shipping, or Additional Information sections and rearrange them with a simple drag-and-drop interface.</span></p>
<p><span style="font-weight: 400">Apply conditional logic to show fields based on products, categories, or user roles. You can also use custom fields to up-sell services by adding extra charges for options like gift wrapping, priority support, or faster delivery.</span></p>
<div class="woo-sc-box normal  info ">This Plugin is fully compatible with Cart and Checkout Blocks.</div>
<h2><b>Add Custom Fields to the Checkout Page</b></h2>
<h3><b>15 Different Types of Fields Available to Add to the Checkout Page</b></h3>
<p><span style="font-weight: 400">You can choose from 15 different field types to display on checkout fields.</span></p>
<ol>
<li style="font-weight: 400"><span style="font-weight: 400">Text Field</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Text Area</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">File Upload</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Drop-Down</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Radio Button</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Checkbox</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Simple Checkbox</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Multiple Select</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Date picker</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Time picker</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Color Picker</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Phone Number</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Number</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Paragraph (display only)</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Heading (display only)</span></li>
</ol>
<h2><b>Checkout Field Editor Plugin Features</b></h2>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">15 different types of fields available for customizing the checkout page</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add custom fields to the WooCommerce checkout page</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Edit the default WooCommerce checkout fields</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add or edit field labels and placeholders</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Assign custom checkout fields to specific products or categories</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Hide and show custom checkout fields based on user roles</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Charge an extra fee by assigning a price to any specific checkout field</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Use conditional logic to display or hide fields and create dependencies among fields</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Change the order of both default and custom checkout fields</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display additional fields in the invoice email, the order page, and the My Account page</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add new custom sections to the checkout page at different positions.</span></li>
<li>Compatible with cart and checkout blocks <strong>(NEW)</strong></li>
</ul>
<div class="woo-sc-box normal  info ">This Plugin is fully compatible with HPOS (High-Performance Order Storage) and Multisite.</div>
<h2><b>Add Custom Fields to the Checkout Page</b></h2>
<p>Edit the default WooCommerce checkout page by adding custom fields. Choose from 15 different field types and easily edit, hide, or delete them as needed. You can also apply conditional logic to display fields based on user input, customize field labels and placeholders, and enable validation to ensure accurate data entry.</p>
<p><img class="alignnone size-medium wp-image-18734006504643" src="https://woocommerce.com/wp-content/uploads/2020/07/Add-Custom-Fields-to-the-Checkout-Page.png?w=896" alt="" width="896" height="482" /></p>
<p> </p>
<h2><strong>Edit WooCommerce Checkout Fields</strong></h2>
<p><span style="font-weight: 400">Use the Custom Checkout Field Editor plugin to add new checkout fields or edit existing ones. Rearrange field positions with a simple drag-and-drop interface. Enable or disable custom fields and hide default fields as needed to customize your checkout flow.</span></p>
<p><img class="alignnone size-medium wp-image-18734006504644" src="https://woocommerce.com/wp-content/uploads/2020/07/Edit-WooCommerce-Checkout-Fields.png?w=896" alt="" width="896" height="463" /></p>
<p> </p>
<h2><strong>Display Checkout Fields with Conditional Logic</strong></h2>
<p>Use the Checkout Field Editor plugin to apply conditional logic and control when checkout fields appear. Set specific conditions to show or hide custom fields based on user input. The plugin applies an “AND” relationship within each condition group and an “OR” relationship between multiple groups, giving you flexible control over field visibility.</p>
<p><img class="alignnone size-medium wp-image-18734006504646" src="https://woocommerce.com/wp-content/uploads/2020/07/Display-Checkout-Fields-with-Conditional-Logic.png?w=896" alt="" width="896" height="557" /></p>
<p> </p>
<p> </p>
<h2><strong>Add New Sections to the WooCommerce Checkout Page</strong></h2>
<p>The Checkout Fields Editor plugin allows admins to add new sections to the checkout page easily. When you click to add a section, a configuration pop-up appears with multiple customization options. You can set the section’s name and title, control its visibility for specific products, categories, or user roles, and apply conditional logic to manage field behavior. Additionally, you can choose where the new section appears on the checkout page, such as:</p>
<ul>
<li>Before Customer Details</li>
<li>After Customer Details</li>
<li>Before Billing Fields</li>
<li>After Billing Fields</li>
<li>Before Shipping Fields</li>
<li>After Shipping Fields</li>
<li>Before Registration Fields</li>
<li>After Registration Fields</li>
<li>Before Order Notes</li>
<li>After Order Notes</li>
</ul>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-4-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/07\/Add-New-Sections-to-the-WooCommerce-Checkout-Page-1.png","id":"18734006504632","title":"Add New Sections to the WooCommerce Checkout Page","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/07\/New-Sections-2.png","id":"18734006504633","title":"New Sections \u0026#8211; 2","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/07\/New-Sections-3.png","id":"18734006504634","title":"New Sections \u0026#8211; 3","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/07\/New-Sections-4.png","id":"18734006504635","title":"New Sections \u0026#8211; 4","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/07\/New-Sections-5.png","id":"18734006504636","title":"New Sections \u0026#8211; 5","alt":"","caption":"","itemprop":"image"}]"></div>
<h2><strong>Add Custom Checkout Fields to a Particular Product or Category</strong></h2>
<p>Assign custom checkout fields to specific products or categories to control where they appear. Show or hide fields based on the selected product or category to create a more streamlined and personalized checkout experience for your customers.</p>
<p><img class="alignnone size-medium wp-image-18734006504647" src="https://woocommerce.com/wp-content/uploads/2020/07/Add-Custom-Checkout-Fields-to-a-Particular-Product-or-Category.png?w=841" alt="" width="841" height="238" /></p>
<h2><strong>Customize different Sections of the Checkout Page</strong></h2>
<p>Customize every section of the WooCommerce checkout page using the checkout field editor. Add, edit, or remove fields in the billing, shipping, and additional information sections to match your store’s requirements.</p>
<p><img class="alignnone size-medium wp-image-18734006504648" src="https://woocommerce.com/wp-content/uploads/2020/07/Customize-different-Sections-of-the-Checkout-Page.png?w=896" alt="" width="896" height="171" /></p>
<h2><strong>Display Checkout Fields Based on User Roles</strong></h2>
<p><span style="font-weight: 400">Control the visibility of custom checkout fields based on user roles using the Conditional Checkout Fields plugin. Select one or more user roles, such as customer, subscriber, or administrator, and define whether to show or hide specific fields for each role. This helps you create tailored checkout experiences by displaying only the relevant fields to different types of users.</span></p>
<p><img class="alignnone size-medium wp-image-18734006504649" src="https://woocommerce.com/wp-content/uploads/2020/07/Display-Checkout-Fields-Based-on-User-Roles.png?w=850" alt="" width="850" height="412" /></p>
<h2><strong>Set Price for Each Custom Checkout Field</strong></h2>
<p>Set a price for each custom checkout field using the Checkout Field Editor plugin. Charge additional fees when customers select paid add-ons, such as gift wrapping or priority support, and increase your store’s revenue through field-based pricing.</p>
<p><img class="alignnone size-medium wp-image-18734006504650" src="https://woocommerce.com/wp-content/uploads/2020/07/Set-Price-for-Each-Custom-Checkout-Field.png?w=844" alt="" width="844" height="108" /></p>
<h2><b>Repeat Checkout Fields Based on Conditions</b></h2>
<p>Repeat checkout fields based on product quantity or cart item count using the Checkout Field Editor. For example, if the cart has five items, the plugin displays the selected field five times during checkout. You can define a label suffix using numbers or letters and apply repeated field pricing to charge per instance.</p>
<p><img class="alignnone size-medium wp-image-18734006504651" src="https://woocommerce.com/wp-content/uploads/2020/07/Repeat-Checkout-Fields-Based-on-Conditions.png?w=847" alt="" width="847" height="377" /></p>
<h2><strong>Include Custom Checkout Fields in Order Details and Invoice Emails</strong></h2>
<p>Control the visibility of custom checkout fields across multiple locations using simple checkbox options. Display additional fields on the order details page, the My Account page, and invoice emails. Manage where each field appears to ensure customers and store admins see the right information at the right time.</p>
<p><img class="aligncenter wp-image-18734002598269 size-full" src="https://woocommerce.com/wp-content/uploads/2020/07/image9.png" alt="Display or hide the custom checkout fields in the order details page or your emails using the checkbox option." width="750" height="912" /></p>
<p> </p>
<h2>Compatibility</h2>
<p>Our plugins are designed to be highly versatile and also compatible with the most commonly used themes, browsers, builders, and mobile views. We understand the importance of flexibility and integration when it comes to enhancing your website’s functionality. Our plugins can effortlessly integrate with the following:</p>
<h4>Themes Compatibility</h4>
<ul>
<li>Store Front</li>
<li>Avada</li>
<li>Flatsome</li>
<li>Porto</li>
<li>Woodmart</li>
<li>WooCommerce default theme</li>
<li>Divi</li>
</ul>
<h4>Builders</h4>
<ul>
<li>Elementor</li>
<li>Page Layer</li>
</ul>
<h4>Also Compatible with</h4>
<ul>
<li>Multi-Site</li>
<li>PHP 8</li>
<li>Mobile Layouts</li>
</ul>
<h2>Documentation</h2>
<p>Looking for assistance? Check out the extensive documentation for a complete understanding of the edit checkout fields plugin.<br />
<a href="https://woocommerce.com/document/conditional-checkout-fields-manager-for-woocommerce/" target="_blank" rel="noopener">View documentation</a></p>
<h2>Questions and Support</h2>
<p>For Questions and Support: If you have inquiries before making a purchase or require assistance, don’t hesitate to contact our support team.</p>
<p><a href="https://woocommerce.com/my-account/contact-support/?select=conditional-checkout-fields-for-woocommerce#contact-us">Send email</a></p>

Conditional Checkout Fields & Edit Checkout Fields

<p>Add, Edit, or Delete Custom Fields to the Checkout with the Checkout Field Editor for WooCommerce. Add 15 field types across multiple checkout sections and apply conditional logic.</p>

Checkout Fields Manager vs Conditional Checkout Fields & Edit Checkout Fields