Checkout Field Editor (Checkout Manager) for WooCommerce

Descripción

Introduccion

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 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 and Select
  • 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’.

BUY PREMIUM VERSION

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.
Buy Now!

Live Demo – Front End
Live Demo – Back End

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

Capturas

  • 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

Instalación

Requerimientos Mínimos

  • WooCommerce 3.0 or greater
  • WordPress 4.0 o superior
  • PHP version 5.2.4 or greater (PHP 5.6 or greater is recommended)
  • MySQL version 5.0 or greater (MySQL 5.6 or greater is recommended)

Instalación automática

  1. Log in to your WordPress dashboard
  2. Navigate to the Plugins menu and click Add New.
  3. Search and locate ‘WooCommerce Checkout Field Editor Pro’ plugin.
  4. Click ‘Install Now’

Instalación manual

The manual installation method involves downloading ‘WooCommerce Checkout Field Editor Pro’ plugin and uploading it to your webserver via FTP application. You may find more instructions on how to do this here (https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation).

Preguntas frecuentes

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 State 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 state field(billing_state). Set the field type as Select. Enter the state 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.

Reseñas

agosto 22, 2019
This plugin is very useful and works great. They also have an amazing customer support that helped very fast!
agosto 16, 2019
Tested with free version, and after that bought the pro version. Is the only plugin i found with conditional logic, showing/hiding checkout fields based on shipping method. I had some conflict with other plugin, and the support team worked out a solution fast. nice work!
agosto 15, 2019
Works well with Woocommerce but it is always a risk to have too many plugins from different developers because of compatibility issues. Try to get a Membership website done with payed subscriptions and an privat member area. You need core plugins from different vendors because every single plugin tries to be the perfect one but many, like the Checkout Field Editor (Checkout Manager) for WooCommerce is missing or just half baked customisations - which are higly needed for sites selling products. In this case, you can set customised fields which show up under certain conditions, like if the user buys a specific product. Wonderful! But then, you go into the users account page and you will find ALL Fields listet in the account profil page, no matter what conditions were set for the user. That doesn't make sense. It is one example how shiny the plugin on the surface, but if you look closer, it is not a fine product. What a shame. Support does not understand the use case or business case. So at the end, it is a waste of time.
agosto 14, 2019
I got stuck setting custom checkout fields in the Woocommerce Field Editor. Turns out I had messed up something somewhere else before I came across the plugin. ThemeHigh unravelled this for me and now it works like a charm - and that's on the free version we're using because we haven't yet got round to installing the Pro version. Great service.
agosto 9, 2019
A nice plugin!. I added a new field on checkout form and it's ok but when this field displays in email, show above billing information title. How can I fix this? Like this: New field: XXXX BILLING INFORMATION Name and last name address email etc. The new field should be within billing information.
julio 24, 2019
The plugin works just fine and finally allowed me to adjust the checkout page according to the types of product I sell. It makes the user experience much better allowing on focusing just on the relevant information regarding particular purchase.
Leer todas las 124 reseñas

Colaboradores y desarrolladores

“Checkout Field Editor (Checkout Manager) for WooCommerce” es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

“Checkout Field Editor (Checkout Manager) for WooCommerce” ha sido traducido a 1 idioma local. Gracias a los traductores por sus contribuciones.

Traduce “Checkout Field Editor (Checkout Manager) for WooCommerce” a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

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.