Title: Checkout Fields for Blocks
Author: wpdesk
Published: <strong>2024 年 10 月 10 日</strong>
Last modified: 2026 年 5 月 19 日

---

搜索插件

![](https://ps.w.org/checkout-fields-for-blocks/assets/banner-772x250.jpg?rev=3169234)

![](https://ps.w.org/checkout-fields-for-blocks/assets/icon-128x128.jpg?rev=3169234)

# Checkout Fields for Blocks

 作者：[wpdesk](https://profiles.wordpress.org/wpdesk/)

[下载](https://downloads.wordpress.org/plugin/checkout-fields-for-blocks.1.2.4.zip)

 * [详情](https://cn.wordpress.org/plugins/checkout-fields-for-blocks/#description)
 * [评价](https://cn.wordpress.org/plugins/checkout-fields-for-blocks/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/checkout-fields-for-blocks/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/checkout-fields-for-blocks/#developers)

 [支持](https://wordpress.org/support/plugin/checkout-fields-for-blocks/)

## 描述

Checkout Fields for Blocks is a plugin designed to customize the WooCommerce checkout
form. The plugin allows adding new fields to the WooCommerce checkout page.

![New checkout blocks – custom fields example](/assets/screenshots/new-checkout 
blocks-custom-fields-example.png “New checkout blocks – custom fields example”)

The plugin is a free WooCommerce checkout editor using visual blocks. It requires
WooCommerce in version 8.3+ and a theme supporting blocks (block editor).

➡️➡️➡️ [Download Checkout Fields for Blocks](https://downloads.wordpress.org/plugin/checkout-fields-for-blocks.latest-stable.zip)
⬅️⬅️⬅️

### How does the plugin work?

You may customize the WooCommerce new block-based checkout form with new fields.

The plugin allows adding new fields to the WooCommerce checkout form. What’s more,
it’s possible to use field general settings, options (for select), validation, display
on, and advanced options (text input example).

#### How to add a new field to the WooCommerce block checkout?

 1. Install and activate the plugin. [Download Checkout Fields for Blocks](https://downloads.wordpress.org/plugin/checkout-fields-for-blocks.latest-stable.zip)
 2. Edit the checkout page (more about [WooCommerce checkout block](https://wpdesk.net/sk/checkout-fields-for-blocks-rm-blocks/)).
 3. Add a new field or fields to the form (field types below).
 4. Use the field settings for checkout customization (options below).
 5. Update the page.

### Plugin features

### ✅ Add new checkout fields

You may add a paragraph, image, or separator (the default WooCommerce blocks). However,
the plugin extends the number of available options (fields) for the checkout form.
Adding a new field is integrated into the block search bar.

The new checkout block fields are also available under the “Checkout Block Fields”
category when browsing all blocks.

### ✅ Field types

It’s possible to choose a new field with the search bar or from the list.

Checkout Fields for Blocks allows the following new fields (field types) for the
form.

 * Text input
 * Email
 * Number
 * Url
 * Checkbox
 * Select
 * Textarea

➡️➡️➡️ [Download Checkout Fields for Blocks](https://downloads.wordpress.org/plugin/checkout-fields-for-blocks.latest-stable.zip)
⬅️⬅️⬅️

### ⚙️ Settings for checkout block fields

General settings depend on the field type:

For example, the textarea field comes with:
 – Field name – Meta name – Label – 
Placeholder – Help text

### ☑️ Field validation

The plugin allows defining the validation for each field (text input example):

 * Required (if the field is mandatory or optional)
 * Phone
 * Email
 * URL
 * Minimum length
 * Maximum length
 * Pattern

### 🎨 Display on settings for checkout block fields

It’s also possible to choose where to show the new checkout fields in WooCommerce.

 * Order confirmation
 * Admin order
 * My Account order
 * Order e-mail

➡️➡️➡️ [Download Checkout Fields for Blocks](https://downloads.wordpress.org/plugin/checkout-fields-for-blocks.latest-stable.zip)
⬅️⬅️⬅️

### ⚙️ Advanced field settings

Finally, the plugin allows defining the css classes for each field.

### 🆓 More free plugins

Checkout Fields for Blocks is one of many free plugins from WP Desk. You may find
more free plugins for WordPress and WooCommerce by clicking on the link below.

➡️➡️➡️ [**Free plugins for WordPress and WooCommerce**](https://profiles.wordpress.org/wpdesk/#content-plugins)
⬅️⬅️⬅️

### Support

We provide limited support for the free version in the [plugin Support Forum](https://wordpress.org/support/plugin/checkout-fields-for-blocks/).

You may help us [translate the plugin](https://translate.wordpress.org/projects/wp-plugins/checkout-fields-for-blocks).

### Data use policy

Learn about [Use of Data Policy by WP Desk Plugins](https://wpdesk.net/sk/checkout-fields-for-blocks-data-policy/)

### ⭐PRO Add-ons for Flexible Checkout Fields For Blocks

PRO add-ons extend the functionality of the Flexible Checkout Fields For Blocks 
plugin for WooCommerce. They allow advanced checkout customization in the block-
based checkout, improving usability, flexibility, and order value – without custom
development.

#### Conditional Checkout Fields Add-on

Adds conditional logic to checkout fields in the WooCommerce block-based checkout.

You can show, hide, or set fields as required based on conditions such as cart contents,
selected shipping or payment method, user role, order value, other checkout fields,
or date. This helps reduce unnecessary fields, streamline the checkout flow, and
improve the customer experience.

👉 [Discover the add-on!](https://wpdesk.net/sk/wp-fcf-for-blocks-conditional-checkout-fields)

#### Checkout Fields For Blocks – Field Pricing Add-on

Enables price adjustments based on checkout fields in the WooCommerce block-based
checkout.
 You can apply fixed or percentage-based surcharges and discounts directly
from checkout fields, making it easy to offer paid services such as installation,
express shipping, or gift wrapping. The add-on is built specifically for WooCommerce
Blocks, ensuring lightweight architecture and predictable behavior.

👉 [Discover the add-on!](https://wpdesk.net/sk/wp-fcf-pricing)

## 屏幕截图

 * [[
 * Adding a new field to the WooCommerce checkout form based on blocks.
 * [[
 * New WooCommerce checkout blocks – custom fields example.
 * [[
 * Checkout block fields for WooCommerce.
 * [[
 * Edit the text input field.
 * [[
 * General settings for the textarea field.
 * [[
 * Input text validation options.
 * [[
 * Display on options for new checkout fields.
 * [[
 * Advanced settings.

## 安装

You can install the plugin like any other WordPress plugin.
 1. Download and unzip
the latest release of the plugin. 2. Upload the entire plugin directory to your /
wp-content/plugins/ directory. 3. Activate the plugin through the Plugins menu in
the WordPress Administration.

You can also use WordPress uploader to upload the plugin zip file in the WordPress
menu Plugins → Add New → Upload Plugin. Then go directly to point 3.

## 常见问题

### How does this plugin work?

The plugin allows adding new fields to the WooCommerce checkout form. New field 
types come with additional settings, for example, for field validation. The plugin
is a checkout customizer for WooCommerce (from 8.3) for a theme supporting the block
editor (blocks).

### Does the plugin integrate with a specific version of WooCommerce?

The plugin integrates with the newer versions of WooCommerce (from 8.3). It also
requires a theme supporting blocks.

### What if there is an older version of WooCommerce with the classic checkout page?

To customize the checkout page in an older version of WooCommerce, a theme without
blocks, or when using the classic checkout shortcode, you may see [**Flexible Checkout Fields for WooCommerce**](https://wordpress.org/plugins/flexible-checkout-fields/).

### Do you offer more free plugins for WooCommerce?

Yes. You can check out our [**free WooCommerce plugins →**](https://profiles.wordpress.org/wpdesk/#content-plugins)
or go directly to the following plugins:

 * [**Flexible Invoices**](https://wordpress.org/plugins/flexible-invoices/) – PDF
   invoices for WordPress and WooCommerce.
 * [**Custom Price**](https://wordpress.org/plugins/custom-price-for-woocommerce/)–
   allows naming the product prices in WooCommerce.
 * [**Flexible Checkout Fields**](https://wordpress.org/plugins/flexible-checkout-fields/)–
   custom fields for the classic WooCommerce checkout page.
 * [**Flexible PDF Coupons**](https://wordpress.org/plugins/flexible-coupons/) –
   PDF gift cards and vouchers in WooCommerce.
 * [**Flexible Product Fields**](https://wordpress.org/plugins/flexible-product-fields/)–
   custom fields for WooCommerce products.
 * [**Flexible Quantity**](https://wordpress.org/plugins/flexible-quantity-measurement-price-calculator-for-woocommerce/)–
   new units of measure for WooCommerce products.
 * [**Flexible Refund**](https://wordpress.org/plugins/flexible-refund-and-return-order-for-woocommerce/)–
   manage refund requests in WooCommerce.
 * [**ShopMagic**](https://wordpress.org/plugins/shopmagic-for-woocommerce/) – free
   email marketing in WordPress and WooCommerce (5 free add-ons)!

### Where do I report security bugs found in this plugin?

Please report security bugs found in the source code of the Checkout Fields for 
Blocks plugin through the [Patchstack Vulnerability Disclosure Program](https://patchstack.com/database/vdp/0999a353-db21-4b04-b120-f9a407e53674).
The Patchstack team will assist you with verification, CVE assignment, and notify
the developers of this plugin.

## 评价

![](https://secure.gravatar.com/avatar/51773ff10388847876cc3267cd868b3d9f76cbc6c90b4be214aa30e6920b5ed9?
s=60&d=retro&r=g)

### 󠀁[Do the job, great support](https://wordpress.org/support/topic/do-the-job-great-support/)󠁿

 [akalwp](https://profiles.wordpress.org/akalwp/) 2025 年 12 月 17 日 1 回复

Work as expected, fast support ^^

![](https://secure.gravatar.com/avatar/43579465bac7488358d63cc381f038a50ce78aea7e718fa79815f71d079b357a?
s=60&d=retro&r=g)

### 󠀁[Free but now need Pro?](https://wordpress.org/support/topic/free-but-now-need-pro/)󠁿

 [aliayr](https://profiles.wordpress.org/aliayr/) 2025 年 9 月 2 日 1 回复

I was using this plugin for a long time and today it gets an new update of conditional
formatting. This options is now needs pro, is it going to be paid plugin after all
this time?

![](https://secure.gravatar.com/avatar/f9914f8f922eda27cc7167d52b1be04ee58300987cf4c48ed52c2f807eade773?
s=60&d=retro&r=g)

### 󠀁[Awesome plugin for block based checkouts](https://wordpress.org/support/topic/awesome-plugin-for-block-based-checkouts/)󠁿

 [Alex Freixa](https://profiles.wordpress.org/alexfreixa/) 2025 年 3 月 31 日 1 
回复

Thanks for this great plugin! After struggling to figure out how to customize the
new block-based WooCommerce checkout and cart templates, I came across this plugin—
and it does exactly what we needed. It works smoothly and is easy to use. Works 
perfectly in Twenty Twenty-Four Wordpress theme.

![](https://secure.gravatar.com/avatar/af71cfa6a2eb883cdfc28d364a2b554142b0f2a4637f3d41df3cab1ea4574a57?
s=60&d=retro&r=g)

### 󠀁[Absolute lifesaver](https://wordpress.org/support/topic/absolute-lifesaver-7/)󠁿

 [Danielle Zarcaro](https://profiles.wordpress.org/queerdevperson/) 2025 年 1 月
3 日 1 回复

I needed to add a checkout field and wanted to use the new block editor experience,
so none of the old methods worked. But the thought of having to figure out how to
do all this from scratch was so overwhelming. I came across this plugin, it gives
me a choice of what type of field, so easy to use, an absolute lifesaver. I’d 100%
pay for a pro version of this that lets me have some advanced functionality like
only showing the field if they have a certain product category in their order or
loading a value based on a user meta field. THANK YOU FOR MAKING THIS PLUGIN!

![](https://secure.gravatar.com/avatar/527e3b0e474972b74ceddfb6a3aa9e0cec5ee6a9a1903700f1c5f0e13dcf7c51?
s=60&d=retro&r=g)

### 󠀁[Simple and Easy for Adding Additional Checkout Fields to the Block Editor](https://wordpress.org/support/topic/simple-and-easy-for-adding-additional-checkout-fields-to-the-block-editor/)󠁿

 [robertstaddon](https://profiles.wordpress.org/robertstaddon/) 2024 年 12 月 19
日 1 回复

This plugin allowed me to easily add fields in the WordPress block editor to the
WooCommerce Checkout page with the Checkout block. Nice and clean and straightforward
functionality. Important options allowed for validation requirements and for the
field to be displayed on the order confirmation page and emails. Very nice!

![](https://secure.gravatar.com/avatar/f170383bc841cf78ed2c60f1b39636bd3074721d915845488a943e8122d4f9c3?
s=60&d=retro&r=g)

### 󠀁[Not as good as it sounds](https://wordpress.org/support/topic/not-as-good-as-it-sounds/)󠁿

 [MisterR](https://profiles.wordpress.org/mister_r/) 2024 年 12 月 17 日 1 回复

The functionality is VERY limited at the moment. You can only add new fields. You
can’t add a new field to the “Billing Address” or the “Shipping Address” group. 
It can simply be a stand-alone new field. You also can’t edit existing (default)
fields inside the Checkout Block. P.S. The WC Checkout block sucks and this plugin
makes it just a little bit better.

 [ 阅读所有9条评价 ](https://wordpress.org/support/plugin/checkout-fields-for-blocks/reviews/)

## 贡献者及开发者

「Checkout Fields for Blocks」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ wpdesk ](https://profiles.wordpress.org/wpdesk/)
 *   [ Andrzej Misiewicz ](https://profiles.wordpress.org/amisiewicz/)

「Checkout Fields for Blocks」插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/checkout-fields-for-blocks/contributors)
为本插件所做的贡献。

[帮助将「Checkout Fields for Blocks」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/checkout-fields-for-blocks)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/checkout-fields-for-blocks/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/checkout-fields-for-blocks/)，或
通过[RSS](https://plugins.trac.wordpress.org/log/checkout-fields-for-blocks/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/checkout-fields-for-blocks/)。

## 更新日志

#### 1.2.4 – 2026-05-19

 * Added support for WooCommerce 10.8

#### 1.2.3 – 2026-05-14

 * Added support for WordPress 7.0
 * Added support for WooCommerce 10.7

#### 1.2.2 – 2026-03-07

 * Added support for WooCommerce 10.6

#### 1.2.1 – 2026-02-03

 * Readme update

#### 1.2.0 – 2026-01-21

 * Added support for Checkout Fields for Blocks – Pricing for Fields plugin
 * Added support for WooCommerce 10.5

#### 1.1.5 – 2025-12-16

 * Fixed textarea field do not preserve line breaks

#### 1.1.4 – 2025-12-03

 * Added support for WordPress 6.9
 * Added support for WooCommerce 10.4

#### 1.1.3 – 2025-10-23

 * Changed plugin links

#### 1.1.2 – 2025-10-13

 * Added Patchstack Vulnerability Disclosure Program

#### 1.1.1 – 2025-10-07

 * Added support for WooCommerce 10.3

#### 1.1.0 – 2025-09-02

 * Added integration hooks for Checkout Fields for Blocks – Conditional Logic for
   Fields plugin
 * Fixed checkbox and texarea fields validation not triggering on “Place Order” 
   button
 * Improved validation system reliability across all field types

#### 1.0.6 – 2025-07-01

 * Added support for WooCommerce 10.0

#### 1.0.5 – 2025-05-12

 * Added support for WordPress 6.8

#### 1.0.4 – 2025-03-07

 * Added support for WooCommerce 9.8

#### 1.0.3 – 2025-02-10

 * Added support for WooCommerce 9.7

#### 1.0.2 – 2024-12-16

 * Added support for WordPress 6.7
 * Added support for WooCommerce 9.5

#### 1.0.1- 2024-10-15

 * Add repo banner and icon

#### 1.0.0 – 2024-10-10

 * First Release

## 额外信息

 *  版本 **1.2.4**
 *  最后更新：**2 周前**
 *  活跃安装数量 **1,000+**
 *  WordPress 版本 ** 6.4 或更高版本 **
 *  已测试的最高版本为 **7.0**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/checkout-fields-for-blocks/) 和 
   [Polish](https://pl.wordpress.org/plugins/checkout-fields-for-blocks/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/checkout-fields-for-blocks)
 * 标签
 * [blocks](https://cn.wordpress.org/plugins/tags/blocks/)[checkout blocks](https://cn.wordpress.org/plugins/tags/checkout-blocks/)
   [woocommerce checkout blocks](https://cn.wordpress.org/plugins/tags/woocommerce-checkout-blocks/)
 *  [高级视图](https://cn.wordpress.org/plugins/checkout-fields-for-blocks/advanced/)

## 评级

 4.4 星（最高 5 星）。

 *  [  7 条 5 星评价     ](https://wordpress.org/support/plugin/checkout-fields-for-blocks/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/checkout-fields-for-blocks/reviews/?filter=4)
 *  [  1 条 3 星评价     ](https://wordpress.org/support/plugin/checkout-fields-for-blocks/reviews/?filter=3)
 *  [  1 条 2 星评价     ](https://wordpress.org/support/plugin/checkout-fields-for-blocks/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/checkout-fields-for-blocks/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/checkout-fields-for-blocks/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/checkout-fields-for-blocks/reviews/)

## 贡献者

 *   [ wpdesk ](https://profiles.wordpress.org/wpdesk/)
 *   [ Andrzej Misiewicz ](https://profiles.wordpress.org/amisiewicz/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/checkout-fields-for-blocks/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://www.wpdesk.net/sk/checkout-fields-for-blocks-donate/)