Autocompletion is now also available for entering billing information.
Merchants are now able to set the field order for shipping and billing forms.
Finally, a configuration option was added to change the shipping validation delay in the checkout. The Magento 2 Checkout uses a 2 second delay until it validates form input and retrieves shipping rates. Clean Checkout reduces this number to 500 milliseconds, which results in a smoother checkout experience.
A previous blogpost already detailed how long and complicated checkout processes cause significant increases in cart abandonment. And while Clean Checkout has made big steps in the right direction, we can always take it a step further.
The default Magento 2 Checkout requires interacting with 11 input fields. So far, Clean Checkout had managed to reduce this number to 7. Today we're announcing that by utilizing the Google Maps APIs, we can reduce the number of required interactions all the way down to just 4 through address autocompletion!
We're quite content with the result. If you would like to try it out, check out our
According to the Danish Baymard Institute, nearly 70% of US customers abandon their cart and a little over 41% of those that intend to purchase abandon the checkout for reasons out of their control. The following graph is a breakdown of reasons for abandonment:
This graph can be split into 3 categories.
Things which Magento 2 already covers out of the box, such as guest checkout and stability of the platform.
Issues that not directly fixable through modifications in the checkout (fees, logistics).
Finally, we're left with a small subset of reasons that are quite easily tackled:
Simplify and reduce the length of the checkout process.
While checking out, customers notice small annoyances. While these may seem insignificant on first view, they do add up significantly in overall satisfication. Today we will be having a look at animations in the Magento 2 Checkout.
Take for example, the way a customer progresses through the shipping step by default in Magento 2:
Immediately, you'll notice 2 things:
There's a sudden, jerky, upward movement on the page because of the differences in height between steps.
The problem above is exacerbated due to the fact that the original step contents are faded out, while the new step contents are faded in.
Thankfully, Clean Checkout already solves the first part. That shipping step doesn't have to be that long in the first place!
Since this was the first major release, we want to outline all of the features currently present in Clean Checkout for Magento 2.
A concise and compact checkout experience, that works both desktop and mobile devices.
By default, a full summary of cart totals is not shown until the shipping step has been completed. This can result in incorrect expectations because discounts are not displayed in the first step of the checkout. Clean Checkout enables full cart totals on every step of the checkout.
For users it makes more sense to see their cart first, and then their totals. We changed the order in which the cart's items and summary (which includes totals) are shown.
Added the ability to force the Luma theme in the checkout (default: Off).
Added the ability to immediately redirect to checkout when adding a product. (default: Off)