Follow for free plugins, new theme releases and theme news
Plugin Description
After you have invested vast resources into building your store and customer acquisition through pay per click campaigns etc., it seems almost unbearable that 69% of users – after having added items to their cart – then choose to abandon their purchase.
Why is it that this many orders are abandoned? And what exactly can online retailers like yourself do to improve this sad state of affairs?
Our Woocommerce Checkout Optimization plugin is being built based on learnings from Baymard Institute’s 9-year-long ecommerce UX study including 37,000+ hours of UX research findings — insights already used by several of the world’s leading e-commerce sites.
Implement The Best Woocommerce Checkout UX and gain as much as a 35% increase in conversion rate, in under 5 minutes.
Discover more at our website
SIMPLIFY
Make the checkout form short & simple
Minimizing the default number of displayed form fields and selections are particularly important for the Woocommerce one-step checkout implementation. It’s key to achieve the perceived simplicity that the one-step style can afford.
-
Use a Single ‘Full Name’ Field instead of a First Name and a Last Name field –
Users generally think of their name as a single entity and, therefore, a large proportion of users often type out their full name in ‘First Name’ field. Using a single “Full Name” field will at a minimum cut the number of form fields by one – ~7% reduction.
-
Hide Optional fields behind a link –
The main component in reducing the amount of needless attention drawn to optional fields is collapsing them behind a link. This performs well, as empty form fields in the checkout are generally seen by users as a potential task that has to be completed. Removing the form field from the default checkout flow will greatly reduce the amount of needless attention.
-
Make the coupon section much less prominent –
Showing a coupon code field and apply button directly in the checkout flow is one of the best ways to make sure all users without a coupon notice that they could be getting a better deal on their purchase.
A well-performing way of reducing the amount of emphasis on the coupon field, while still keeping it discoverable for users who do have a coupon, is to collapse it behind a link.
Although Woocommerce hides the actual coupon field and apply button behind a link, both the design and placement of the link still demand needless attention.
REDUCE
Reduce shoppers’ cognitive load
Making users think, evaluate or make up their mind during the checkout causes interruptions. Since these interruptions lapses a user’s ability to progress in their checkout, it’s important to reduce them to any extent possible.
-
Let users enter their ‘Shipping Address’ first instead of ‘Billing Address’ –
A shipping address determines where the product is being delivered – a straightforward terminology which users have no issues understanding. A billing address, on the other hand, can be used for several purposes. Asking users to type their shipping address instead of a billing address performs better.
-
Use ‘Shipping Address’ as ‘Billing Address’ by default –
For most B2C sites, the majority of customers typically order products to their own address. Setting the “Billing Address to equal the Shipping Address”, by default, performs vastly better than either not having the feature or not having it as a default selection.
-
Explain why you need the users’ phone number –
Users continue to be concerned about the security and confidentiality of their personal information on the web. This can range from serious concerns over identity theft to more mundane concerns, such as an aversion to receiving marketing phone calls – making them reluctant to hand out personal information.
When it’s truly necessary to require users to supply the information, it should clearly be explained why the data is required. One well-performing pattern is simply using a short inline explanation, in close proximity to the field, such as “Used for payment validation”, “For order questions only”, or whatever the information is actually used for.
PRO VERSION – What’s in PRO?
Delight users with a thoughtful checkout flow
Besides speeding up the completion of the form, a thoughtfully designed checkout flow has the potential to bring delight to users in an otherwise dull typing process.
-
Auto-Detect City and State from ZIP [PRO] –
While we can’t avoid requiring some information from users, we should minimize the amount of typing required whenever possible. Both “State” (/region) and “City” inputs present such an opportunity, as both can be auto-detected from a ZIP or Postal code in most countries.
-
Live inline error validation of form fields [PRO] –
“Live inline validation” is where the validity of the user’s inputs are checked live as the user progresses through the form, as opposed to checking the inputs in a lump sum when the user submits the form. We time and again observe that there’s a direct correlation between how and when users are presented with form validation errors and the pace and effort with which they are able to resolve those errors.
-
Delayed account creation [PRO] –
While users should always be allowed to complete the checkout process as a guest, having an optional account creation option is often appreciated by users. This begs the question of at which point during the checkout flow is it best to ask for the optional account creation.
Based on previous checkout usability tests, it’s clear that delaying the optional account creation option performs the best. In fact, it’s often best delayed until the order is finalized; hence presenting the optional account creation option on the order confirmation page works best. This concept is called ‘Delayed Account Creation’.
Learn more about the Pro version.
Screenshots
Optimization options in plugin settings page
Merging 2 name fields into one in the checkout form
Hiding Company name field behind a link in the checkout form
Hiding Second address field behind a link in the checkout form
Hiding Order notes field behind a link in the checkout form
Let users enter their ‘Shipping Address’ first instead of ‘Billing Address’ and Use ‘Shipping Address’ as ‘Billing Address’ by default
Make the coupon section much less prominent
