<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>

<ul class="wccom-tick-list-primary">
<li>Offer more intelligent upsells and cross-sells — or create your own, rule-based <a href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">recommendation engines</a>.</li>
<li>Improve the shopping experience across your entire store, with recommendations placed at <a href="https://woocommerce.com/document/product-recommendations/store-owners-guide/#locations" target="_blank" rel="noopener noreferrer">strategic locations</a>.</li>
<li>Measure their impact and optimize your strategies with in-depth <a href="https://woocommerce.com/document/product-recommendations/store-owners-guide/#analytics" target="_blank" rel="noopener noreferrer">analytics</a>.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<div class="woo-sc-box normal"><strong>Woo Product Recommendations</strong> has not been optimized for use with block themes: Recommendation Engines may not work as expected when a block theme is active. Support for the Block/Site Editor is coming soon.</div>
<h2></h2>
<h2>Upsells and cross-sells with a pinch of intelligence</h2>
<p>Ever noticed how the most successful stores leverage the power of product recommendations? When done right, upsells and cross-sells deliver a more engaging experience to your visitors — the kind of experience that not only helps them find products they like, but also keeps them coming back.</p>
<p>Fortunately, you don’t need a team of machine learning specialists to get started. <strong>Product Recommendations</strong> is a state-of-the-art product recommendations platform for WooCommerce that brings together human intelligence and machine learning, with one goal: To help you grow your sales.</p>
<h3>Let technology do the heavy lifting for you</h3>
<p>Build intelligent engines that generate automated, accurate <a title="Recommend products that are frequently bought together." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/offer-frequently-bought-together-recommendations/" target="_blank" rel="noopener noreferrer">Frequently Bought Together</a> recommendations, with near-zero waiting or training. Our lightweight search algorithm analyzes your orders to discover meaningful product relationships, and quickly adapts itself to new trends and seasonal patterns.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_6110666" aria-describedby="caption-attachment-6110666" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-6110666" src="https://woocommerce.com/wp-content/uploads/2019/07/use-case-frequently-bought-together-result.png" alt="Deliver captivating, Amazon-style recommendations, without giving up your store's data or revenue to anyone" width="980" height="938" /><figcaption id="caption-attachment-6110666" class="wp-caption-text">Deliver captivating, Amazon-style product recommendations, without giving away your store’s data (or revenue) to third-parties.</figcaption></figure>
</div>
<h3>Add recommendations across your entire catalog, effortlessly</h3>
<p>Ever tried to manually add upsells and cross-sells to every product or category page of your store? With <strong>Product Recommendations</strong>, you can do both in minutes. Create upsells and cross-sells in bulk, instead of entering products one by one. Add category, attribute, tag, or price <strong>filters</strong> to narrow down products, and use <strong>amplifiers</strong> to boost specific results based on popularity, rating, creation date, conversion rate, or more advanced criteria.</p>
<p>Looking for a way to recommend products from the currently viewed category, or brand? Want to limit results to products that cost more than the currently viewed product? No problem! <strong>Product Recommendations</strong> lets you deploy context-aware recommendations, faster.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943601" aria-describedby="caption-attachment-4943601" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943601" title="Create upsells, cross sells and related products in bulk, by category or tag." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-upsells-sm.png" alt="Create upsells, cross sells and related products in bulk, by category or tag." width="980" height="891" /><figcaption id="caption-attachment-4943601" class="wp-caption-text">Use smart <strong>filters</strong>, <strong>amplifiers</strong> and <strong>visibility conditions</strong> to create recommendation recipes for multiple products and product category pages at once.</figcaption></figure>
</div>
<h3>Promote the right product, to the right customer, at the right time</h3>
<p>Increase your store’s average order value by recommending <a title="Offer upsells after checkout." href="https://woocommerce.com/document/recommend-recently-viewed-products/" target="_blank" rel="noopener noreferrer">recently viewed products</a> and products from <a title="Offering upsells on the thank you page." href="https://woocommerce.com/document/recommend-products-from-recently-viewed-categories/" target="_blank" rel="noopener noreferrer">recently viewed categories</a> on the checkout page, or even after customers complete their orders. Make relevant, well-timed offers by displaying them conditionally, based on your customers’ cart/order contents, browsing history, date, or location.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943634" aria-describedby="caption-attachment-4943634" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943634" title="Recommend products from recently viewed categories." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-still-looking.png" alt="Recommend products from recently viewed categories." width="980" height="455" /><figcaption id="caption-attachment-4943634" class="wp-caption-text">Offer personalized upsells before or after checkout. Recommend products from categories that customers viewed, and display your recommendations conditionally, based on order or cart contents.</figcaption></figure>
</div>
<h3>Recommend products anywhere</h3>
<p>Deploy recommendations at more than 20 locations on your store’s:</p>
<ul>
<li>Main shop page.</li>
<li>Product category or tag pages.</li>
<li>Individual product pages.</li>
<li>Cart and checkout pages.</li>
<li>Thank You (order-received) and order-pay pages.</li>
</ul>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943600" aria-describedby="caption-attachment-4943600" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943600" title="Boost your customers' confidence and make browsing more fun by recommending best sellers and top rated products." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-top-rated-sm.png" alt="Boost your customers' confidence and make browsing more fun by recommending best-sellers and top-rated products." width="980" height="1661" /><figcaption id="caption-attachment-4943600" class="wp-caption-text">Effortlessly add recommendations to every category page in your catalog.</figcaption></figure>
</div>
<h3>Make your own rules</h3>
<p>Tailor the shopping experience across your entire site to fit your merchandising strategies. Build custom recommendation engines that utilize <strong>filters, amplifiers and visibility conditions</strong> to match products and customers. Want some inspiration?</p>
<ul>
<li>Use the psychology of social proof to your advantage. Boost your customers’ confidence and make browsing more fun by recommending <a title="Recommend best sellers in your WooCommerce store's shop archives." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-trending-products/" target="_blank" rel="noopener noreferrer">best selling</a> and <a title="Recommend top rated products in your WooCommerce store's shop archives." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-top-rated-products/" target="_blank" rel="noopener noreferrer">top rated</a> products at the top of your store’s product category and tag pages.</li>
<li>Inspire customer loyalty: Offer curated <a title="Make complementary products easier to discover in WooCommerce product pages." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/offer-complete-the-look-recommendations/" target="_blank" rel="noopener noreferrer">Complete the Look</a> recommendations in product pages, or after customers have placed their orders.</li>
<li>Incentivize customers to <a title="Encourage customers to spend more and unlock free shipping." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-products-to-unlock-free-shipping/" target="_blank" rel="noopener noreferrer">spend more in order to unlock perks</a>, such as free shipping.</li>
<li>Encourage impulse purchases by recommending popular products on the checkout page: To optimize conversion, prioritize <a title="Recommend on sale products in your WooCommerce store's checkout page." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-last-minute-deals/" target="_blank" rel="noopener noreferrer">on-sale</a> and <a title="Offer seasonal product recommendations in your WooCommerce store's checkout page." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-products-on-specific-dates/" target="_blank" rel="noopener noreferrer">seasonal</a> items.</li>
</ul>
<p>Need more ideas? Get a head start with <a title="Simple, engaging product recommendation strategies for your WooCommerce store." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">these</a> high-performing strategies.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<p><img class="aligncenter wp-image-18734001019355 size-full" style="margin-bottom: 1.5em" title="Use filters and amplifiers to create your own, custom recommendation engine." src="https://woocommerce.com/wp-content/uploads/2019/07/Engine-configuration-sample.png" alt="" width="1742" height="968" /></p>
</div>
<h3>Optimize your strategies with in-depth analytics</h3>
<p>Drill down into insightful reports to understand and refine your recommendation strategies. Track and analyze:</p>
<ul>
<li>Gross and Net Revenue.</li>
<li>Conversions.</li>
</ul>
<p>To help you understand what drives conversions, we’ve made every report filterable by date, converted product and location!</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_18734000458815" aria-describedby="caption-attachment-18734000458815" style="width: 980px" class="wp-caption alignnone"><img class="size-full wp-image-18734000458815" title="Generating Revenue and Conversion reports with WooCommerce Product Recommendations." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-report-1.png" alt="Generating Revenue and Conversion reports with WooCommerce Product Recommendations." width="980" height="966" /><figcaption id="caption-attachment-18734000458815" class="wp-caption-text">Optimize your strategies with detailed Revenue and Conversion analytics.</figcaption></figure>
</div>
<p>The best part? <strong>Product Recommendations</strong> has been carefully designed to work on hosting environments with limited resources, and is built to scale.</p>
<h3>How to get started</h3>
<ol>
<li>Buy <strong>WooCommerce Product Recommendations</strong>.</li>
<li>Download and install it.</li>
<li>Pick one of <a title="Simple, engaging product recommendation strategies for your WooCommerce store." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">these</a> tried-and-tested strategies.</li>
<li>Follow our documentation to build and deploy your first Engine.</li>
<li>Sit back and enjoy the extra revenue!</li>
</ol>

Product Recommendations

<p>Offer smarter upsells, cross-sells, and “frequently bought together” recommendations. Measure their impact with in-depth analytics.</p>

Custom Checkout Fields Editor vs Product Recommendations