Stylemix

Checkout Custom Fields Builder for WooCommerce is an extension, which enables users to easily customize the checkout fields and checkout page appearance. With Checkout Custom Fields Builder, you can add, remove, and edit any checkout fields, making the process simple and personalized.
Who is This WooCoommerce Checkout Extension For?
Checkout Custom Fields Builder is perfect for WooCommerce online store & website owners who want to have more control over their checkout process. Whether you’re a small business owner or managing a large e-commerce platform, Checkout Custom Fields Builder for WooCommerce helps you create a custom checkout page with required fields for Shipping, Billing and Profile sections.
What Can You Do with This WooCommerce Extension?
One of the primary capabilities of Checkout Custom Fields Builder for WooCommerce is the ability to disable or enable any checkout field. This feature allows you to tailor the checkout experience to your specific needs, ensuring that customers only see the fields that are relevant to them. For instance, if you don’t need a company name or address field, you can easily turn it off.
Adding custom fields is another powerful feature of Checkout Custom Fields Builder for WooCommerce. You can create various types of fields to collect the necessary information from your customers:
<ul>
<li>Text Field: For basic input.</li>
<li>Text Area: For longer responses.</li>
<li>Number: For numerical data.</li>
<li>Phone Number: Ensures the correct format for phone numbers.</li>
<li>Email: Ensures the correct format for email addresses.</li>
<li>Checkbox (only one option): For yes/no or agree/disagree questions.</li>
</ul>
Checkout Custom Fields Builder for WooCommerce also allows you to delete or edit existing fields, providing the flexibility to refine your checkout form over time. The drag-and-drop functionality makes it easy to change the location of fields, enabling you to create a logical and user-friendly layout without any coding knowledge.
<h4>Editing Existing Fields</h4>
You can modify the existing fields in the checkout form. This means you can change the labels, placeholders, and descriptions to match your store’s needs. You can also decide if a field should be required or optional, and whether it should be visible to customers.
<h4>Adding New Fields</h4>
Adding new fields is simple with Checkout Custom Fields Builder for WooCommerce. You can drag new fields into the existing form and customize them as needed. The types of fields you can add include:
<ul>
<li>Text Field</li>
<li>Textarea</li>
<li>Number</li>
<li>Phone Number</li>
<li>Email</li>
<li>Single Checkbox</li>
</ul>
<h4>Customizing New Fields</h4>
When adding new fields, you can set:
<ul>
<li>Label: The name of the field that customers will see.</li>
<li>Placeholder: The text inside the field before the customer fills it out.</li>
<li>Description: Additional information or instructions about the field.</li>
<li>Required: Decide if the field must be filled out before completing the purchase.</li>
<li>Visible: Choose if the field should be shown to customers.</li>
</ul>
Styling a Checkout Form in Elementor
With Checkout Custom Fields Builder for WooCommerce, you can easily customize your checkout form using the Checkout Form widget in Elementor. This lets you design your checkout page exactly how you want it.
<h4>Customizing Field Layouts</h4>
You can choose how wide each field is on the checkout form:
<ul>
<li>1/1 (Full Width): Takes up the whole row, good for long text fields.</li>
<li>1/2 (Half Width): Takes up half the row, perfect for shorter fields like first and last names.</li>
<li>1/3 (One Third Width): Takes up one-third of the row, great for small fields.</li>
<li>2/3 (Two Thirds Width): Takes up two-thirds of the row, useful for fields that need more space.</li>
</ul>
This helps you create a neat and organized checkout form.
<h4>Customizing Buttons</h4>
You can change the text on the buttons to make it more interesting and match your store’s style. This can help encourage customers to finish their purchases.
<h4>Styling the Form and Fields</h4>
You can change how the form looks to match your website. You can adjust colors, fonts and paddings to make the checkout form look nice and professional.

Checkout Custom Fields Builder for WooCommerce

Customize the WooCommerce checkout: add, remove, or edit fields to create a simple, personalized experience for your store. -----

VillaTheme

Andy Ha

