Vue Storefront — new feature: Magento2 checkout fallback option
Vue Storefront with its 200 developers across 18 time zones lives its own life, and this life is pretty active.
We’re getting so much feature requests from our Community that we are hardly able to investigate all the ideas! One of the repeated features, which repeatedly were was Magento2 Checkout fallback.
Few of our customers, starting Proof of Concepts and some MVP projects on Vue Storefront encountered a challenge with very customized checkouts.
It’s a case when you have very custom logic for shipping costs, click&collect and few other non-standard carriers and of course some additional payment methods and credit limits :)
In such a case, moving the Checkout to Vue Storefront — although possible — could be time-consuming and requires a lot of tests.
Last week our core-devs Filip Rakowski and Mateusz Bukowski took care of this.
Right now using the magento2-external-checkout Magento module along with vsf-external-checkout Vue Storefront module You can have both: cool catalog experience on PWA and safe Magento2 checkout after the user clicks “Go to checkout”. Carts, user accounts are safely synchronized (using the Magento2 API authorization).
To make it happen, You must integrate Your Magento2 instance and shopping cart with Vue Storefront, then go with the installation instruction for the modules included in here.
You can test how it works by adding some products to the shopping cart and then clicking “Go to Checkout” which feature will redirect You to Magento2 checkout with all the products you’ve added inside Vue Storefront — ready to finalize the order.
Of course, on our standard Demo, there is the full Checkout realized in Vue Storefront — which is the default options. With recently added Stripe payments support it’s easier than ever to port the whole Checkout to fully PWA-offline-supported experience.
In case of any issues ask us on Slack or via contributors@vuestorefront.io.
