Cannot add a custom field to the WooCommerce checkout block editor.

Hi there!

I can understand your concern, please note that we do not provide support for customization, If you need more in-depth support or want to consider professional assistance for customization, I can recommend?WooExperts?and?Codeable.io?as options for getting professional help. Alternatively, you can also ask your development questions in the??WooCommerce Community Slack?as custom code falls outside our usual?scope of support.

However, I have found an article that might guide you on how to add custom fields to the checkout page:
Customize Checkout Fields in WooCommerce

Additionally, you can use the following plugin to customize the checkout page:
WooCommerce Checkout Field Editor

Let me know if you have any further questions!

Hi, you might find some interesing info in here: https://github.com/woocommerce/woocommerce/blob/trunk/docs/cart-and-checkout-blocks/additional-checkout-fields.md

Good luck!

Hi shahzeen(woo-hc) (@shahzeenfarooq)

Thanks for the support

I explored various add-ons and plugins offered on WooCommerce.com for adding custom fields to the checkout page, but none seem to be compatible with the WooCommerce Gutenberg Blocks.

For instance, the Checkout Field Editor for WooCommerce, which is an official WooCommerce add-on, specifically mentions that it is not compatible with the block editor.

Screenshots:-

1. https://prnt.sc/PfBmeyijEI56
2. https://prnt.sc/5Htk8JinMr3F

Could you confirm whether it is possible to add custom fields to the checkout page when using the block editor? Additionally, does WooCommerce offer any plugin or add-on that supports this functionality?

I know it is related to the customization if you can recommend a woo commerce addon/plugin or if you can give a confirmation that customization is possible then it will have a word with support

Thanks for understanding

Hi @albarin

Thanks for sharing some interesting info i will take a look into this

Thanks

Hi There!

I faced the same issue with Gutenberg forms, so I used the default [woocommerce_my_account] shortcode for the My Account page and the [woocommerce_checkout] shortcode for the Checkout page. Now, all custom fields are displayed correctly on both pages.

Thanks!

Hi there!

I understand your concern. You can indeed add custom fields in the block checkout. I’ve found a plugin that may help you: Checkout Fields for Blocks.

If that doesn’t help, I would suggest following the link shared by my colleague @albarin.

I hope this helps!

Hi @shahzeenfarooq and @albarin ,

Thank you for your support. I didn’t use any plugins to add the checkout field.

Instead, I followed the documentation provided by @albarin and successfully added the checkout field.

@albarin, thanks again for your assistance.

Marking the status as resolved.

Best regards,