Since we released the first iteration of the Cart and Checkout blocks to users of the WooCommerce blocks feature plugin last year, one of the most common requests we’ve received from stores that are trying out this new checkout flow is to support the payment method they are using. Over time, the WooCommerce team has added integrations for:
- All payment methods currently available in WooCommerce core.
- Stripe Credit Card and Payment Request API payment methods (Apple Pay, Chrome Pay) from the WooCommerce Stripe Extension
- WooCommerce Payments
Currently there are also integrations being worked on for other WooCommerce owned payment method extensions.
Over the past year with the work we’ve done building integrations for our own extensions we’ve validated the payment method integration API for the blocks and are ready to more formally announce it to the WooCommerce developer community as production ready.
To help payment method developers integrate with the blocks, we’ve created some documentation that give details on both the client side (JS) and server side (PHP) components of the integration. In most cases, you should be able re-use some of your server side code that integrates with the existing shortcode based checkout flow, but it’s highly likely you’ll have additional work to do for your client side payment method code.
Why is integrating your payment method a good idea?
Alongside seeing increasing numbers of users try out the Cart and Checkout blocks and the requests we’ve seen for support, we’re also observing early indicators that the blocks have better conversion rates than the existing shortcode flows.
Although we’re not yet ready yet to put a date on when the blocks will become the default experience in WooCommerce core, we do encourage WooCommerce payment method developers to start integrating their payment methods now as this will help us continue to validate and improve the APIs as usage of the new checkout flow increases.
We’re also exploring some ways of surfacing payment methods that support the Cart and Checkout blocks more broadly in the marketplace beyond appearing in this list. We’d also love to be able to tell merchants enquiring of the new flows that, “Yes, your payment method is supported!”
Is there any help available?
If you are actively working to integrate a payment method and are experiencing some difficulty with your integration, please do reach out and create an issue in the WooCommerce Blocks repository. While our team won’t be able to build any integration for you, we are open to help resolve any issues or questions you may have with using the integration API and/or surfacing additional checkout/cart data that you may need for your payment method.
What about other extensions integrating with the blocks?
We’re still building out more interfaces so other WooCommerce extensions can integrate with the blocks but we’re not quite there yet. Similar to what we did and are doing with our own payment method integrations – we’re validating what we’re building with our own extensions (such as WooCommerce Subscriptions, and WooCommerce Product Add-ons among others) before inviting more extension developers to integrate.
We will announce in this blog once we’ve got something we’re confident is ready for extension developers to build on top of.
I’ve integrated my payment method extension, what next?
That’s fantastic! Let us know (leave a comment on this post) and we’ll add it to the integration status page that informs stores and merchants what extensions work with the cart and checkout blocks.