Checkout Field Editor (Checkout Manager) for WooCommerce

外掛說明

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 Features

The premium version of Checkout Field Editor for WooCommerce plugin offers a wide variety of advanced features that will help you to create the finest checkout page. It is equipped with all demanded options to customize your checkout page.

Upgrade to Premium Now!

You can check out the demo for a more detailed overview of the features.

Live Demo – Front End
Live Demo – Back End

☞ 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.  Input Text
2.  Hidden
3.  Password
4.  Telephone
5.  Email
6.  Number
7.  Textarea
8.  Radio
9.  Checkbox
10. Checkbox Group              
11. Select
12. Multi-select              
13. Date picker
14. Time picker
15. File Upload
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).

For the complete list of features, Please visit WooCommerce Checkout Field Editor (Checkout Manager) plugin’s official page.

Check how it works (Live Demo): 🔗 Front End | 🔗 Back End

Why ThemeHigh

Frequent updates are made to improve the plugin with a talented group of developers. Moreover, the dedicated support team will help you set up and customize your dream store with all available features and hooks.

🏆 2 Million+ Customers
🏆 Quickest Turn-around Support
🏆 Most Lightweight Plugins

See a few reviews below;

amitaugma (@amitaugma) ⭐⭐⭐⭐⭐
The plugin functionally provides all the necessary tools to successfully build a clean checkout form with conditional and easy to use interface. On top of that, their support is amazing and would take the extra mile to help with any inquires. RECOMMENDED

dragoso (@dragoso) ⭐⭐⭐⭐⭐
Support is super speedy and the PRO plugin is totally awesome and works like a charm. Very happy with the purchase! Thank you guys!

DCM (@bcreativos) ⭐⭐⭐⭐⭐
Great complement in both versions: Free and paid. Excellent support. Thank you very much recommended 100%.

For more info on ThemeHigh and WooCommerce Checkout Field Editor plugin in specific, check out the following:

螢幕擷圖

  • 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

安裝方式

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.

常見問題集

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.

使用者評論

2020 年 11 月 20 日
I need a fair degree of flexibility for my website. Whilst I have done some scripting in Matlab, R and Perl in the past, am completely new to internet scripting languages such as PHP and javascript. This plugin offered my the flexibility I needed. On top of that, I had to add some extra functionality to the checkout page, and one of the developers of this plugin was awesome enough to help me out. Highly recommended! A++
2020 年 11 月 12 日
Looks simple and useful but it is not working. I tried to disable/ delete a field (billing_first_name/ billing_last_name) and still showed up on the bottom. Any ideas?
2020 年 11 月 6 日
Hi I asked the support team to improve the behaviour of the datepickers "today"button. It should set the current date und then close the datepicker popup. They send me some php-/javascript lines to insert in functions.php and it works like a charme. woody18
閱讀全部 280 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Checkout Field Editor (Checkout Manager) for WooCommerce〉的開發相關工作。

參與者

Checkout Field Editor (Checkout Manager) for WooCommerce 外掛目前已有 12 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將 Checkout Field Editor (Checkout Manager) for WooCommerce 外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.4.4

  • Fixed the issue for showing red asterisk for optional address fields when overridng with locale.
  • New settings to manage locale overrides.
  • New filter to disable class override with locale.
  • WooCommerce compatible version updated.

1.4.3

  • Improved shipping fields section handling when ‘Force shipping to the customer billing address’ option is selected.
  • WooCommerce compatible version updated.

1.4.2

  • WooCommerce compatible version updated.

1.4.1

  • Fixed the issue of showing option value instead of option text in order details page.
  • WooCommerce compatible version updated.

1.4.0

  • Fixed the issue of displaying option value instead of option text in order details pages.
  • Improved radio button display style.

1.3.9

  • Fixed the issue of not showing save button in field settings popup when more options added to select field after chaged 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.