Checkout Field Editor (Checkout Manager) for WooCommerce

Description

Checkout Field Editor for WooCommerce

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.

Basic Version Features

  • 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.
  • Edit field(s). 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
    • Input Text
    • Password
    • Email
    • Phone
    • Select
    • Textarea
    • Radio
  • 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.
  • Remove field(s). 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.
  • Enable/Disable field(s). 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’.

Premium Version Demos

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.

Live Demo – Front End
Live Demo – Back End

Buy Now!

Premium Version Features

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

    1. Text – A basic input text field.
    2. Hidden – A hidden field.
    3. Password – An input password text box.
    4. Telephone – An input tel field.
    5. Email – An input email field.
    6. Number – An input number field.
    7. Textarea – A textarea field.
    8. Radio – Radio button input (for selecting one of many choices)
    9. Checkbox – A checkbox field.
    10. Checkbox Group – A group of checkboxes (allows multiple selections from many choices).
    11. Select – A drop-down list (for selecting one of many choices)
    12. Multi-select – A drop-down list (allows multiple selections from many choices)
    13. Date picker – Select a date from a popup.
    14. Time picker – Select a time from a popup.
    15. File Upload – A file upload field.
    16. Heading – Display a heading/ title
    17. Label – Display a label/ text
  • Conditional Fields: Conditionally display fields & sections based on cart items and other field(s) values.
  • Custom Validations: Custom validator feature can be used to define custom validation rules using RegEx.
  • Price Fields: 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.

    Available positions:

    1. Before customer details
    2. After customer details
    3. Before billing form
    4. After billing form
    5. Before shipping form
    6. After shipping form
    7. Before registration form
    8. After registration form
    9. Before order notes
    10. After order notes
    11. Before terms & conditions
    12. After terms & conditions
    13. Before submit button
    14. After submit button
  • Edit section(s) properties: Edit custom added section(s) label and display position.
  • Delete section(s): Delete custom added section(s).

Screenshots

  • WooCommerce > Checkout Form
  • Reset to default field set
  • Save changes.
  • Enable, disable or remove field(s).
  • Change field(s) order.
  • Add new field popup form.
  • Edit field popup form.
  • Newly added field

Installation

Minimum Requirements

  • WooCommerce 3.0 or greater
  • WordPress 4.9 or greater

Automatic installation

  1. Log in to your WordPress dashboard.
  2. Navigate to the Plugins menu, and click “Add New”.
  3. Search and locate ‘Checkout Field Editor (Checkout Manager) for WooCommerce’ plugin.
  4. Click ‘Install Now’, and WordPress will take it from there.

Manual installation

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.

FAQ

Is there a possible way to provide a validation other than the predefined validations provided like email, phone etc?

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.

How to modify the styling properties of fields created using this plugin?

The plugin provides a feature: Class for modifying the styling properties of the fields.

  1. Define a class in the Additional CSS(Appearance >> Customize >> Additional CSS).
  2. Enter the name of the created class in the field Class of the Add/Edit pop-up
  3. Save the changes

The style defined in the class will be applied to the default and custom fields for which this class is included.

Can I apply price for the fields created using this plugin?

No, the free version of the plugin doesn’t support the Price feature. With the premium version, you can use 5 different price types.

How to make the no options selected for the Select field by default?

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.

How can the field be made to display only on admin emails and not in the customer emails?

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.

Is it possible to make the Province field a select field with drop-down options defined?

Yes. The field must be overridden by creating a field in the same name as the province field(billing_state). Set the field type as Select. Enter the province options for dropdown in the options field pipe separated.

Is it possible to include the custom fields to the My Account page as well?

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.

Can I go back to WooCommerce default settings at a later point?

Yes. There is a button ‘reset to default fields’ to go back to the WooCommerce default fields.

Reviews

