<ul class="wccom-tick-list-primary">
<li style="font-weight: 400">Edit Checkout Fields: Customize checkout fields to match your store’s needs and deliver a personalized experience.</li>
<li style="font-weight: 400">Additional Information with Custom Fields: Collect specific details from customers during checkout to support order processing and business insights.</li>
<li style="font-weight: 400">Checkout Fields with Conditional Logic: Show or hide fields based on customer input to create dynamic, streamlined checkout flows.</li>
<li style="font-weight: 400">Enhance Checkout Experience: Simplify the process and keep it user-friendly to reduce cart abandonment and improve satisfaction.</li>
<li style="font-weight: 400">Modify Default Checkout Fields: Edit, update, or rearrange default checkout fields to fit your requirements better.</li>
<li>Add Sections to Checkout Page: Add new sections to the checkout page at multiple positions for a cleaner checkout experience.</li>
<li>Compatible with Checkout & Cart Blocks: The checkout field editor extension is fully compatible with both checkout and cart blocks.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2>Edit the Checkout Page with the Checkout Fields Editor</h2>
The Checkout Field Editor 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.
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.
<div class="woo-sc-box normal info ">This Plugin is fully compatible with Cart and Checkout Blocks.</div>
<h2>Add Custom Fields to the Checkout Page</h2>
<h3>15 Different Types of Fields Available to Add to the Checkout Page</h3>
You can choose from 15 different field types to display on checkout fields.
<ol>
<li style="font-weight: 400">Text Field</li>
<li style="font-weight: 400">Text Area</li>
<li style="font-weight: 400">File Upload</li>
<li style="font-weight: 400">Drop-Down</li>
<li style="font-weight: 400">Radio Button</li>
<li style="font-weight: 400">Checkbox</li>
<li style="font-weight: 400">Simple Checkbox</li>
<li style="font-weight: 400">Multiple Select</li>
<li style="font-weight: 400">Date picker</li>
<li style="font-weight: 400">Time picker</li>
<li style="font-weight: 400">Color Picker</li>
<li style="font-weight: 400">Phone Number</li>
<li style="font-weight: 400">Number</li>
<li style="font-weight: 400">Paragraph (display only)</li>
<li style="font-weight: 400">Heading (display only)</li>
</ol>
<h2>Checkout Field Editor Plugin Features</h2>
<ul>
<li style="font-weight: 400">15 different types of fields available for customizing the checkout page</li>
<li style="font-weight: 400">Add custom fields to the WooCommerce checkout page</li>
<li style="font-weight: 400">Edit the default WooCommerce checkout fields</li>
<li style="font-weight: 400">Add or edit field labels and placeholders</li>
<li style="font-weight: 400">Assign custom checkout fields to specific products or categories</li>
<li style="font-weight: 400">Hide and show custom checkout fields based on user roles</li>
<li style="font-weight: 400">Charge an extra fee by assigning a price to any specific checkout field</li>
<li style="font-weight: 400">Use conditional logic to display or hide fields and create dependencies among fields</li>
<li style="font-weight: 400">Change the order of both default and custom checkout fields</li>
<li style="font-weight: 400">Display additional fields in the invoice email, the order page, and the My Account page</li>
<li style="font-weight: 400">Add new custom sections to the checkout page at different positions.</li>
<li>Compatible with cart and checkout blocks (NEW)</li>
</ul>
<div class="woo-sc-box normal info ">This Plugin is fully compatible with HPOS (High-Performance Order Storage) and Multisite.</div>
<h2>Add Custom Fields to the Checkout Page</h2>
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.
<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" />
 
<h2>Edit WooCommerce Checkout Fields</h2>
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.
<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" />
 
<h2>Display Checkout Fields with Conditional Logic</h2>
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.
<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" />
 
 
<h2>Add New Sections to the WooCommerce Checkout Page</h2>
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:
<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>
This slideshow requires JavaScript.<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>Add Custom Checkout Fields to a Particular Product or Category</h2>
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.
<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" />
<h2>Customize different Sections of the Checkout Page</h2>
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.
<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" />
<h2>Display Checkout Fields Based on User Roles</h2>
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.
<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" />
<h2>Set Price for Each Custom Checkout Field</h2>
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.
<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" />
<h2>Repeat Checkout Fields Based on Conditions</h2>
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.
<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" />
<h2>Include Custom Checkout Fields in Order Details and Invoice Emails</h2>
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.
<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" />
 
<h2>Compatibility</h2>
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:
<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>
Looking for assistance? Check out the extensive documentation for a complete understanding of the edit checkout fields plugin. 
<a href="https://woocommerce.com/document/conditional-checkout-fields-manager-for-woocommerce/" target="_blank" rel="noopener">View documentation</a>
<h2>Questions and Support</h2>
For Questions and Support: If you have inquiries before making a purchase or require assistance, don’t hesitate to contact our support team.
<a href="https://woocommerce.com/my-account/contact-support/?select=conditional-checkout-fields-for-woocommerce#contact-us">Send email</a>

