<ul class="wccom-tick-list-primary">
<li><strong>Comprehensive Control</strong>: With the Custom Checkout Fields Editor, WooCommerce admins have complete flexibility over the checkout page, allowing them to customize every aspect of the user’s experience. 💼</li>
<li><strong>Gather More Data</strong>: By customizing fields, you can gather important customer information that can help you tailor your services and optimize marketing efforts. 📊</li>
<li><strong>Boost Customer Experience</strong>: Enhanced checkout options make the process smoother for customers, helping reduce cart abandonment and improve satisfaction. 🔄</li>
<li><strong>Enhance Customer Choices</strong>: Add flexible options, from custom pricing to additional services, and give customers more control over their checkout. 🎯</li>
</ul>
<hr />
<div class="woo-sc-box normal">Custom Checkout Fields Editor is compatible with the <strong>Cart and Checkout Blocks</strong>.</div>
<p>The Custom Checkout Fields Editor WooCommerce extension enables store owners to take full control of their checkout pages. Whether you want to collect extra information, create custom sections, or apply conditional logic to your fields, this custom checkout extension allows you to customize the checkout experience easily.</p>
<p>Add, edit, delete, or rearrange default billing and shipping fields, or create entirely new sections and fields—all designed to streamline the checkout process and offer more choices to your customers. 💡</p>
<h2><span style="font-size: 26px">Key Features of Custom Checkout Fields Editor for WooCommerce ⭐</span></h2>
<h3>Add New Sections to Checkout 📄</h3>
<p><img class="size-full wp-image-18734004300069 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/add_new_sections_to_checkout_contentbanner_1_2x.webp" alt="add_new_sections_to_checkout" width="980" height="602" /></p>
<p>The Custom Checkout Fields Editor allows admins to introduce new sections to the checkout page. When you click to add new section, a configuration popup will appear, giving you access to the following tabs for detailed customization:</p>
<p><img class="size-full wp-image-18734004309024 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/configure_custom_sections_contentbanner_2_2x.webp" alt="Custom Checkout Add New Section" width="980" height="602" /></p>
<ul>
<li><strong>Basic Details</strong>: Set the section name and description.</li>
<li><strong>Style Settings</strong>: Customize the look and feel of the section.</li>
<li><strong>Display Condition</strong>: Determine if and when this section should appear on the checkout page based on predefined conditions.</li>
</ul>
<h3><span style="font-size: 20px">Add Custom Fields 🛠️</span></h3>
<p>You can add a wide variety of fields to your checkout page. When adding a new field, the admin has four configuration tabs to define how the field operates:</p>
<p><img class="size-full wp-image-18734004309034 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/add_custom_fields_contentbanner_3_2x.webp" alt="Add Custom Fields Feature" width="980" height="602" /></p>
<ul>
<li><strong>Field Info</strong>: This tab allows you to specify the name, title, field type, description, and placeholder and even set minimum and maximum character lengths for each field. There are 21 available field types:</li>
</ul>
<p><img class="size-full wp-image-18734004309048 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/20_custom_field_types_contentbanner_4_2x.webp" alt="Custom Checkout Field Info Section" width="980" height="602" /></p>
<ol>
<li><strong>TextField</strong>: For general text input.</li>
<li><strong>Password</strong>: For users to input sensitive information.</li>
<li><strong>Phone</strong>: To capture phone numbers.</li>
<li><strong>Email</strong>: To capture valid email addresses.</li>
<li><strong>Textarea</strong>: For larger text input fields.</li>
<li><strong>Number</strong>: To capture numeric data.</li>
<li><strong>Select</strong>: Dropdown field for single selection.</li>
<li><strong>Multiselect</strong>: Allows users to select multiple options from a list.</li>
<li><strong>Checkbox Group</strong>: A group of checkboxes where users can select multiple options.</li>
<li><strong>Radio</strong>: Radio button group is used to select one option from several.</li>
<li><strong>Datetime Picker</strong>: Select both date and time.</li>
<li><strong>Date Picker</strong>: Date selection only.</li>
<li><strong>Time Picker</strong>: Time selection only.</li>
<li><strong>Month Picker</strong>: Select a specific month.</li>
<li><strong>Week Picker</strong>: Select a specific week.</li>
<li><strong>Country</strong>: Dropdown selector for country selection.</li>
<li><strong>State</strong>: Dropdown selector for state selection.</li>
<li><strong>File Upload</strong>: Allow users to upload files directly on the checkout page.</li>
<li><strong>Heading</strong>: Add a heading (H1, H2, etc.) to your form.</li>
<li><strong>Paragraph</strong>: Display text content on the checkout page.</li>
<li><strong>Label</strong>: Add field labels on the checkout page.</li>
</ol>
<ul>
<li><strong>Style Settings</strong>: Adjust the field’s appearance to match your store’s design and user experience requirements.</li>
</ul>
<p><img class="size-full wp-image-18734004309065 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/custom_field_style_settings_contentbanner_5_2x.webp" alt="Custom Checkout Style Settings Section" width="980" height="602" /></p>
<ul>
<li><strong>Pricing</strong>: This tab allows you to associate additional pricing with fields, adding fixed or percentage-based charges that are calculated into the final subtotal.</li>
</ul>
<p><img class="size-full wp-image-18734004309067 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/custom_field_pricing_settings_contentbanner_6_2x.webp" alt="Custom Checkout Pricing Section" width="980" height="602" /></p>
<ul>
<li><strong>Display Condition</strong>: Admins can set conditions for when a field should be displayed. Conditions can be based on either:</li>
</ul>
<p><img class="wp-image-18734004309074 size-full aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/custom_fields_display_condition_contentbanner_7_2x.webp" alt="Manage Custom Fields Efficiently Feature" width="1792" height="1100" /></p>
<ul>
<li><strong>Cart Condition</strong>: Display field depending on items in the cart.</li>
<li><strong>Checkout Condition</strong>: Show field based on data entered during checkout.</li>
</ul>
<h3 style="font-size: 20px">Manage Custom Fields Efficiently 📂</h3>
<p><img class="wp-image-18734004308993 size-full aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/view_manage_all_custom_fields_contentbanner_8_2x.webp" alt="Manage Custom Fields Efficiently Feature" width="1792" height="1100" /></p>
<p>Once custom fields are created, you can view and manage all custom fields through the extension’s interface. This makes reviewing, editing, or removing any field from the checkout process easy, ensuring the page stays well-organized and functional.</p>
<h3 style="font-size: 20px">Customize Billing Fields 💳</h3>
<p><img class="aligncenter wp-image-18734004308955 size-full" style="letter-spacing: -0.176px" src="https://woocommerce.com/wp-content/uploads/2024/10/customize_billing_fields_contentbanner_9_2x.webp" alt="Customize Billing Fields Feature" width="980" height="602" /></p>
<p>Add or modify custom fields directly within the Billing section of the checkout page, allowing you to capture all the information you need to process orders effectively.</p>
<h3><span style="font-size: 20px">Customize Shipping Fields 🚚</span></h3>
<p><img class="size-full wp-image-18734004308967 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/customize_shipping_fields_contentbanner_10_2x.webp" alt="Customize Shipping Fields Feature" width="980" height="602" /></p>
<p>Modify or add custom fields to the Shipping section of the checkout page. Perfect for collecting additional delivery-related information from your customers.</p>
<h3 style="font-size: 20px">Additional Fields Section 🛍️</h3>
<p><img class="wp-image-18734004388117 size-full aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/additional_fields_section_contentbanner_11_2x_c2222e.webp" alt="Additional Fields Section Feature" width="1792" height="1100" /></p>
<p>Admins can also add custom fields to the Additional Fields section of the checkout page, creating further opportunities to gather relevant customer data or offer extra services.</p>
<h2 style="font-size: 26px">How to Get Started 📝</h2>
<ul>
<li>Buy Custom Checkout Fields Editor for WooCommerce.</li>
<li>Download and install the extension. You can find the installation guide <a href="https://woocommerce.com/document/custom-checkout-fields-editor/#section-3">here</a>.</li>
<li>Activate, set up, and configure the extension.</li>
</ul>
<p>Read the <a href="https://woocommerce.com/document/custom-checkout-fields-editor/">technical documentation</a> to help you walk through the process of setting up Custom Checkout Fields Editor for WooCommerce.</p>
<h3 style="text-align: center"><span style="font-size: 20px">Ready to Enhance Your Checkout Process? 🎉</span></h3>
<p>Take full control of your WooCommerce checkout page with the Custom Checkout Fields Editor plugin. Whether you need to collect extra information, charge additional fees, or create a seamless, branded checkout experience, this plugin is the all-in-one solution for WooCommerce store owners looking to optimize their checkout process. 🚀</p>