November 4, 2019
Helped me to change fields and labels as needed. Couldn't remove the 'optional' label from state field but they provided code in one of the support forum answers and it worked.
November 4, 2019
An amazing Support, very flexible plugin has resolved my options for an additional shipping fee without purchasing an extension that handles shipping options, Alongside the additional capabilities of adding special fields It is very easy and Understandable. I would be very happy if you could add rules by weight.
November 3, 2019
I don't usually bother resetting my WordPress.com account details, just cause I rarely use it (and don't remember them) to rate plugins but some plugins like these are worth the effort!
October 29, 2019
really pleased, looked at all sorts of cross sale plugins but this does it all at a fraction of the cost and backed up with instant support.
Read all 150 reviews

Contributors & Developers

“Checkout Field Editor (Checkout Manager) for WooCommerce” is open source software. The following people have contributed to this plugin.

Contributors

“Checkout Field Editor (Checkout Manager) for WooCommerce” has been translated into 6 locales. Thank you to the translators for their contributions.

Translate “Checkout Field Editor (Checkout Manager) for WooCommerce” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.3.9

  • Fixed the issue of not showing save button in field settings popup when more options added to select field after changed the popup position.

1.3.8

  • Fixed the issue of not showing custom fields in resend emails.
  • Fixed the issue of not loading settings page scripts & styles when translated to Hebrew.

1.3.7

  • Fixed the issue of not showing placeholder text for select fields.
  • Fixed the warning “Deprecated: Non-static method should not be called statically”

1.3.6

  • New field types added (Textarea, Radio, Email, Phone, Password).

1.3.5

  • WooCommerce compatible version updated.

1.3.4

  • Dynamic fields translation issue resolved.

1.3.3

  • Displaying customer fields in “Order details” section in admin order detail page.
  • Language file(pot) added.

1.3.2

  • WooCommerce version 3.6.1 compatibility added.

1.3.1

  • Fix for the issue of showing warning message when settings data missing.

1.3.0

  • Fix for the issue of showing warning message in checkout page.

1.2.9

  • Fix for the compatibility issues with WooCommerce latest version.
  • WooCommerce tested up to version updated.

1.2.8

  • Fix for the issue of displaying ‘Optional’ text for required fields.

1.2.7

  • WooCommerce tested up to version updated.

1.2.6

  • New filter to allow default field names for new fields.
  • Fix for the issue of not displaying settings popup properly.

1.2.5

  • WooCommerce tested up to version updated.

1.2.4

  • Improvement for checkout fields display ordering.

1.2.3

  • Replaced the hooks those are removed from WooCommerce version 3.2.0.

1.2.2

  • Replaced deprecated hook.

1.2.1

  • Fix for required validation issue with default address fields.
  • Added placeholder for select field.
  • Added confirmation check for reset button.

1.2.0

  • Fix for required validation issue with default address fields.

1.1.9

  • Fix for required validation issue with default address fields.

1.1.8

  • Fix for the issue of showing wrong value for placeholder text.

1.1.7

  • Fix for checkout fields sorting(display order) issue.

1.1.6

  • Multisite support added
  • Removed deprecated function call.

1.1.5

  • Updated plugin to make it compatible with WooCommerce version 3.0.0

1.1.4

  • Fix for unsupported operand types issue.

1.1.3

  • Fix for Address Fields property modification issues.

1.1.2

  • Fix for ‘Invalid argument passed’ warning message.

1.1.1

  • Fix for ‘Undefined index’ warning/error message.

1.0.9

  • Fix for enhanced select pre populate issue in admin settings page.

1.0.8

  • Fix for translation issue with default checkout fields.
  • Fix for additional field(s) display issue in order details page.
  • Fix for additional field(s) disable feature not working issue.

1.0.7

  • Fix for Additional Filed title display issue when Additional Fields are not available.

1.0.6

  • Fix for the issue, custom field(s) value in additional filed section not displaying in order review page.

1.0.3

  • Change checkout field order JavaScript conflict workaround added

1.0.2

  • Display custom fields in order review issue fix

1.0.1

  • Added the reset to default button

1.0.0

  • First Release
  • Add new checkout fields.
  • Edit checkout fields.
  • Remove checkout fields.
  • Change the display order of checkout fields.