Block based checkout?
-
Hi,
9 Months ago in this forum, (@beachholiday) asked about support for the block based checkout.
You said “we have planned for compatibility with the WooCommerce block checkout to our roadmap. This feature will be implemented as soon as the necessary hooks are available in a future WooCommerce release. The timeline for this compatibility will depend on WooCommerce’s block update.”
Any news please, I am trying to move to this checkout as soon as I can and am looking at my incompatible plugins.
Thanks (and for a great plugin).
James
-
I hope you are doing well.
We are currently working on WooCommerce block checkout compatibility for the basic version of the plugin, which is now in the testing phase.
This feature is already available in the premium version, and we expect the update for the basic version to be released shortly.
I will keep you updated once the new version is available.
Hi @akashelex,
That’s great news. Thanks very much,
Hi @akashelex,
Thanks for the new version and the block support – lookign good. One or two issues to report though for both billing and shipping addresses:
- Order of fields – your autocomplete appears at the end of the address blocks. As a customer, if you work your way down filling in the address fields, you only see autocomplete at the end. Logic says it should be at the beginning. Is this possible please?
- The county field gains the country name, not the county – if county is not in the address should that be blank?
Happy to check a test version for you before it goes live.
Thanks,
James
Hello @james-feaver ,
Thank you for your detailed feedback — it’s really helpful.
We’ve shared your suggestion regarding the autocomplete field placement with our team and are currently evaluating the feasibility of moving it to the top of the address section for a better user experience.
Regarding the county field: if the county information is available for the searched address, it will be populated accordingly. Otherwise, the field will remain blank.
We’ll proceed with the fix and include it in an upcoming release once it’s ready.
Please feel free to share any additional observations.
Hi,
Doing some more testing, there are discrepancies between the classic and block based checkouts. For the same auto address:
Classic – town / city gets populated – https://prnt.sc/DZoJkcmPGPQn
Block – town / city does NOT get populated – https://prnt.sc/x2gJwfW7kPII
Neither takes the “district” part of the address, in the screenshots – “Mayals”.
For this address:
Classic – takes district and city correctly – https://prnt.sc/DkN8y4DJzA15
Block – district put into the city field, the city is discarded – https://prnt.sc/EZ7nlvINUEJ_
Thanks,
James
Thank you for your feedback regarding the block-based checkout. Please see our updates below:
1. Currently, we cannot change the address autocomplete field position on the block checkout page. Unlike the legacy checkout, the block-based checkout does not yet provide options to set field positions, and there is no updated documentation available for this. If this functionality becomes available in a future WooCommerce version, we will include it in our plugin.
2. We are currently investigating why the autocomplete flows are working differently between the classic and block checkouts and will provide an update soon. Regarding UK addresses, the API primarily populates address line 1, city, country, and postcode. Address line 2 and the county field are optional; our plugin will auto-fill these only if that specific data is provided in the API response.
Please feel free to contact us if you have any further queries.
-
This reply was modified 1 month, 2 weeks ago by
Akash.
Hi,
I was in touch with WooCommerce support on another matter and asked about the order of fields on the checkout page such as within the address area, specifically do custom ones have to be at the end? They replied:
Regarding your follow-up question, fields are not restricted to being last. You can control their position using the
priorityargument when registering the field, which allows you to place them before or after other fields within the same section.Does this help so they can be in a more logical order?
Thanks,
Hello @james-feaver
The priority-based field positioning works only with the classic WooCommerce checkout, as it relies on PHP hooks. This option is not available in the block checkout, which uses a different (React-based) structure.
You can still add custom fields in block checkout, but their exact position cannot be controlled. For precise placement of the address autocomplete field, we recommend switching to the classic checkout.
Please let me know if you have any queries.
Hi @akashelex,
Earlier in this thread, I reported differences in the address fields returned for the same addresses with the classic and block based checkouts. When I saw the description of the latest update (1.8.7) – “Improve autocomplete accuracy for specific address formats”, I guessed this might have been fixed but testing shows not. Did your investigation get anywhere towards a fix please?
Thanks,
Hello @james-feaver
We have tested across multiple addresses and countries, and we are seeing the same results with classic and block checkout in the latest version 1.8.7. Could you please deactivate the plugin, clear the cache, reactivate it, and check whether the issue persists?Hi @akashelex,
All good now – identical between classic and block-based and all elements being used with the “Flat, suite, etc (optional)” field.
Thanks very much.
James
I am glad to hear that the plugin is now working correctly on your site.
If you are happy with the product and our support, please consider sharing a review. Should you have any further questions or if the issue persists, don’t hesitate to reach out.
You must be logged in to reply to this topic.