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

  • 新しいカスタムフィールドを追加します。 WooCommerce のチェックアウトページにカスタムフィールドを追加するのがとても簡単です。課金、送料および追加フィールドセクションにカスタムフィールドを追加することができます。新しいフィールドのフォームには、タイプ、名前、ラベル、プレース ホルダー、クラス、ラベルクラスなどの値を指定するためのオプションが含まれています。また、定義済みの一覧から検証ルールを選択するためのオプションが含まれています。
  • 編集フィールド。課金、送料および追加フィールドセクションでコアとカスタムフィールドを編集することができます。編集フォームでは、名前、タイプ、ラベル、プレースホルダ、クラス、ラベルクラスの新しい値、検証ルールなどを(これらのオプションの可用性はフィールドタイプに基づいて変更することができる)を提供するオプションがあります。
  • 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.
  • フィールドを削除します。チェック アウトのページ、注文の詳細ページおよびメールの表示からフィールドを削除できます。コアのフィールドを削除すると、いくつかのプラグインで予期しない結果になる可能性があります。これを推奨していません。
  • フィールドを有効/無効にします。チェック アウトページ、注文詳細ページとメールでフィールドの表示を有効/無効 (一時的に削除)にできます 。コアフィールドを無効にすると、いくつかのプラグインで予期しない結果になる可能性があります。これを推奨していません。
  • チェック アウトフィールドの順序を変更します。フィールドを上下に移動するだけで、管理者側からチェックアウトフィールドの表示順序を簡単に管理できます。
  • 既定の設定にリセットします。「既定の設定に戻す」ボタンを使用してオリジナルの WooCommerce フィールドにすべての変更をリセットできます。

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.


    1. Text – A basic input text field.
    2. 非表示 – 非表示のフィールド。
    3. パスワード – パスワード入力のテキスト ボックス
    4. Telephone – An input tel field.
    5. Email – An input email field.
    6. Number – An input number field.
    7. Textarea – テキストエリアフィールド
    8. ラジオ – ラジオ ボタン(選択肢のいずれかを選択))
    9. チェック ボックス – チェック ボックスのフィールド
    10. Checkbox Group – A group of checkboxes (allows multiple selections from many choices).
    11. 選択 – ドロップダウンリスト (選択肢の中から1つ選択)
    12. 複数選択 – ドロップダウンリスト (選択肢の中から複数の選択が可能)
    13. デートピッカー – ポップアップから日付を選択する
    14. タイムピッカー -ポップアップから時間を選択します。
    15. File Upload – A file upload field.
    16. 見出し – 見出し/タイトルを表示
    17. ラベル -ラベル/テキストを表示します。
  • 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.
  • 価格フィールド:フィールドの選択に基づいて、カートの合計に追加費用を足します。
  • 新しいセクションを追加します。チェックアウトページで事前定義された位置に新しいセクション(複数可)を追加します。


    1. 顧客の詳細情報の前
    2. 顧客の詳細の後
    3. 請求フォームの前
    4. 請求フォームの後
    5. 出荷フォームの前
    6. 出荷フォームの後
    7. 登録フォームの前
    8. 登録フォームの後
    9. Before order notes
    10. 注文メモの後
    11. Before terms & conditions
    12. After terms & conditions
    13. Before submit button
    14. After submit button
  • 編集セクションのプロパティ:カスタムの追加セクションのラベルと表示位置を編集します。
  • セクションを削除:カスタムの追加セクションを削除します。


  • WooCommerce > チェックアウトフォーム
  • デフォルトのフィールドセットに戻す
  • 変更を保存
  • 有効、無効にするまたはフィールドを削除
  • フィールドの並べ変え
  • 新しいフィールド ポップアップ フォームを追加
  • フィールドポップアップフォームを編集
  • 新しく追加されたフィールド



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


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 の既定の設定に戻すために「既定の設定に戻す」ボタンがあります。


I have tried plugins of similar characteristics, but certainly in my opinion this plugin is the best to add custom fields at checkout to your woocommerce store. The support was fast and effective.
Great little plugin which makes it easy to change order and content of the fields. Keep this lovely plugin alive please!!
It is a fantastic plugin to customize check out page. Great Work. However I have a small issue I am not sure it is just me or plugin problem. I created a text field as P.O Number. But everytime I create a new order, the P.O Number always autofilled with previous value, in this way, it is very easy for customer accidently to use the old P.O i/o being forced to put a new P.O. Any suggestions will be appreciated.
I found this plugin very useful and easy to understand. Only one problem here that developer can easily solve it. Very minor problem. When I choose Select, I can only add 10 option only. When I try for 11th option the save button got hidden. Other than that issue, this plugin works great. Thumbs up to the developer!


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


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

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

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

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



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


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


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


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


  • WooCommerce compatible version updated.


  • Dynamic fields translation issue resolved.


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


  • WooCommerce version 3.6.1 compatibility added.


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


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


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


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


  • WooCommerce tested up to version updated.


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


  • WooCommerce tested up to version updated.


  • Improvement for checkout fields display ordering.


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


  • Replaced deprecated hook.


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


  • Fix for required validation issue with default address fields.


  • Fix for required validation issue with default address fields.


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


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


  • Multisite support added
  • Removed deprecated function call.


  • Updated plugin to make it compatible with WooCommerce version 3.0.0


  • Fix for unsupported operand types issue.


  • Fix for Address Fields property modification issues.


  • Fix for ‘Invalid argument passed’ warning message.


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


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


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


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


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


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


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


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


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