The average cart abandonment rate of an online business is a high 69%+ and for most business owners this is the biggest cause of concern.
If this is something that concerns you as well, then in this post we’re discussing the solution i.e. WooCommerce one-page checkout or dedicated landing pages with embedded checkout form.
And if you like to learn by watching, then I’ve created a short 17-minute video to:
- Show you why you need one-page checkout, no matter your niche
- Demonstrate the step-by-step process to set up one-page checkout in WooCommerce with Aero by WooFunnels
Watch here:
Contents
The Problem with the Default Checkout Flow
There are two major problems with the default checkout flow.
Let’s explore them:
Problem #1: Conventional product pages are full of distractions
Conventional product pages are not optimized to score conversion goals.
The navigation bar at the top, related product section, upsells and cross-sells make them very distracting.
Take a look:
You may not have all these sections on your product page but if your prospects can find the exit route to the other pages then there’s a problem.
Problem #2: There are multiple steps in the checkout flow and at each step, a percentage of users drop off
Here are the 3 steps involved in making a purchase
Add to Cart (on the product page) >> Proceed to Checkout (on the cart page) >> Place Order (on the checkout page)
All of these steps are actually redundant – why can’t the user simply fill out their details and buy! Take a look at how the user currently moves:
The checkout flow, is therefore not optimized for conversions.
Contrast this with one-page checkout.
It’s a dedicated landing page where you can explain all the details of the product with an embedded checkout form.
And once the user is ready to buy, they simply have to fill out their details on the embedded checkout form and place the order.
Take a look:
One Page Checkouts Increase Sales In the Offline World Too
Recently I went to buy some t-shirts for myself.
This apparel store was quite crowded so after shortlisting a few tees when I went to the counter, I encountered a long queue of shoppers.
I didn’t want to be the 10th or 11th in the row and wait for long to reach the counter. So I changed my mind and kept the tees back.
This is akin to the checkout experience of an online store where there are redundant form fields, the process is longer than needed and there are multiple steps on the way.
Contrast this with the shopping experience at Apple
They have Apple care managers spread across the store who help prospects make decisions by answering their questions.
Now when the prospect is ready to pay, they’re ready to take the payment. How? They all have hand-held devices to swipe the card and take the payment.
One-page checkout pages are very similar to the experience at Apple store- One doesn’t have to wait to go through a long & tedious process.
They can stay on the page, fill out the details and checkout with the item almost instantly. Take a look:
This eliminates friction, curbs distraction and significantly lowers the number of steps involved to complete the process. Needless to say this increases sales.
One Page Checkout Examples
One-page checkout, also called order forms are quite popular on the internet.
Especially if your funnel involves paid advertising then you know how a little optimization can make a big impact on your returns.
And one page checkout help you get the ROI your business needs to thrive, not just survive. Take a look at the order form from Grand Cardone:
He uses the page to describe the product in great detail and on the right hand-side the embedded checkout form calls for action. There are no redundant steps in the flow, it’s all fast and easy.
Also, notice there’s an order bump on the second step to increase the order value. He’s offering users to upgrade to a course at $37 more.
The CTA button is also optimized for more clicks.
How To Set Up WooCommerce One-Page Checkout Using Aero By WooFunnels
Now let me show you how to set it up step by step.
Step #1: Select the product to create an order form
Aero gives you a simple interface to select the product.
Further, you can offer a discount on your product which will only be visible to people on this page.
You’ve got two options- Set discount in percentage or give a dollar off. And set the discount on sale price or regular price.
Step #2: Customize WooCommerce Checkout Form Fields
Aero gives you a bunch of default form fields. You can add, remove and re-order the fields based on your priority. For example, collect the basic and quick to fill out information like name and email first.
Dedicate the next step to detailed information like shipping and billing address. Aero also let’s you add new form fields by first adding and naming a section.
Step #3: Select ’embed form’ and customize it
You can customize your form and use a range of options to make the checkout form look on brand.
For example the form width, the colors, font size and type.
Once this is done- hit publish and go live with it.
The shortcodes have been generated.
Step #4: Copy one-page checkout shortcodes and paste them on your landing page
After you’ve created the form, you’ll be able to access its shortcodes. All you’ve to do is copy these shortcodes and paste them in the ‘shortcode widget of your landing page builder.
They’ll be generated in the design section of Aero:
After you’ve generated and copied the shortcode, paste it in the shortcode widget of your landing page builder.
Here you go:
Ready To Increase Your Checkout Conversions with One-Page Checkout?
If you’re trying to lower your ad spends and optimize your checkout flow for more conversions, one-page checkouts is the way to go about it.
Aero by WooFunnels lets you create highly-optimized checkout forms and generate shortcodes to embed them in any landing page builder that you like.
Read more about how to customize WooCommerce checkout Page by deploying 7 psyche-backed checkout page triggers.