FEWC – Extra Checkout Fields For WooCommerce is an easy and effective method for customizing the checkout page. You can add custom fields, turn on/off any fields, and modify field position,… And preview the result on customizing. 
The checkout page on an eCommerce website is the page that handles payment/shipping information to complete a transaction. It typically includes various form fields to collect user information such as billing address, shipping address, payment method, and so on.
The default WooCommerce checkout template has two form fields, one for billing and one for shipping and payment information. All of this is basic information that is required to proceed with delivery. However, if your customer wants to add some personalization to their order, for instance, if they want to send it as a gift to another person and want a note added, they can do so. What makes them do that? 
FEWC – Extra Checkout Fields For WooCommerce plugin is the best way to make your checkout page more user-friendly. With this plugin, you can edit/manage default checkout fields, and create new custom fields on your checkout page. You can optimize your checkout page with the fields which you believe are important to make your customers comfortable when they experience your checkout page.
Specifically, FEWC – Extra Checkout Fields For WooCommerce is a plugin that makes it easy to edit, hide, rearrange, and validate checkout fields, as well as add, edit, duplicate, and delete new custom fields with different custom field types to sections on your WooCommerce checkout page. Moreover, custom field data can be included in the order email, order detail page, and thank you page.
<blockquote>
<a href="https://new2new.com/?item=fewc" title="Demo FEWC" rel="nofollow ugc">Try the Demo</a> |<a href="https://docs.villatheme.com/?item=fewc" title="Documents" rel="nofollow ugc">Documents</a> | <a href="https://www.facebook.com/groups/villatheme" title="VillaTheme" rel="nofollow ugc">Facebook group</a>
</blockquote>
<h3>How to install and use the plugin</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Y93Xlhasulk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>THE PLUGIN FEATURES:</h3>
► What FEWC – Extra Checkout Fields For WooCommerce can do:
Add new sections
<ul>
<li>
Add unlimited sections on the checkout page.
</li>
<li>
Edit/remove, set the position of custom sections.
</li>
<li>
Configure the custom section with name, title, title color, and position.
</li>
</ul>
Manage WooCommerce existing checkout fields
<ul>
<li>
Set the priority of existing fields in each section on the checkout page.
</li>
<li>
Toggle to display or hide existing checkout fields on the checkout page.
</li>
<li>
Configure the existing fields with labels, placeholder.
</li>
<li>
Customize the existing fields by class, and define the class label and input class.
</li>
</ul>
Add new custom fields
<ul>
<li>
Add unlimited custom checkout fields.
</li>
<li>
Different types to define the field type: Text, Email, Phone, Number, Textarea, Checkbox, Checkbox group, Select, Radio, Datetime local, Time, Date, Week, Month, Password, Hidden, Url, Html/paragraph.
</li>
<li>
Toggle to display or hide custom checkout fields on the checkout page.
</li>
<li>
Duplicate/Remove custom checkout fields.
</li>
<li>
Configure the custom fields with labels, placeholder.
</li>
<li>
Customize the custom fields by class, and define the class label and input class.
</li>
<li>
Assign to appear: There is a metadata section which allows you to save the custom fields to new user meta data or order meta data and assign the custom fields to appear on the admin email, customer email, order detail page and thank you page.
</li>
</ul>
► Options and customizing features of FEWC – Extra Checkout Fields For WooCommerce:
Different types to define the custom checkout field in FEWC – Extra Checkout Fields For WooCommerce plugin
<ul>
<li>
Text: defines a single-line text input field.
</li>
<li>
Email: is used for input fields that should contain an e-mail address.
</li>
<li>
Phone: is used for input fields that should contain a telephone number.
</li>
<li>
Number: defines a numeric input field. You can also set restrictions on what numbers are accepted.
</li>
<li>
Textarea: a text input field but you can enter text content in multiple lines.
</li>
<li>
Checkbox: defines a checkbox.
</li>
<li>
Checkbox group: allow your customer to select multiple choices.
</li>
<li>
Select: is used to create a drop-down list.
</li>
<li>
Radio: defines a radio button. Radio buttons let a user select ONLY ONE of a limited number of choices..
</li>
<li>
Datetime local: specifies a date and time input field.
</li>
<li>
Time: allows your customer to select a time.
</li>
<li>
Date: is used for input fields that should contain a date.
</li>
<li>
Week: allows your customer to select a week on the year.
</li>
<li>
Month: allows your customer to select a month on the year.
</li>
<li>
Password: defines a password field.
</li>
<li>
Hidden: defines a hidden input field and does not visible to your customer.
</li>
<li>
Url: is used for input fields that should contain a URL address.
</li>
<li>
Html/paragraph: allow you to show a title or a paragraph with some HTML tag.
</li>
</ul>
Design: There is a design section in each field for designing the field
<ul>
<li>
Class.
</li>
<li>
Label class.
</li>
<li>
Input class.
</li>
</ul>
Meta Data: This feature in FEWC – Extra Checkout Fields For WooCommerce plugin allows you to save the custom fields to new user meta data or order meta data and assign the custom fields to appear on the admin email, customer email, order detail page and thank you page.
<ul>
<li>
Where to save.
</li>
<li>
Meta key name.
</li>
<li>
Display in.
</li>
</ul>
Manipulations can do with FEWC – Extra Checkout Fields For WooCommerce:
<ul>
<li>
Edit fields: Click on the edit icon to edit each field.
</li>
<li>
Show/hide fields: Click on the show/hide icon to show/hide each field.
</li>
<li>
Duplicate fields: Click on the clone icon to create a new same custom field.
</li>
<li>
Delete custom fields: Click on the trash icon to remove a field.
</li>
<li>
Reset default: With a single click, you can return to the original state with the default fields.
</li>
<li>
Rearrange field(s): Drag and drop among fields to sort fields in your desired order.
</li>
</ul>
Admin panel preview: The edition will be applied and visualized on the checkout customizer page so that you can observe the change easily
<h3>MAY BE YOU NEED</h3>
<a href="https://wordpress.org/plugins/9mail-wp-email-templates-designer/" rel="ugc">9MAIL – WordPress Email Templates Designer</a>
<a href="https://wordpress.org/plugins/9map-map-multi-locations/" rel="ugc">9Map – Map Multi Locations</a>
<a href="https://wordpress.org/plugins/woo-abandoned-cart-recovery/" rel="ugc">Abandoned Cart Recovery for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-advanced-product-information/" rel="ugc">Advanced Product Information for WooCommerce</a>
<a href="https://wordpress.org/plugins/affi-affiliate-marketing-for-woo/" rel="ugc">AFFI – Affiliate Marketing for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-alidropship/" rel="ugc">ALD – Dropshipping and Fulfillment for AliExpress and WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-boost-sales/" rel="ugc">Boost Sales for WooCommerce – Set up Up-Sells & Cross-Sells Popups & Auto Apply Coupon</a>
<a href="https://wordpress.org/plugins/bopo-woo-product-bundle-builder/" rel="ugc">Bopo – WooCommerce Product Bundle Builder</a>
<a href="https://wordpress.org/plugins/bulky-bulk-edit-products-for-woo/" rel="ugc">Bulky – Bulk Edit Products for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-cart-all-in-one/" rel="ugc">Cart All In One For WooCommerce</a>
<a href="https://wordpress.org/plugins/catna-woo-name-your-price-and-offers/" rel="ugc">Catna – Woo Name Your Price and Offers</a>
<a href="https://wordpress.org/plugins/checkout-upsell-funnel-for-woo/" rel="ugc">Checkout Upsell Funnel for WooCommerce</a>
<a href="https://wordpress.org/plugins/chinads-dropshipping-taobao-woocommerce/" rel="ugc">ChinaDS – Tmall-Taobao Dropshipping for WooCommerce</a>
<a href="https://wordpress.org/plugins/clear-autoptimize-cache-automatically/" rel="ugc">Clear Autoptimize Cache Automatically</a>
<a href="https://wordpress.org/plugins/compe-woo-compare-products/" rel="ugc">COMPE – WooCommerce Compare Products</a>
<a href="https://wordpress.org/plugins/woo-coupon-reminder/" rel="ugc">Coreem – Coupon Reminder for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-coupon-box/" rel="ugc">Coupon Box for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-multi-currency/" rel="ugc">CURCY – Multi Currency for WooCommerce – Smoothly on WooCommerce 9.x</a>
<a href="https://wordpress.org/plugins/woo-customer-coupons/" rel="ugc">Customer Coupons for WooCommerce</a>
<a href="https://wordpress.org/plugins/depart-deposit-and-part-payment-for-woo/" rel="ugc">DEPART – Deposit and Part payment for Woo</a>
<a href="https://wordpress.org/plugins/email-template-customizer-for-woo/" rel="ugc">Email Template Customizer for WooCommerce</a>
<a href="https://wordpress.org/plugins/epoi-wp-points-and-rewards/" rel="ugc">EPOI – WP Points and Rewards</a>
<a href="https://wordpress.org/plugins/epow-custom-product-options-for-woocommerce/" rel="ugc">EPOW – Custom Product Options for WooCommerce</a>
<a href="https://wordpress.org/plugins/eu-cookies-bar/" rel="ugc">EU Cookies Bar for WordPress</a>
<a href="https://wordpress.org/plugins/exmage-wp-image-links/" rel="ugc">EXMAGE – WordPress Image Links</a>
<a href="https://wordpress.org/plugins/woo-virtual-reviews/" rel="ugc">Faview – Virtual Reviews for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-free-shipping-bar/" rel="ugc">Free Shipping Bar for WooCommerce</a>
<a href="https://wordpress.org/plugins/gift4u-gift-cards-all-in-one-for-woo/" rel="ugc">GIFT4U – Gift Cards All in One for Woo</a>
<a href="https://wordpress.org/plugins/handmade-dropshipping-for-etsy-and-woo/" rel="ugc">HANDMADE – Dropshipping for Etsy and WooCommerce</a>
<a href="https://wordpress.org/plugins/happy-helpdesk-support-ticket-system/" rel="ugc">HAPPY – Helpdesk Support Ticket System</a>
<a href="https://wordpress.org/plugins/jagif-woo-free-gift/" rel="ugc">Jagif – WooCommerce Free Gift</a>
<a href="https://wordpress.org/plugins/woo-lookbook/" rel="ugc">LookBook for WooCommerce – Shoppable with Product Tags</a>
<a href="https://wordpress.org/plugins/woo-lucky-wheel/" rel="ugc">Lucky Wheel for WooCommerce – Spin a Sale</a>
<a href="https://wordpress.org/plugins/wp-lucky-wheel/" rel="ugc">Lucky Wheel Giveaway</a>
<a href="https://wordpress.org/plugins/woo-notification/" rel="ugc">Notification for WooCommerce | Boost Your Sales – Recent Sales Popup – Live Feed Sales – Upsells</a>
<a href="https://wordpress.org/plugins/woo-orders-tracking/" rel="ugc">Orders Tracking for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-photo-reviews/" rel="ugc">Photo Reviews for WooCommerce</a>
<a href="https://wordpress.org/plugins/pofily-woo-product-filters/" rel="ugc">Pofily – WooCommerce Product Filters</a>
<a href="https://wordpress.org/plugins/product-pre-orders-for-woo/" rel="ugc">PRENA – Product Pre-Orders for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-product-builder/" rel="ugc">Product Builder for WooCommerce – Custom PC Builder</a>
<a href="https://wordpress.org/plugins/product-size-chart-for-woo/" rel="ugc">Product Size Chart For WooCommerce</a>
<a href="https://wordpress.org/plugins/product-variations-swatches-for-woocommerce/" rel="ugc">Product Variations Swatches for WooCommerce</a>
<a href="https://wordpress.org/plugins/redis-woo-dynamic-pricing-and-discounts/" rel="ugc">REDIS – WooCommerce Dynamic Pricing and Discounts</a>
<a href="https://wordpress.org/plugins/rees-real-estate-for-woo/" rel="ugc">REES – Real Estate for Woo</a>
<a href="https://wordpress.org/plugins/import-shopify-to-woocommerce/" rel="ugc">S2W – Import Shopify to WooCommerce</a>
<a href="https://wordpress.org/plugins/sales-countdown-timer/" rel="ugc">Sales Countdown Timer</a>
<a href="https://wordpress.org/plugins/subre-product-subscription-for-woo/" rel="ugc">SUBRE – Product Subscription for WooCommerce – Recurring Payments</a>
<a href="https://wordpress.org/plugins/woo-suggestion-engine/" rel="ugc">Suggestion Engine for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-thank-you-page-customizer/" rel="ugc">Thank You Page Customizer for WooCommerce – Increase Your Sales</a>
<a href="https://wordpress.org/plugins/tmds-dropshipping-for-temu-and-woo/" rel="ugc">TMDS – Dropshipping for TEMU and Woo</a>
<a href="https://wordpress.org/plugins/vargal-additional-variation-gallery-for-woo/" rel="ugc">VARGAL – Additional Variation Gallery for WooCommerce</a>
<a href="https://wordpress.org/plugins/villatheme-core/" rel="ugc">VillaTheme Core</a>
<a href="https://wordpress.org/plugins/vima-multi-customer-addresses-for-woo/" rel="ugc">VIMA – Multi Customer Addresses for Woo</a>
<a href="https://wordpress.org/plugins/viseek-easy-custom-search/" rel="ugc">VISeek – Easy Custom Search</a>
<a href="https://wordpress.org/plugins/w2s-migrate-woo-to-shopify/" rel="ugc">W2S – Migrate WooCommerce to Shopify</a>
<a href="https://wordpress.org/plugins/webpos-point-of-sale-for-woocommerce/" rel="ugc">WebPOS – Point of Sale for WooCommerce</a>
<a href="https://wordpress.org/plugins/wpbulky-wp-bulk-edit-post-types/" rel="ugc">WPBulky – WordPress Bulk Edit Post Types</a>
<h3>Documentation</h3>
► <a href="https://docs.villatheme.com/?item=fewc" rel="nofollow ugc">Getting Started</a>
<h3>Plugin Links</h3>
► <a href="https://villatheme.com/extensions/fewc/" rel="nofollow ugc">Project Page</a> 
► <a href="https://docs.villatheme.com/?item=fewc" rel="nofollow ugc">Documentation</a> 
► <a href="https://villatheme.com/knowledge-base/security-is-our-priority/" rel="nofollow ugc">Report Bugs/Issues</a>

FEWC – Extra Checkout Fields For WooCommerce

Easily customize your checkout page: add custom fields, enable/disable fields, rearrange their positions, and preview changes in the WP Customizer

Checkout Custom Fields Builder for WooCommerce vs FEWC – Extra Checkout Fields For WooCommerce