Checkout Fields for Blocks

Description

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 ⬅️⬅️⬅️

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

  2. Edit the checkout page (more about WooCommerce checkout block).

  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 ⬅️⬅️⬅️

⚙️ 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 ⬅️⬅️⬅️

⚙️ 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 ⬅️⬅️⬅️

Support

We provide limited support for the free version in the plugin Support Forum.

You may help us translate the plugin.

Screenshots

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

Installation

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.

FAQ

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.

Do you offer more free plugins for WooCommerce?

Yes. You can check out our free WooCommerce plugins → or go directly to the following plugins:

Reviews

January 3, 2025 1 reply
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!
December 19, 2024 1 reply
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!
December 17, 2024 1 reply
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.
October 22, 2024 1 reply
Współpracuje z nowymi blokami woocomerce_blocks, które diametrialnie odmieniają sklep na woocommerce. Szkoda, że sami twórcy woo nie myślą tworząc nowe narzędzie ale od tego jest ekipa WP Desk. Brawo!
Read all 6 reviews

Contributors & Developers

“Checkout Fields for Blocks” is open source software. The following people have contributed to this plugin.

Contributors

“Checkout Fields for Blocks” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Checkout Fields for Blocks” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

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