Ecommerce Shopify WordPress Discussion

I'm new to WooCommerce. Our client doesn't use the default checkout ,They created using blocks. How can I edit checkout fields using WooCommerce hook?

"I'm new to WooCommerce. Our client has opted not to utilize the default WooCommerce checkout shortcode ([woocommerce_checkout]). Instead, they've developed a custom checkout using blocks within the Gutenberg editor. I'm seeking guidance on how to modify the checkout fields within this custom setup using WooCommerce hooks. Could someone provide insight or examples on how to achieve this?" I've explored the WooCommerce documentation and attempted to utilize hooks such as woocommerce_checkout_fields to modify checkout fields. However, since our client's checkout is constructed using blocks, I'm uncertain how to integrate hooks into this custom setup. I was expecting to find examples or documentation specific to modifying checkout fields within a block-based checkout interface. Any insights or guidance on this matter would be greatly appreciated. Front side preview check here : Front Side Preview Theme name : Hello Elementor Can you please guide me on how to unlock Gutenberg blocks in the backend checkout page? Right now checkout the backend visual: Right now checkout the backend visual In Code Editor <!-- wp:shortcode --> [woocommerce_checkout] <!-- /wp:shortcode --> <!-- wp:woocommerce/checkout {"showApartmentField":false,"showPhoneField":false,"className":"wc-block-checkout"} --> <div class="wp-block-woocommerce-checkout alignwide wc-block-checkout is-loading"><!-- wp:woocommerce/checkout-fields-block --> <div class="wp-block-woocommerce-checkout-fields-block"><!-- wp:woocommerce/checkout-express-payment-block --> <div class="wp-block-woocommerce-checkout-express-payment-block"></div> <!-- /wp:woocommerce/checkout-express-payment-block --> <!-- wp:woocommerce/checkout-contact-information-block --> <div class="wp-block-woocommerce-checkout-contact-information-block"><!-- wp:automatewoo/marketing-optin --> <div class="wp-block-automatewoo-marketing-optin"></div> <!-- /wp:automatewoo/marketing-optin --></div> <!-- /wp:woocommerce/checkout-contact-information-block --> <!-- wp:woocommerce/checkout-shipping-method-block --> <div class="wp-block-woocommerce-checkout-shipping-method-block"></div> <!-- /wp:woocommerce/checkout-shipping-method-block --> <!-- wp:woocommerce/checkout-pickup-options-block --> <div class="wp-block-woocommerce-checkout-pickup-options-block"></div> <!-- /wp:woocommerce/checkout-pickup-options-block --> <!-- wp:woocommerce/checkout-shipping-address-block --> <div class="wp-block-woocommerce-checkout-shipping-address-block"></div> <!-- /wp:woocommerce/checkout-shipping-address-block --> <!-- wp:woocommerce/checkout-billing-address-block --> <div class="wp-block-woocommerce-checkout-billing-address-block"></div> <!-- /wp:woocommerce/checkout-billing-address-block --> <!-- wp:woocommerce/checkout-shipping-methods-block --> <div class="wp-block-woocommerce-checkout-shipping-methods-block"></div> <!-- /wp:woocommerce/checkout-shipping-methods-block --> <!-- wp:woocommerce/checkout-payment-block --> <div class="wp-block-woocommerce-checkout-payment-block"></div> <!-- /wp:woocommerce/checkout-payment-block --> <!-- wp:woocommerce/checkout-additional-information-block --> <div class="wp-block-woocommerce-checkout-additional-information-block"></div> <!-- /wp:woocommerce/checkout-additional-information-block --> <!-- wp:woocommerce/checkout-order-note-block --> <div class="wp-block-woocommerce-checkout-order-note-block"></div> <!-- /wp:woocommerce/checkout-order-note-block --> <!-- wp:woocommerce/checkout-terms-block --> <div class="wp-block-woocommerce-checkout-terms-block"></div> <!-- /wp:woocommerce/checkout-terms-block --> <!-- wp:woocommerce/checkout-actions-block --> <div class="wp-block-woocommerce-checkout-actions-block"></div> <!-- /wp:woocommerce/checkout-actions-block --></div> <!-- /wp:woocommerce/checkout-fields-block --> <!-- wp:woocommerce/checkout-totals-block --> <div class="wp-block-woocommerce-checkout-totals-block"><!-- wp:woocommerce/checkout-order-summary-block --> <div class="wp-block-woocommerce-checkout-order-summary-block"><!-- wp:woocommerce/checkout-order-summary-cart-items-block --> <div class="wp-block-woocommerce-checkout-order-summary-cart-items-block"></div> <!-- /wp:woocommerce/checkout-order-summary-cart-items-block --> <!-- wp:woocommerce/checkout-order-summary-coupon-form-block --> <div class="wp-block-woocommerce-checkout-order-summary-coupon-form-block"></div> <!-- /wp:woocommerce/checkout-order-summary-coupon-form-block --> <!-- wp:woocommerce/checkout-order-summary-subtotal-block --> <div class="wp-block-woocommerce-checkout-order-summary-subtotal-block"></div> <!-- /wp:woocommerce/checkout-order-summary-subtotal-block --> <!-- wp:woocommerce/checkout-order-summary-fee-block --> <div class="wp-block-woocommerce-checkout-order-summary-fee-block"></div> <!-- /wp:woocommerce/checkout-order-summary-fee-block --> <!-- wp:woocommerce/checkout-order-summary-discount-block --> <div class="wp-block-woocommerce-checkout-order-summary-discount-block"></div> <!-- /wp:woocommerce/checkout-order-summary-discount-block --> <!-- wp:woocommerce/checkout-order-summary-shipping-block --> <div class="wp-block-woocommerce-checkout-order-summary-shipping-block"></div> <!-- /wp:woocommerce/checkout-order-summary-shipping-block --> <!-- wp:woocommerce/checkout-order-summary-taxes-block --> <div class="wp-block-woocommerce-checkout-order-summary-taxes-block"></div> <!-- /wp:woocommerce/checkout-order-summary-taxes-block --></div> <!-- /wp:woocommerce/checkout-order-summary-block --></div> <!-- /wp:woocommerce/checkout-totals-block --></div> <!-- /wp:woocommerce/checkout -->
TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.