<ul class="wccom-tick-list-primary">
<li>Accept order tips, using percentage-based fees</li>
<li>Offer upsell or free services like shipping insurance, company stickers / swag, or rush handling</li>
<li>Add gift options, such as messages, gift wrap options, and gift receipts</li>
</ul>
<h2>Offer free or paid add-ons and service at checkout</h2>
<p>The WooCommerce core checkout process covers all the basics needed to place an order, but what if you want to accept tips, offer gift-wrapping, or let customers add a gift message to their order? That’s where <strong>WooCommerce Checkout Add-Ons</strong> comes in! With Checkout Add-Ons, you can <strong>add free or paid options to your checkout page</strong>. You can add several different types of fields based on your add-on type – text fields, radio buttons, file uploads, and more!</p>
<figure id="attachment_5950222" aria-describedby="caption-attachment-5950222" style="width: 620px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-checkout-add-ons-admin.png"><img class="size-medium wp-image-5950222" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-checkout-add-ons-admin.png?w=620" alt="Checkout Add-Ons admin view" width="620" height="326" /></a><figcaption id="caption-attachment-5950222" class="wp-caption-text"><em>Configuring Checkout Add-Ons</em></figcaption></figure>
<figure id="attachment_5950225" aria-describedby="caption-attachment-5950225" style="width: 620px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-checkout-add-ons-checkout-view.png"><img class="size-medium wp-image-5950225" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-checkout-add-ons-checkout-view.png?w=620" alt="Checkout Add-Ons displayed at checkout" width="620" height="533" /></a><figcaption id="caption-attachment-5950225" class="wp-caption-text"><em>Add-ons displayed at checkout</em></figcaption></figure>
<p> </p>
<h3>What can I do with Checkout Add-Ons?</h3>
<p>Checkout Add-Ons offers lots of features to let you customize your checkout experience:</p>
<ul class="wccom-tick-list-secondary">
<li>Create <strong>many custom field types</strong> to cover many different uses – text, text area, drop-downs (i.e. select fields), multi-selects, radio buttons, checkbox, multi-checkbox lists, and file uploads</li>
<li>Add option fields for <strong>add-on services and upsells</strong> (does not support inventory management)</li>
<li>Optionally <strong>add fixed-amount or percentage-based costs</strong> based on how customers interact with the field</li>
<li>Create <strong>conditional add-ons</strong> that appear or change based on factors like cart subtotal, products in the cart, or the value of another add-on</li>
<li><strong>Dynamically update order details and total</strong> at checkout as options are selected or modified</li>
<li>Supports <strong>WooCommerce Subscriptions</strong> by adding add-ons to the initial purchase and, optionally, to renewal orders</li>
<li>Compatible with <a href="https://woocommerce.com/products/woocommerce-one-page-checkout/" target="_blank" rel="noopener noreferrer">One Page Checkout</a></li>
<li>Customers can <strong>view selected add-ons</strong> from order detail pages and emails</li>
<li>Admins can <strong>sort and filter</strong> the WooCommerce > Orders page based on add-ons and their values</li>
<li><strong>Saves selected options and uploads</strong>, even if customers browse away from checkout</li>
</ul>
<h3>How to Get Started</h3>
<ol>
<li>Buy this extension 🙂</li>
<li>Download and install into your WooCommerce store</li>
<li>Create some order fields under <strong>WooCommerce > Checkout Add-ons</strong></li>
<li>That’s it! Sit back and enjoy using your shiny new checkout fields!</li>
</ol>
<div class="woo-sc-box info  info ">If you need to only add fees or add-ons when a particular product is purchased, we recommend the <a href="https://woocommerce.com/products/product-add-ons/">Product Add-ons</a> extension.</div>
<p><em>Need any more reason to buy? When you purchase a SkyVerge-developed extension, you’re getting the highest quality extensions for your WooCommerce store. Gain peace of mind by knowing that when you purchase our products, your store’s performance is as important to us as it is to you.</em></p>

Checkout Add-Ons

<p><span style="font-weight: 400">Highlight relevant products, offers like free shipping and other up-sells during checkout. </span></p>

<div class="woo-sc-box alert"><strong>This extension works with the legacy checkout only</strong><br />The block-based checkout will soon include native field customization, so this extension isn’t needed there. We recommend migrating to the block-based checkout when this becomes available.</div>
<h2>Features</h2>
<ul class="wccom-tick-list-primary">
<li><strong>Customizable checkout</strong>: Personalize fields to create a tailored checkout experience.</li>
<li><strong>Streamlined information collection</strong>: Add custom fields to gather essential data (such as requested delivery date).</li>
<li><strong>Simplified checkout</strong>: Remove unnecessary fields for a faster and smoother process.</li>
</ul>
<hr />
<h2>Customize your checkout fields via your WP Admin dashboard</h2>
<p>Checkout Field Editor provides you with an interface to <strong>add, edit, and remove fields</strong> shown on your WooCommerce checkout page. Fields can be added and removed from the billing and shipping sections, as well as inserted after these sections next to the standard order notes. Core fields can also be moved around, giving you <strong>more control over your checkout without touching any code</strong>.</p>
<p>The editor supports several custom field types, including:</p>
<ul>
<li>Text fields</li>
<li>Select attributes</li>
<li>Checkboxes</li>
<li>Datepickers</li>
</ul>
<hr />
<h2>Benefits</h2>
<ul class="wccom-tick-list-secondary">
<li><strong>Maintain brand consistency</strong>: Edit fields to align with your brand identity, reinforcing brand recognition and building customer trust throughout the checkout experience.</li>
<li><strong>Reduce cart abandonment:</strong> Optimize the checkout process to minimize obstacles and create a smooth user experience, decreasing the likelihood of customers abandoning their carts.</li>
<li><strong>Enhance customer satisfaction</strong>: Offer a customized and user-friendly checkout process, demonstrating your commitment to meeting customer needs and increasing satisfaction levels.</li>
<li><strong>Improve data collection</strong>: Add fields to gather valuable customer insights, empowering data-driven decision-making and enabling personalized marketing strategies.</li>
<li><strong>Increase conversion rates</strong>: With an optimized checkout process, guide customers seamlessly from cart to completion, resulting in higher conversion rates and increased revenue.</li>
<li><strong>Adaptability and control</strong>: Take advantage of WooCommerce’s flexibility to actively optimize and experiment with different field configurations, maintaining control over the checkout experience.</li>
<li><strong>Gain a competitive edge</strong>: Stand out from competitors by providing an optimized checkout process that differentiates your online store, attracting more customers and driving business growth.</li>
</ul>
<hr />
<h2>Documentation</h2>
<p>Need guidance? Check out our <a href="https://woocommerce.com/document/checkout-field-editor/">comprehensive documentation</a> to learn everything you need to know about the Checkout Field Editor extension.</p>
<h2>Questions and support</h2>
<p>If you have pre-sale questions or need help, <a href="https://woocommerce.com/my-account/create-a-ticket/">get in touch</a> with our friendly Happiness Engineers.</p>

Checkout Field Editor

<p>Optimize your checkout process by adding, removing, or editing fields to suit your needs.</p>

Checkout Add-Ons vs Checkout Field Editor