Flexible Checkout Fields for WooCommerce – WooCommerce Checkout Manager
We think WooCommerce is the best ecommerce plugin for WordPress. But it lacks some very basic features like customizing checkout fields with a checkout manager in an easy to use interface. You can do it by hooks and filters but why bother if you can do it by Flexible Checkout Fields for WooCommerce – WooCommerce Checkout Manager. With this single page checkout plugin you can edit the default fields (change labels, hide, delete) or add your own checkout fields. You can set your own fields order. There are a lot of field types such as a checkbox field, a date field or a color picker field (some of them exclusively in the PRO version). Read on to see how easy it is to edit WooCommerce checkout fields with this plugin and how powerful it is.
Faster checkout for more conversions 🛒
The Flexible Checkout Fields plugin is a free extension for editing the WooCommerce checkout page.
Adjust the checkout with the right tool. It’s easier than the WooCommerce checkout shortcode customization.
You can download the plugin or try it in a free demo.
WooCommerce checkout fields customizer ⭐
Use the free plugin to customize the WooCommerce checkout page without coding or additional snippets.
Custom checkout design for better user experience.
Key features ℹ️
The free plugin comes with the following options:
- Edit the checkout form (billing and shipping fields)
- Remove (hide) fields
- Move or rearrange them
- Make a field required or optional
- Enable field validation
- Set labels and placeholders
- Set CSS classes
- Show fields on specific pages and in emails
✅ Edit and add checkout fields
The plugin allows the field customization for existing and add new checkout fields.
✅ Remove (hide) fields
You may disable some fields to make the checkout form lighter and faster.
✅ Arrange fields
It’s also possible to show fields in a custom order without custom coding.
✅ Make fields required or optional
The plugin gives an easy way to set what fields should be mandatory.
✅ フィールド検証
What’s more, you can enable validation per field.
✅ Show fields on pages and in emails
Each field has display options as well.
✅ Set labels, placeholders, and CSS classes
Moreover, by using labels and placeholders, you can personalize the checkout form and make it more SEO-friendly.
And you can customize the checkout layout and design using styles.
Flexible Checkout Fields overview
You may also see the short video presenting the plugin features.
The free checkout page editor for WooCommerce 🚀
★★★★★
Flexible Checkout Fields beautifully integrates with the WordPress dashboard. It is probably the best looking checkout field editor for WooCommerce on the market. And you can do some powerful stuff with it too. See some screenshots →
>>> Go to the FCF admin demo <<< – here you can test the admin panel of all WP Desk plugins including Flexible Checkout Fields
フィールドを表示または非表示
You do not need a customer’s phone number or second line address? Just hide the fields from the checkout and you’re good to go. This is just one click away. Decide to show it later? Just another click and the field shows again. You can validate email too and hide WooCommerce price.
Add New WooCommerce Custom Checkout Fields
Add WooCommerce additional fields to your checkout page with your new WooCommerce checkout customizer:
Free
PRO
Get all **PRO features and priority e-mail support. ⭐[Upgrade to PRO →]**(https://www.wpdesk.net/sk/flexible-checkout-fields-readme-pro)
十分なドキュメント
We are proud of our docs. We spend a great deal of time to polish them and make them as complete as possible. Read Flexible Checkout Fields Docs →
サポートポリシー
We provide a limited support for the free version in the plugin Support Forum. Please purchase a PRO version to get priority e-mail support as well as all e-commerce features. ⭐Upgrade to PRO →
Get more WooCommerce plugins from WP Desk We provide premium plugins for customizing checkout, shipping, invoicing and more. Check out our premium WooCommerce plugins here → Free WooCommerce plugins →
🤔 How can I customize the WooCommerce checkout page?
- Step 1: Install and activate Flexible Checkout Fields for WooCommerce.
- Step 2: Go to your WordPress backend, open the WooCommerce menu, and click Checkout Fields.
- Step 3: Choose the WooCommerce Checkout Section to customize.
- Step 4: Manage, reorder, hide, show, or add custom fields to the WooCommerce checkout page.
- Step 5: Use custom sections of the WooCommerce checkout page, more checkout fields, conditional logic, pricing per field, and additional options in PRO.
You can adjust the WooCommerce checkout page with custom checkout fields and this free customizer in a few moments 🚀!
Read FAQ for detailed information about the plugin options.
🔀 フィールドの順序
Just drag&drop to reorder checkout fields on the checkout page. You can reorder WooCommerce built-in fields as well as custom fields that you add yourself. Mix them any way you like or need. Simply customize checkout yourself. If other plugins add their custom fields in many cases you will also be able to rearrange them (if added properly by the plugin author).
✅ フィールド検証
WooCommerce has built-in validation of a phone number, an email address (validate email) and a postcode. We let you use this validation in the new fields you add to your store using this plugin.
Standard WooCommerce validation is not enough? You can add your own validation to any field you create in this plugin. You can find a code example in Flexible Checkout Fields docs →
❌ 必須またはオプションのフィールド
This WooCommerce Checkout Editor will let you easily manage which fields should be required and which optional. Just click a required checkbox in the field settings and make a field required or optional. Works both ways.
🏷️ ラベルとプレースホルダー
Want to change Company name to just Company or Your Awesome Company? Just edit the label and it will instantly appear in the checkout page. Pro tip: You can also use HTML inside labels!
Want to give your customers a tip on how to fill a checkout field? You can do it with an explanatory placeholder (it will show inside the field). For example Enter your full company name.
📃 他のページにチェックアウトフィールドを表示する
フィールドはチェックアウトページだけでなく表示できます。”表示場所”タブの特定のチェックボックスをチェックマークとして選択するだけです。使用できる場所は4つあります：
- サンキューページ
- マイアカウント – 住所
- マイアカウント – 注文
- メール
カスタムフィールドの場合、ページやメールでのフィールドのフォーマットについても決定できます。
➿ Custom CSS Class
フィールドにいくつかのスタイルを追加します。各フィールドにカスタムクラスを追加することで、テーマのスタイルシートで一意にスタイルを設定できます。
🖥️ メタ名を使用する
Are you a developer? You can set any meta name you want. This is the name of the field in the database. You can easily integrate this WooCommerce plugin for one page checkout with your custom code due to this function.
🌎 多言語対応
Flexible Checkout Fields (checkout manager) is compatible with WPML and Polylang and lets you translate fields data to other languages.
⭐ Custom Field Sections (PRO)
Billing, Shipping or Order sections are not enough? Now you can add fields to 12 other checkout sections. Below you will find all sections and their corresponding hooks (hooks are just for developers’ reference – if you do not know what hooks are, just ignore them and you’ll be just fine – it will just work).
- 顧客の詳細の前
- 顧客の詳細の後
- 請求見出しの前
- 請求フォームの前
- 請求フォームの後
- 配送見出しの前
- 出荷フォームの前
- 出荷フォームの後
- 登録フォームの前
- 登録フォームの後
- 注文メモの前
- 注文メモの後
- 支払い前
- 支払い後
- 注文確認後
- 送信前
- 送信後
⭐ Conditional Logic for Fields (PRO)
NEW: You can also use the PRO version of the plugin to show, hide, and set a field as required based on multiple conditions 🚀. We also give you the option to perform no action at all if one or more of the conditions you set is not fulfilled.
For example, set a VAT field to be required if the customer selects the company checkbox or is from a specified country. You can also:
Enable conditional logic (show, hide, set as required or perform no action) for fields based on:
🧩 配送方法
選択した配送方法に基づいてフィールドの表示、非表示、必須設定、またはアクションなしを設定する条件ロジックを有効にします。
🧩 支払い方法
選択した支払い方法に基づいてフィールドの表示、非表示、必須設定、またはアクションなしを設定する条件ロジックを有効にします。
🧩 カート内の商品とカテゴリ
Enable conditional logic (show, hide, set as required or perform no action) for fields based on products and/or categories in the cart, i.e.:
- ジュエリーカテゴリの彫刻フィールドを表示する
- 物理的な商品のみ配達日オプションを表示する
- Show VAT Number for digital goods
- デジタル商品に対する住所フィールドを非表示にする
🧩 Cart value
カート内の商品の価値に基づいてフィールドの表示、非表示、必須設定、またはアクションなしを設定する条件ロジックを有効にします。
🧩 フレキシブルチェックアウトフィールドプラグインフィールド
Enable conditional logic (show, hide, set as required or perform no action) for fields based on other fields added with Flexible Checkout Fields.
🧩 フレキシブルプロダクトプラグインフィールド
Enable conditional logic (show, hide, set as required or perform no action) for fields based on other fields added with Flexible Product Fields.
🧩 Default WooCommerce plugin fields
Enable conditional logic (show, hide, set as required or perform no action) for fields based on default Woo fields.
🧩 User role
Enable conditional logic (show, hide, set as required or perform no action) for fields based on the user role.
🧩 日付
選択した日付に基づいてフィールドの表示、非表示、必須設定、またはアクションなしを設定する条件ロジックを有効にします。
このプラグインは可変商品と互換性があります。
You can set many conditions (OR) under one or more condition groups (AND) for each field. The conditional logic feature will help you in advanced WooCommerce checkout page customization 🎉!
⭐ Upgrade to Flexible Checkout Fields PRO Get all PRO features and priority e-mail support. ⭐ Upgrade to PRO →
柔軟なチェックアウトフィールドの概要
Key features:
- ユーザーにとって購入体験をできるだけ完璧なものにします。シングルページのチェックアウトはワンクリックです。
- チェックアウトプロセスに関連する問題を取り除く、
- 配達のパーソナライズを許可する、
- manage fields in WooCommerce,
- text fields in WooCommerce checkout,
- time picker in WooCommerce checkout,
- date picker in WooCommerce checkout,
- checkbox in WooCommerce checkout,
- color picker in WooCommerce checkout,
- file upload in WooCommerce checkout,
- manage fields in WooCommerce,
- add WooCommerce VAT ID number,
- add WooCommerce checkout fields,
- 日付ごとの価格、
- チェックアウト電話検証、
- 固定価格、
- add WooCommerce custom checkout fields.
Data use policy
Learn about Use of Data Policy by WP Desk Plugins