Custom Checkout Fields Editor

<p>Take full control of your WooCommerce checkout page with Custom Checkout Fields Editor. Customize, enhance, and optimize customer checkout experience today!</p>

<p><strong>Conditional Shipping and Payments</strong> gives you a streamlined way to restrict the shipping methods, payment gateways, and shipping destinations available to your customers.</p>
<ul class="wccom-tick-list-primary">
<li>Make <strong>free shipping</strong> available <strong>per product</strong>, <strong>category</strong>, or <strong>shipping class</strong>.</li>
<li>Restrict shipping methods and live rates based on <strong>package weight</strong>, <strong>item count</strong>, or <strong>cart total</strong>.</li>
<li>Prevent individual products or categories from being shipped to restricted <strong>countries</strong>, <strong>states</strong>, and <strong>zip codes</strong>.</li>
<li>Limit shipping and payment options to specific customers and <strong>customer roles</strong>, such as <a href="https://woocommerce.com/products/woocommerce-memberships/" target="_blank" rel="noopener noreferrer">membership</a> holders or wholesale customers.</li>
<li>Use specific payment gateways for purchasing <a href="https://woocommerce.com/products/woocommerce-subscriptions/" target="_blank" rel="noopener noreferrer">subscriptions</a>, or offer free shipping with subscription renewals.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<div class="aligncenter" style="max-width: 720px;margin-bottom: 3em;font-size: 95%;font-style: italic">
<figure id="attachment_7596269" aria-describedby="caption-attachment-7596269" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-7596269" src="https://woocommerce.com/wp-content/uploads/2015/03/csp_overview_19.png" alt="Get complete control over your WooCommerce shipping and payment options." width="980" height="923" /><figcaption id="caption-attachment-7596269" class="wp-caption-text">Get complete control over your WooCommerce shipping and payment options.</figcaption></figure>
</div>
<h2>Restrict Shipping Methods</h2>
<p>Create rules to disable or hide <strong>shipping methods</strong> conditionally:</p>
<ul>
<li>Per product, category or shipping class.</li>
<li>By weight, item quantity, or cart total.</li>
<li>When activating a coupon code.</li>
<li>When purchasing <a href="https://woocommerce.com/products/woocommerce-subscriptions/" target="_blank" rel="noopener noreferrer">subscriptions</a>.</li>
<li>For individual customers, customer roles or <a href="https://woocommerce.com/products/woocommerce-memberships/" target="_blank" rel="noopener noreferrer">site members</a>.</li>
</ul>
<div class="aligncenter" style="max-width: 720px;margin-bottom: 3em;font-size: 95%;font-style: italic">
<figure id="attachment_7596268" aria-describedby="caption-attachment-7596268" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-7596268" src="https://woocommerce.com/wp-content/uploads/2015/03/csp_sm_19.png" alt="Create rules to hide existing shipping methods and live shipping rates." width="980" height="1103" /><figcaption id="caption-attachment-7596268" class="wp-caption-text">Create rules to hide existing shipping methods and live shipping rates.</figcaption></figure>
</div>
<h2>Restrict Payment Gateways</h2>
<p>Conditionally restrict or hide <strong>payment gateways</strong>:</p>
<ul class="wccom-tick-list-secondary">
<li>By shipping method, country, state or postcode.</li>
<li>Depending on the chosen billing country.</li>
<li>Based on order total or currency.</li>
<li>By product, product category or shipping class.</li>
<li>When paying for <a href="https://woocommerce.com/products/woocommerce-subscriptions/" target="_blank" rel="noopener noreferrer">subscriptions</a>.</li>
<li>For individual customers, customer roles, or <a href="https://woocommerce.com/products/woocommerce-memberships/" target="_blank" rel="noopener noreferrer">members</a> of your site.</li>
</ul>
<div class="aligncenter" style="max-width: 720px;margin-bottom: 3em;font-size: 95%;font-style: italic">
<figure id="attachment_7596270" aria-describedby="caption-attachment-7596270" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-7596270" src="https://woocommerce.com/wp-content/uploads/2015/03/csp_pg_19.png" alt="Conditional logic, at your fingertips." width="980" height="802" /><figcaption id="caption-attachment-7596270" class="wp-caption-text">Conditional logic, at your fingertips.</figcaption></figure>
</div>
<h2>Create Shipping Country and State Restrictions</h2>
<p>Create rules to prevent customer orders from being shipped to specific shipping countries or states in order to comply with customs import regulations, or shipping carrier terms. Build per product shipping rules, or custom conditional rules based on:</p>
<ul class="wccom-tick-list-secondary">
<li>Product categories or shipping classes in the cart.</li>
<li>Cart or shipping package totals.</li>
<li>Customer roles or <a href="https://woocommerce.com/products/woocommerce-memberships/" target="_blank" rel="noopener noreferrer">memberships</a>.</li>
</ul>
<div class="aligncenter" style="max-width: 720px;margin-bottom: 3em;font-size: 95%;font-style: italic">
<figure id="attachment_7596279" aria-describedby="caption-attachment-7596279" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-7596279" src="https://woocommerce.com/wp-content/uploads/2015/03/csp_notice_19c.png" alt="Exclude shipping destinations by product or category" width="980" height="507" /><figcaption id="caption-attachment-7596279" class="wp-caption-text">Exclude shipping destinations by product or category.</figcaption></figure>
</div>
<p>Want to learn more? Check out the <a href="https://woocommerce.com/document/woocommerce-conditional-shipping-and-payments/#reference" target="_blank" rel="noopener noreferrer">documentation</a> for a complete list of all conditions available in the extension.</p>
<h2>Stay Focused on What Matters</h2>
<p>Struggling with scattered snippets and plugins with limited functionality? It’s never too late to clean up your site!</p>
<p>Conditional Shipping and Payments allows you to create both <strong>global</strong> or <strong>per product</strong> restrictions. No matter which approach you choose, the extension keeps your site clean and helps you quickly track down every single shipping and payment method restriction on your site.</p>
<p>Running a high-traffic store? The extension leverages all caching optimizations built into WooCommerce and loads only the components needed to evaluate the rules you’ve built. This ensures that Conditional Shipping and Payments will never slow you down.</p>
<p>We’ve written over 2000 automated tests to ensure that all features will work as expected, update after update, so you can stay focused on what matters the most: Your business — not your plugins!</p>
<h2>Customize and Extend It</h2>
<p>Conditional Shipping and Payments comes with more than 10 integrations with popular extensions, such as <a href="https://woocommerce.com/products/woocommerce-subscriptions/" target="_blank" rel="noopener noreferrer">Subscriptions</a>, <a href="https://woocommerce.com/products/woocommerce-memberships/" target="_blank" rel="noopener noreferrer">Memberships</a> and <a href="https://woocommerce.com/products/gift-cards/" target="_blank" rel="noopener noreferrer">Gift Cards</a> — and the list keeps growing!</p>
<p>Need to build a custom condition? Use actions and filters to <strong>add new conditions</strong>, <strong>customize</strong> the extension, or even build <strong>new types of cart/checkout restrictions</strong> from scratch.</p>
<div class="woo-sc-box normal">
<p>Looking for a way to create <strong>weight based shipping</strong> rules in WooCommerce? Don’t forget to check out <a href="https://woocommerce.com/products/table-rate-shipping/" target="_blank" rel="noopener noreferrer">WooCommerce Table Rate Shipping</a>.Wondering which extension is right for you?</p>
<p>Use <strong>Conditional Shipping and Payments</strong> to conditionally enable existing shipping methods and exclude live rates supplied by courier APIs, such as <a href="https://woocommerce.com/products/ups-shipping-method/" target="_blank" rel="noopener noreferrer">UPS</a>.</p>
<p>Use <strong>Table Rate Shipping</strong> to create rule-based shipping rates in existing shipping zones.</p>
</div>
<div class="clear"></div>
<div class="woo-sc-box normal">Conditional Shipping and Payments is compatible with the new <a href="https://woocommerce.com/checkout-blocks/" target="_blank" rel="noopener">Cart and Checkout blocks</a> — a customizable, conversion-optimized checkout experience available in WooCommerce core.</div>

Conditional Shipping and Payments

<p>Use conditional logic to restrict the shipping and payment options available on your store.</p>

Custom Checkout Fields Editor vs Conditional Shipping and Payments