If you are wondering how to add custom field in WooCommerce checkout page, you are at the right place. Checkout Field Editor for WooCommerce plugin provides an easy way to customise (add, edit, delete and change display order) your fields displayed on WooCommerce checkout page. This plugin requires WooCommerce to be installed, activated, and configured.
Add new custom field(s).
Adding custom fields to the WooCommerce checkout page is a breeze now. You can add custom field(s) in Billing, Shipping and Additional fields sections. New field form contains options to provide values for Type, Name, Label, Placeholder, Class, Label Class etc. It also has the option to choose validations rules from a predefined list.
You can edit core and custom field(s) in Billing, Shipping and Additional fields sections. In edit form you have the option to provide new values for Name, Type, Label, Placeholder, Class, Label Class, validation rules etc(availability of these options may change based on the field types).
Available field types are
Display in Order Details page and Email.
You can decide on a field whether it need to be displayed in Order Details page and Email using the the checkboxes ‘Display in Order Detail Pages’ and ‘Display in Emails’. These checkboxes are available in both the ‘New Field’ and ‘Edit Field’ forms.
You can remove field(s) from displaying in checkout page, order details page and emails. Removing core fields may leads to unexpected results with some plugins. We are not recommending this.
You can enable/disable field(s)(temporarily remove) from displaying in checkout page, order details page and emails. Disabling core fields may leads to unexpected results with some plugins. We are not recommending this.
Change checkout fields order.
You can easily manage the display order of checkout fields from admin side by just moving fields up and down.
Reset to default field set.
You can reset all your changes back to the original WooCommerce fields set using the button ‘Reset to default fields’.
Check out the premium version of Checkout Field Editor for WooCommerce – The best WooCommerce Checkout Manager Plugin which helps you to customize checkout fields displayed on your WooCommerce checkout page. Add custom fields to WooCommerce checkout page easily.
17 field types are available:
In Add New Field form and Edit Field form you can choose field type from a list of 17 including 15 input fields and one field for title/heading and one for label.
Available field types:
Conditionally display fields & sections based on cart items and other field(s) values.
Custom validator feature can be used to define custom validation rules using RegEx.
Add an extra cost to the cart total based on field selection.
Add new section:
Add new section(s) in predefined positions in checkout page.
Edit section(s) properties:
Edit custom added section(s) label and display position.
Delete custom added section(s).
Manual installation method requires downloading the ‘Checkout Field Editor (Checkout Manager) for WooCommerce’ plugin and uploading it to your web server via your FTP application. The WordPress codex contains instructions on how to do this here.
The free version doesn’t provide the feature to create custom validators, but with the Checkout Field Editor for WooCommerce pro version of the plugin, custom validators can be defined based on regular expressions.
The plugin provides a feature: Class for modifying the styling properties of the fields.
The style defined in the class will be applied to the default and custom fields for which this class is included.
No, the free version of the plugin doesn’t support the Price feature. With the premium version, you can use 5 different price types.
By default, the First value of the Select field will be selected. For making the field selected with no options, enter a Pipe symbol(|) before all the options. Enter all the other options after this pipe separated by each other.
With the Checkout Field Editor (Checkout Manager) Pro for WooCommerce, the fields can be either displayed on all the emails or not. With the premium version of the plugin, the fields can be displayed in emails for customer or admin optionally.
Yes. The field must be overridden by creating a field in the same name as the state field(billing_state). Set the field type as Select. Enter the state options for dropdown in the options field pipe separated.
With the free plugin, the fields can be displayed and edited only from the Checkout page. Upgrading to the premium version lets you display the fields at the Checkout page, My Account page, and User profile. The value once entered by the user will be saved so that the user need not have to enter the value every time while they are placing the order.
Yes. There is a button ‘reset to default fields’ to go back to the WooCommerce default fields.
Checkout Field Editor (Checkout Manager) for WooCommerce - The best WooCommerce checkout manager plugin to…View Cart
Cookiebot is a cloud-driven solution that automatically controls cookies an...
WooCommerce AJAX Product Filters - Advanced product filtering ability for y...
Flexible button creator allowing you to stick floating buttons to the side ...
Remove meta author and date information from posts and pages. Hide from Hum...