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

ThemeParrot

The Checkout Field Editor and Manager plugin allows you to add custom fields to capture additional information from the customers during the checkout process.
The plugin comes with a drag and drop Checkout Field Editor to edit the default checkout fields in WooCommerce. In addition to editing the default WooCommerce Checkout fields, you can also add new custom fields in any or all of the three sections of the WooCommerce checkout – Billing, Shipping and Payment.
The easy-to-use WooCommerce Checkout Field Editor allows you to change the label, add validations, rearrange the WooCommerce checkout fields, add additional CSS classes and more.
<a href="http://demo.themeparrot.net/extra-checkout-fields" rel="nofollow ugc">Demo</a> | <a href="https://themeparrot.com/downloads/extra-checkout-field-editor-and-checkout-manager-for-woocommerce" rel="nofollow ugc">Get PRO version</a>
<h3>Free Version Features</h3>
<ul>
<li>8+ Field types</li>
<li>Drag and Drop Form builder</li>
<li>Add / Edit / Delete / Rearrange Checkout Fields</li>
<li>Create & Place Custom section in Checkout Page</li>
<li>Automatic field validation</li>
<li>Light-weight, and easy to use</li>
</ul>
<h3>Field types – FREE Version</h3>
The following Checkout field types are available in this free version:
Text: Get simple text input like name, tax number or company name, area name etc. 
Email: Sometimes, you may want to get an email address. This field will help with it. 
Telephone: Sometimes, you may want to get a contact number, then this field will help. 
Number: When you want customers to enter a numeric input, then this will help. 
Textarea: A paragraph input. Let customers enter a description or instructions or something that needs a detailed explanation. 
Dropdown / Select: Give a list of options for the customers to choose from. Example: A list of delivery areas. 
Header: To set the heading. Here, You can use following HTML header tags like h1, h2, h3, etc. 
Paragraph: To set instruction before / after fields. Here, you can use following HTML tags like p, address, etc.
<h3>Premium Version</h3>
With the <a href="https://themeparrot.com/downloads/extra-checkout-field-editor-and-checkout-manager-for-woocommerce" rel="nofollow ugc">Checkout Field Editor and Manager for WooCommerce PRO</a> version, you can add more field types like file upload, radio, checkbox.
<a href="https://themeparrot.com/downloads/extra-checkout-field-editor-and-checkout-manager-for-woocommerce" rel="nofollow ugc">Get Premium Version</a>
Radio Buttons: Let customers select an option from multiple choices or simple yes / no option. Example: Gift wrap option 
Checkbox: Let customers personalize their order by choosing multiple options. Example: Gift wrap, additional terms 
Date Picker: Date pickers are useful when you want to get the order delivery date or birthday of the customers. 
Time Picker: Let customers choose a time or a time interval. Example: an order delivery time slot. 
DateTime Picker: Customers can choose both date and time in the same picker. Useful for getting order delivery dates and birthdays 
Color Picker: Useful when you want to get a color of choice from customers. 
File Upload: Customers can upload a file at the time of checkout. Useful to get images, PDFs, documents, word files, drawings and more with this field. 
Description / Help Text: Help text for each field can be set, which can be shown as bottom of the input field.
<h3>How to Customize WooCommerce Checkout Fields?</h3>
By default, WooCommerce does not allow you to edit the checkout fields or reposition the fields. 
That is, you will not be able to move the Email field to the top / first position in the Checkout page.
An optimized checkout process leads to increase sales as customers will be able to complete the checkout quickly and place an order. Sometimes, business needs to be customized checkout fields to capture additional information from the customers in order to fulfill their orders.
The plugin helps you customize your WooCommerce Checkout experience in a user-friendly manner.
You can perform the following Checkout optimisations:
<ul>
<li>Reorder the Checkout fields – Example: You can move the Email field to the top of the checkout page.</li>
<li>Changing the input field labels and placeholder text</li>
<li>Make a field required or not-required</li>
<li>Get additional information – Example a Customer identification number</li>
<li>Delivery instructions</li>
<li>Order delivery date</li>
<li>Remove a field</li>
</ul>
<h3>How to Edit WooCommerce Checkout Fields?</h3>
The plugin comes with a user-friendly form builder that allows you to edit the checkout fields in WooCommerce easily.
After installing the plugin, navigate to your WordPress dashboard -> WooCommerce -> Checkout Field Editor. 
You can start editing the existing fields in all three sections – Billing, Shipping, Order
You can edit and modify the following default WooCommerce checkout fields in both Billing and Shipping sections:
<ul>
<li>First name</li>
<li>Last name</li>
<li>Company name</li>
<li>Country / Region</li>
<li>Address</li>
<li>Town / City</li>
<li>State</li>
<li>Postcode / ZIP</li>
<li>Phone</li>
<li>Email address</li>
<li>Order notes</li>
</ul>
Besides, you will be able to add additional fields to the WooCommerce checkout.
<h3>Support</h3>
We provide awesome support to our customers. Just open a ticket at our website if you need any assistance with editing the Checkout fields or face any difficulties working with the plugin.

Checkout Field Editor and Manager for WooCommerce

A simple WooCommerce Checkout Field Editor and Manager plugin to edit WooCommerce checkout fields, add custom checkout fields and more.

Checkout Custom Fields Builder for WooCommerce vs Checkout Field Editor and Manager for WooCommerce