Conditional Checkout Fields & Edit Checkout Fields

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.

<h2>Who is Flux Checkout for WooCommerce for?</h2>
With Flux Checkout for WooCommerce, you can reduce cart abandonment, speed up the checkout process, and create a frictionless purchase process for customers.
Flux Checkout for WooCommerce is perfect for:
<ul class="wccom-tick-list-primary">
<li style="font-weight: 400">Online stores looking to boost conversions.</li>
<li style="font-weight: 400">WooCommerce stores that are struggling with cart abandonment.</li>
<li style="font-weight: 400">Stores that want a faster, mobile-friendly user experience.</li>
<li style="font-weight: 400">Ecommerce stores offering digital or physical products that need a seamless checkout flow.</li>
</ul>
<h2>Flux Checkout for WooCommerce’s Features for an Optimized WooCommerce Checkout</h2>
Flux Checkout for WooCommerce transforms the default WooCommerce checkout into a custom checkout that’s fast, distraction-free, and reduces cart abandonment.
<h3>Distraction-Free Multi-Step Checkout</h3>
Flux Checkout for WooCommerce replaces the WooCommerce one-page checkout with a structured, multi-step process that guides customers through:
<ul class="wccom-tick-list-secondary">
<li style="font-weight: 400">Order details. Customers review and confirm their order before proceeding.</li>
<li style="font-weight: 400">Shipping and billing information. A clean, organized step for entering billing and shipping fields.</li>
<li style="font-weight: 400">Payment. A final, distraction-free step for completing the purchase.</li>
</ul>
If your store doesn’t need additional fields like Company Name, Coupons, or separate Street Number inputs, you can remove them to make checkout even faster.
<img class="aligncenter size-full wp-image-18734004892916" src="https://woocommerce.com/wp-content/uploads/2022/10/Flux-Checkout-for-WooCommerce-Multi-Step-Checkout.png" alt="Flux Checkout for WooCommerce Multi-Step Checkout" width="980" height="653" />
<h3>Customizable Checkout Design</h3>
Flux Checkout for WooCommerce gives you control over how your checkout page looks and feels.
<ul class="wccom-tick-list-secondary">
<li style="font-weight: 400">Choose from two professionally designed checkout templates/themes and switch between them easily.</li>
<li style="font-weight: 400">Adjust colors, fonts, and layout with simple, intuitive settings – no coding or CSS needed.</li>
<li style="font-weight: 400">By default, Flux removes headers, footers, and sidebars to keep customers focused, but you can restore them if you use page builders like Elementor or Divi.</li>
</ul>
<img class="aligncenter size-full wp-image-18734004892900" src="https://woocommerce.com/wp-content/uploads/2022/10/woocommerce-flux-checkout-styles-scaled-1.jpg" alt="WooCommerce checkout design" width="980" height="697" />
<h3>Address Autocomplete for Faster Checkout</h3>
Long address forms can slow down checkout and lead to errors. Flux Checkout automatically fills in address fields as customers type, making checkout quicker and more accurate.
<ul class="wccom-tick-list-secondary">
<li style="font-weight: 400">Uses Google’s Address Autocomplete to suggest addresses instantly.</li>
<li style="font-weight: 400">Reduces typing errors and formatting issues.</li>
<li style="font-weight: 400">Easy to set up with a free Google API key.</li>
</ul>
<img class="aligncenter size-full wp-image-18734004892883" src="https://woocommerce.com/wp-content/uploads/2022/10/Flux-Checkout-for-WooCommerce-Address-Autocomplete.png" alt="Flux Checkout for WooCommerce Address Autocomplete" width="980" height="653" />
<h3>Checkout Add-Ons with Custom Elements</h3>
With Flux Checkout for WooCommerce’s Elements, you can enhance your checkout by adding custom checkout blocks, banners, trust badges, and messages.
<ul class="wccom-tick-list-secondary">
<li style="font-weight: 400">Includes pre-built elements like FAQs, trust seals, and promotional messages.</li>
<li style="font-weight: 400">Choose from 25+ placement locations on the WooCommerce checkout page.</li>
<li style="font-weight: 400">Set rules to show elements based on:
<ul class="wccom-tick-list-secondary">
<li style="font-weight: 400">User role (e.g., display loyalty coupons for members).</li>
<li style="font-weight: 400">Cart contents (e.g., highlight a custom message if a certain product is in the cart).</li>
<li style="font-weight: 400">Order total (e.g., show a free shipping banner for orders over or below a set amount).</li>
</ul>
</li>
</ul>
<img class="aligncenter size-full wp-image-18734004892894" src="https://woocommerce.com/wp-content/uploads/2022/10/Flux-Checkout-Elements-at-the-Checkout.png" alt="Customize WooCommerce checkout" width="980" height="671" />
<h3>Built-in Checkout Cross-Selling</h3>
Flux Checkout makes it easy to increase your average order value by suggesting additional products at checkout.
<ul class="wccom-tick-list-secondary">
<li style="font-weight: 400">Add custom cross-sell offers anywhere in the checkout process.</li>
<li style="font-weight: 400">Control when offers appear based on:
<ul class="wccom-tick-list-secondary">
<li style="font-weight: 400">The customer’s cart contents.</li>
<li style="font-weight: 400">Their user role (e.g., show exclusive deals to VIP members).</li>
<li style="font-weight: 400">The total order value.</li>
</ul>
</li>
<li style="font-weight: 400">If you’re already using WooCommerce’s per-product cross-sell settings, Flux works with this, too.</li>
</ul>
<img class="aligncenter size-full wp-image-18734004892880" src="https://woocommerce.com/wp-content/uploads/2022/10/Flux-Checkout-for-WooCommerce-Cross-Sell.png" alt="Flux Checkout for WooCommerce Cross Sell" width="980" height="653" />
<h3>Customizable WooCommerce Thank You Page</h3>
Flux Checkout for WooCommerce lets you customize the default WooCommerce thank you page to match your brand and keep customers engaged after checkout.
<ul class="wccom-tick-list-secondary">
<li style="font-weight: 400">Add text, images, or even video to personalize the page.</li>
<li style="font-weight: 400">Match the page’s design with the rest of your checkout.</li>
<li style="font-weight: 400">Show an optional customer location map for visual confirmation of the shipping address.</li>
</ul>
<img class="aligncenter size-full wp-image-18734004892871" src="https://woocommerce.com/wp-content/uploads/2022/10/Flux-Checkout-for-WooCommerce-Thank-You-Page.png" alt="Flux Checkout for WooCommerce Thank You Page" width="980" height="653" />
<h3>Mobile-Optimized for Seamless Shopping</h3>
Flux Checkout for WooCommerce is designed with a mobile-first approach, so customers can check out smoothly no matter what device they’re using.
<ul class="wccom-tick-list-secondary">
<li style="font-weight: 400">The layout automatically adjusts for mobile users.</li>
<li style="font-weight: 400">A collapsible order review/summary keeps things clean while providing key details.</li>
<li style="font-weight: 400">Touch-friendly input fields and seamless transitions make mobile checkout feel natural and effortless.</li>
</ul>
<h3>Seamless Integration with Payment Methods</h3>
Flux Checkout for WooCommerce integrates seamlessly with well-known WooCommerce payment options, so you never have to worry about compatibility issues.
<ul class="wccom-tick-list-secondary">
<li style="font-weight: 400">Works with PayPal, Stripe, Woo Payments, and any other payment plugins or WooCommerce extensions you use.</li>
<li style="font-weight: 400">Supports both standard and express checkout methods.</li>
<li style="font-weight: 400">No extra setup is required – just install your payment gateway and start using it.</li>
</ul>
<img class="aligncenter size-full wp-image-18734004892945" src="https://woocommerce.com/wp-content/uploads/2022/10/Flux-Checkout-for-WooCommerce-settings.png" alt="Flux Checkout for WooCommerce settings" width="980" height="653" />
—
<h2>Why Pick Flux Checkout for WooCommerce?</h2>
<ul class="wccom-tick-list-primary">
<li style="font-weight: 400">All the features you need. Flux Checkout for WooCommerce is packed with features like multi-step checkout, address autocomplete, built-in cross-selling, and a customizable Thank You page to help create a smoother, higher-converting checkout process.</li>
</ul>
<ul class="wccom-tick-list-primary">
<li style="font-weight: 400">Works for Any WooCommerce Store. Flux Checkout for WooCommerce is perfect for fashion, pet supplies, electronics, digital downloads, health and fitness, food and beverage, home goods, hobbies, and more. No matter what you sell, a better checkout experience means higher conversions and happier customers.</li>
</ul>
<ul class="wccom-tick-list-primary">
<li style="font-weight: 400">Optimized for Speed and Performance. Flux Checkout for WooCommerce runs without slowing down your site, keeping checkout smooth even during peak sales.</li>
</ul>
<ul class="wccom-tick-list-primary">
<li style="font-weight: 400">Easy Setup, No Coding Required. Flux Checkout for WooCommerce is designed to be intuitive and straightforward for store owners, admins, and even junior staff to manage. Everything can be customized through user-friendly settings, so you can fine-tune your checkout without developer assistance.</li>
</ul>
<ul class="wccom-tick-list-primary">
<li style="font-weight: 400">Reliable, Compatible, and Regularly Updated. Flux Checkout for WooCommerce is a well-tested WooCommerce plugin that works smoothly with popular themes, payment gateways, and extensions. We continuously improve it with regular updates, ensuring compatibility, security, and top performance – so you can use it with confidence.</li>
</ul>
Want to improve your WooCommerce checkout experience? <a href="https://woocommerce.com/products/flux-checkout-for-woocommerce/#wccom-product-box">Get Flux Checkout for WooCommerce today</a> and start converting more customers.

Flux Checkout

A WooCommerce checkout plugin designed to optimize your checkout experience, making it faster and more conversion-friendly.

Conditional Checkout Fields & Edit Checkout Fields vs Flux Checkout