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.

使用可能なフィールドの種類:

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.

利用可能な位置:

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 > チェックアウトフォーム
  • Add new field
  • New field popup form
  • Edit existing field
  • Edit field popup form
  • Rearrange fields (change field's display order)
  • Reset to default settings
  • 変更を保存

インストール

最小限必須条件

  • WooCommerce 3.0 or greater
  • WordPress 4.9 or greater

自動インストール

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

後で WooCommerce の既定の設定に戻すことができますか。

はい。 WooCommerce の既定の設定に戻すために「既定の設定に戻す」ボタンがあります。

評価

2021年7月12日
Our neighbourhood residents association uses WooCommerce to be able to offer a selection of free trees to residents so they can pre-order, which allows us to place orders on our nursery partner with zero returns. COVID made the pickup process more complex, so we were able to use the plugin to add special fields to our checkout form to remind people to wear masks and observe physical distancing. It also allowed us to create an extra field so residents could have a second option in case the species of tree they wanted was not available from the nursery. As a result, we have over 540 very happy residents who received a free tree to help replenish our tree canopy.
354件のレビューをすべて表示

貢献者と開発者

Checkout Field Editor (Checkout Manager) for WooCommerce はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Checkout Field Editor (Checkout Manager) for WooCommerce” は19ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Checkout Field Editor (Checkout Manager) for WooCommerce” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.4.8

  • Added backward compatibility with PHP 5.6.

1.4.7

  • Dismissable review request notice added to the admin screens.
  • Added Woocommerce version – 5.2.2 compatibility.

1.4.6

  • Settings screen UI improved.
  • WordPress and WooCommerce compatible version updated.

1.4.5

  • Enhanced Select(Select2) style issues fixed.
  • Settings screen popup button style issues fixed.
  • WordPress and WooCommerce compatible version updated.

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

  • Undefined index’の警告/エラーメッセージを修正。

1.0.9

  • 管理ページで拡張選択の事前設定の問題を修正。

1.0.8

  • デフォルトのチェックアウトフィールドの翻訳の問題を修正。
  • 注文の詳細ページで追加フィールドの表示の問題を修正。
  • 追加フィールドが、動作しない機能を無効にする問題を修正。

1.0.7

  • タイトル表示追加の下に追加のフィールドが使用できない場合の問題の修正。

1.0.6

  • 注文確認ページで追加のフィールドセクションのカスタムフィールドの値が表示されない問題を修正。

1.0.3

  • JavaScript 競合回避策を追加してチェックアウトフィールドの順序を変更

1.0.2

  • 順序のレビュー問題修正プログラムでカスタムフィールドを表示します。

1.0.1

  • 既定に戻すボタンを追加

1.0.0

  • 最初のリリース
  • チェックアウトフィールドを追加
  • チェックアウトフィールドを編集
  • チェックアウトフィールドを削除
  • チェックアウトフィールドの表示順序を変更