How do you stop people from abandoning their shopping carts and increase the conversion rate of your checkout process?
To get more people to go through the checkout process and complete aÂ purchase, you want to give them everything they need to make aÂ well-informed and confident choice about buying your products.
On top of informing prospects, youÂ want toÂ makeÂ your checkout process is as smooth and hassle-free as possible.
In this article, I’veÂ put together a list of 20 checkout process tacticsÂ that increase conversions. Iâve also included examples of some of the world’s best checkouts to help you design and optimise your own
These tactics are groupedÂ into threeÂ important categories:
- Product and cart optimisation
- User experience
Keep reading to learn how to turn more of your visitors into customers by improving conversion rates on your checkout process.
Product and cart optimisation
1. Product thumbnails
When a customer adds an item to the shopping cart, there should be a small animation with a product image and/or confirmation text on the top right-hand corner of the product page. The human eye reacts to movement, so this visual cue indicates an important purchaseÂ progressionÂ for visitors.
The images of the products in the cart should be in thumbnail format so they donât take up too much space on the page, and including an image lets the customer know exactly what it is they added to their cart.
Here is an example of what the product page looks like onÂ Bonobos after an item has been added to the shopping cart:
Image Source:Â Bonobos
The product thumbnail is identical to the image on the product page, reassuring the customer that they put the right item into the cart.
Hereâs another example, fromÂ Dune London, where the customer can see exactly what theyâre paying for on the checkout page:
Image Source:Â Dune London
2. High quality images on the product page
The product page should display images of an item in high resolution so that customers know exactly what the product looks like before they buy it, and their expectations are managed. You donât want a customer to return an item simply because it didnât look as it appeared on the product page.
Bonobosâ product page below shows a large image of the product in high resolution. There are even a couple of close-up versions of the shirt, which can be enlarged. This way, customers areÂ able to clearly see the material the itemâs made out of, as well as the buttons, collar, and striped design.
Image Source:Â Bonobos
ASOS also provide a clear image of its products on the product page.
You can see below that the shoe is a high-quality image, and itÂ helps the customer determine whether it is the right style for them. You can even zoom in to see a larger version of the item and click on the arrows to view the shoe at different angles.
Image Source:Â ASOS
3. Cart summary
A cart summary should list down the contents of a customerâs basket; the name and number of items, the price for each item and anyÂ additional informationÂ that isÂ necessary (size, color, etc.).
It should also include the shipping & handling fee, GST, insurance fee, gift wrapping charge (if applicable) and total cost of the order. In fact,Â 59% of customers expect to see the total cost before they proceed to checkout.
You need to let your customers see the total amount of money they will pay forÂ their order from the start so they donât get unpleasantly surprised by the costs at the end, which couldÂ result in cart abandonment.
The more transparent you are, the higher the level of customer trust and the more likely they will buy from you.
TheÂ Disney Store cart summary, as shown below, includes details of the product and all the costs the customer has to pay; such as the price of the item, shipping and sales tax.
Image Source:Â Disney Store
4. Cart editing from checkout page
Your customers should be able to delete an item in the shopping cart, increase or decrease the quantity, and edit the size or color of an item all from the same page.
As you can see here, theÂ Nike Store lets the customer do exactly this in their cart. They can edit the size, colour and quantity of the product, as well as remove the product if they change their mind and no longer want to buy it.
Image Source:Â Nike Store
Customers also have the ability to edit the products in their shopping cart onÂ Marc Jacobs. They can remove an item, change the quantity, and choose the color they want.
Image Source:Â Marc Jacobs
If a customer canât edit their shopping cart from the checkout page and have to keep going back to the product page to make changes, they might just give up and not complete the checkout process. So make sure to include this option.
5. “Add to wishlist” or “Save to cart” option
Another important thing you should let your customers do during the checkout process is to be able to save products to their cart or add items to a wishlist for purchase at a later date.
If a customer is unable to do this, they could lose track of the items they want to buy from your site and end up not completing the checkout process. It also increases the chance of a customer coming back to buy later, rather than just forgetting about your site altogether.
Here is a good example fromÂ Juicy Couture, where you can see a âWishlistâ link highlighted on the middle right-hand side of the shopping cart page:
Image Source:Â Juicy Couture
ASOS allows their customers to save products to their shopping cart by including a button at the bottom of the page that says âSave for laterâ:
Image Source:Â ASOS
6. Product ratings and reviews
Product ratings and reviews are one of the best forms of proof you can provide customers during the checkout process. 70% of consumersÂ read product reviews before they make a purchase and theyâreÂ 12x more trustedÂ than product descriptions provided by the manufacturer.
Customers rely on the experiences of others toÂ help them gauge the quality and value of a product before purchasing. Reviews quickly establish trust for your business and the product you are selling, so the buyer has peace of mind and is ready to take the next step.
But not just any review will do. Consumers have been exposed to online product reviews for a long time now, and they are subsequently savvy enough to spot an inauthentic one. The best product reviews not only include an average star rating, but also show the total number of customer ratings overall to show people that the sample size is reliable.
Here is a great example fromÂ Amazon, who are masters at using product reviews to bolster social proof on their products:
Image Source:Â Amazon
If you want to include product reviews and ratings in your checkout process, here are some rules to go by:
- Make them authentic – If all you have is 5-star reviews, people wonât believe you. Encourage authentic, genuine and regular reviews from your customers.
- Always show the average rating AND the number of ratings – By showing the number of ratings for a product it helps people believe that the overall rating is credible and reliable.
- Use third party review sites – If possible use third party online review sites to track and rate your products. Once people see that the rating has come from an independent third party, they are more likely to believe that it isnât just made up by your marketing department. Here are someÂ online review site examples for you to try out.
7. Other social proof
There are several other types of social proof you can use to increase conversions during the checkout process, as well as product reviews.
Here areÂ five types of social proofÂ you could use:
- Expert social proofÂ is when a product is endorsedÂ by an industry influencer, for example, in a Twitter mention, a blog post or a press quote.
- Celebrity social proofÂ is when a product is recommended by a famous person whoâs properly matched to the brand.
- User social proofÂ is when your product gets a stamp of approval from current users, which include online reviews, customer testimonials and case studies.
- Wisdom of the crowds social proofÂ is a product recommendation from large groups of other people whoâve made a purchase from your company.
- Wisdom of your friends social proofÂ is when you offer rewards to customers if they refer their friends to your site and those friends buy a product from you.
Crate & Barrel, for example, ask customers to write reviews on the products they buy from the company, as well as give a rating out of five stars and share photos of the product. The product images are helpful and can convince others to buy the products.
Image Source:Â Crate & Barrel
8. Shipping info or next steps
Make sure to include the shipping methods and costs on the checkout page. For example, âStandard Deliveryâ which takes 2-3 days to get to the customerâs address and is the cheapest option, âExpress Postâ for next business day delivery and is a bit more expensive, or a trackable option that costs a lot more.
In the example below,Â Simply Hike offers three shipping options:
Image Source:Â Simply Hike
The number one reason people abandon their shopping carts isÂ high shipping pricesÂ that weren’t articulated previously. Make it crystal clear to the user at every step of the process how much it is going to cost so there are no surprises.
If you canÂ offer free shipping it increases the chance that your prospectsÂ will buy from you. If not, you could provide free shipping when a customer spends more than a certain amount. This will make customers add more items to their cart and come back to buy again.
Also, try to include an approximate shipping date and the date the customer can expect to receive their order. Then explain what they can do after theyâve made their purchase, such as checking their account for order updates, or to track their order if they chose a trackable shipping method.
9. Simple checkout forms
Every single field you add to your checkout formsÂ decreases your conversions.
Make sure itâs quick and easy for people to fill out your checkout forms by asking for only basic personal information, such as their name, email, address, phone number and password. Also include explanations on how the information will be used, e.g. Email address (so we can send you a receipt).
UseÂ autofillÂ forms so your customers donât have to type, for example, their street address and postcode in full, saving them a lot of time. You can also enable dropdown menus for âTitleâ (Mr, Mrs or Miss), âStateâ or âCountryâ so a customer can just select the relevant answer from the list.
Sodastream’sÂ checkout forms ask for basic customer information and also enable autofill:
Image Source:Â Sodastream
In most cases, a customerâs billing and shipping addresses are the same, so provide a tick-box. This way, the customer doesnât have to complete two forms. Remember, you want to make the process as efficient as possible for the user.
An added bonus is to save a customerâs information on the forms so they donât have to fill in the fields again the next time they make a purchase.
When it comes to your credit card form, consider making it look like an actual credit card, as shown below, so the customer can just type in exactly whatâs on their card. You can do this withÂ Skeuocard orÂ Try Chec.
10. Inline form validation
Inline form validation is when you indicate when a user has not filled in a field correctly or if a user has missed a field completely.
Inline form validation canÂ decrease errors by up to 22% and almost halves the total amount of time it takes for someone to finish a form.
As you can see in the example below, a green tick beside the field indicates that the customer has filled it in correctly.
Image Source: A List Apart
The email address field is highlighted with an inner yellow border and has the word ârequiredâ written beside it to let the customer know that itâs the next field they need to fill in and that they canât skip out on filling it in.
Have clear error messages, like mini pop-ups on the page or crosses, words or speech bubbles next to a field, indicating when someone hasnât filled in the field correctly or if theyâve completely missed a field.
11. Progress barÂ indicator
If you areÂ using multiple pages for the checkout process rather than a standalone page, then you should have a progress bar at the top of each checkout page or some other visual indicator. This way, a customer will know where they are in the process and what else they have to do to finish the purchase.
- View item page
- Shopping cart
- Review items
- Shipping & billing address
- Order confirmation
Here is a visual example:
Image Source: BaymardÂ Institute
To stand out from your competition, create a checkout process that only has four or five steps. The fewer clicks there are in the checkout process, the higher your conversion rate will be.
Wiggle’sÂ checkout page, shown here, has four steps to the checkout process: start, delivery, payment and thank you. While âThank youâ isnât commonly used for the last step in the process, itâs unique and different and can make a customer feel positive about purchasing from your site.
Image Source:Â Wiggle
12. No forced email registration
Although it may be a good idea to encourage people to register an account with your business before they make a purchase, you could actually end up losing potential sales.
More than 25% of people abandon their shopping cart if theyâre forced to create an account and register with the site. Plus, a âContinue to checkoutâ button canÂ bring you 45% more sales than a âRegister an accountâ button.
To prevent cart abandonment, provide guest checkouts. Let your customers choose whether they want to create an account or proceed as a guest. For guest checkouts, use the words âNew customerâ, âGuest checkoutâ or âCheckout as a guestâ instead of âRegisterâ.
For the email registration step in your checkout process, change the textÂ on the button to remove a sense of doing work, and explain why itâs beneficial for the customer to register and that registration is optional. Also, make the experience faster and better for your customers by using fewer words.
You can let your customers create an account after checkout on the âThank youâ page with just 1-2 clicks. Simply ask for their permission to create an account and for their password (or auto-generate it for them). This is a good option because the customer doesnât have to fill in their name, email and address, as itâs already recorded in the system.
People will be more than happy to give you their contact information for the purpose of tracking their order after theyâve made their purchase, instead of having to stop to fill in their details at the start.
Apple’sÂ checkout page includes a guest checkout and tells customers that they can create an account at the end of their purchase.
Image Source:Â Apple
13. Include a âBack to Shoppingâ link (from the checkout page)
Including a âBack to Shoppingâ link on the checkout page enables customers to fill their shopping cart with more products.
Yoox does this from their checkout page, as you can see below, with a âBack to Shoppingâ button in the top left-hand corner:
Image Source:Â Yoox
Zappos has a âContinue shoppingâ button and itâs also on the top left-hand corner of the checkout page:
Image Source:Â Zappos
Being able to continue shopping from the checkout page is a great option in the event that a customer forgets to add something to their cart.
Itâs also good to add this link because in some cases hitting the back button can result in items disappearing from the cart, which you can imagine will only frustrate your customers and they may end up leaving your site.
To prevent this from happening, give them the option to continue shopping for more products to add to their cart from the checkout page.
14. Live chat
Before placing their order, customers may have specific questions about a particular item thatâs not answered on your site and they want an answer immediately. Having a live chat option on the checkout page is ideal for this.
On theÂ eBagsÂ checkout page below, a live chat option is available so customers can get answers to their questions in real time. The live chat opens up in a new window but itâs small enough so it doesn’tÂ entirely block the checkout page underneath.
Image Source:Â eBags
Another good example isÂ Crate & Barrel’sÂ checkout page, which has a live chat option in bold and highlighted in blue, along with a speech bubble next to the text link so the customer can find it easily.
Image Source:Â Crate & Barrel
Also, make sure thereâs always a staff member available for live chat. Having unanswered questions could lead to customers abandoning their carts.
15. FAQ and return policy links
Donât forget to include links to Frequently Asked Questions (FAQs) and to your companyâs return policy on the checkout page. This way, customers can find theÂ informationÂ they need if they are unsure about somethingÂ before they complete their purchase.
Here is a great example of a checkout page, fromÂ Fossil, with links to FAQs at the bottom of the page:
Image Source:Â Fossil
To ensure that a customer doesnât abandon the checkout page, have the links open as pop-ups or new tabs instead of in the same window.
Nixon includes a link to the companyâs return policy on its checkout page under the customer support section, which makes it easy for customers to find. Including this information can help instil trust with the customers.
Image Source:Â Nixon
16. Clear CTAâs and checkout buttons
To make your checkout buttons stand out, use colors that contrast the backgroundÂ and increase their size.
Also, add them to the top and bottom of the checkout page, asÂ ModCloth does below, so your customers donât have to spend too much time looking for them.
Image Source:Â ModCloth
âCheckoutâ is the most commonly used checkout button text, but you can make it clearer and more interesting by using somethingÂ like âProceed to checkoutâ, âContinue to checkoutâ, âProceed to purchaseâ, âProceed with your orderâ, âGo to checkoutâ, âCheck out nowâ, âBegin checkoutâ or âIâm ready to check outâ.
Try to avoid button textÂ that simply says âGoâ, âProceedâ, âApplyâ or âBackâ. Theyâre too ambiguous, which could make a customer confused and unable to complete the purchase.
For example, âApplyâ could be misinterpreted as the form submission button instead of a button for choosing a shipping method. A solution is to turn the button into a text link so the customer wonât see it as an action that will move them to the next step in the process.
If your checkout process has multiple pages, add clear CTAâs at the bottom of each page, such as âContinue to shipping infoâ, âContinue to payment methodâ and âContinue to confirmation pageâ.
The Honest Company does this on their checkout page, with a CTA of âSave & Continueâ in order to save the info on the current page and then continue to the next page.
Image Source:Â The Honest Company
17. No distractions (standalone page)
More than 68% of shopping carts are abandoned during the middle of the checkout process, mostly because of distractions.
You can remove distractions by limiting the checkout process to just one page, and by not including links on the page that take the customer out of the checkout. This ensures that customers are focused on the task at hand, allowing them to complete the purchase.
Bellroy does a great job of creating a one-page checkout that makes the process as smooth as possible for its customers. Rather than separating the sections into multiple pages, they created vertical columns to allow all the information to fit onto one page.
Image Source:Â Bellroy
18. Various payment options
Give your customers different options to pay for their purchase, such as via credit card, PayPal, gift voucher/card, reward points, promo codes, etc.
The two most popular payment options amongst consumers are PayPal and credit card, so make sure to offer these. Having at leastÂ 1-2 payment options can help with conversions.
Surfdome, for example, accepts the following payment methods: VISA, MasterCard, American Express and PayPal.
Image Source:Â Surfdome
Adidas, on the other hand, also accepts a Discover credit card, as shown below:
Image Source:Â Adidas
With gift vouchers, gift cards, reward points and promotional codes, include fields where the customer can enter the relevant numbers to reduce the total cost they have to pay with their own money.
If you sell high-end items, youÂ may like to offer customers a payment plan.
19. Security seals
Security seals, or trustmarks, increase the trust and credibility of a store inÂ 50% of customers.
When people see security seals during checkout, theyâre more likely to trust your company and know that their credit card details and other personal information will remain safe, and that the transaction is secure.
Here are someÂ examples of trustmarks you can use to give your customers a sense of trust when paying online. Norton and McAfee are the top two most trusted security seals. Other popular security seals include VeriSign and TRUSTe.
You could also add an SSL logo to your checkout page, which usually has an icon of a padlock.
Symantec has the Norton Secured security seal on its checkout page, plus a padlock on the checkout button.
Image Source:Â Symantec
Security seals can also be used as payable options. You can do this by placing a padlock and/or security text on the checkout button that says âProceed to secure checkoutâ, âPay securely nowâ or âPlace my 100% secure order nowâ.
For instance, theÂ ASOSÂ checkout button below says âPay securely nowâ:
Image Source:Â ASOS
20. Cross-sells, up-sells and related products
Offering a complementary product or two before a customer pays for their purchase can help you make a larger sale.
In fact,Â over 50% of people are more likely to return to a site that offers product recommendations because they want to be certain that theyâve got everything they need to get the most out of their main purchase. For electronic products, recommending an adaptor for an item that doesnât originally come with one is a good move, as an example.
To increase the chance of a customer accepting the complementary product,Â its price shouldÂ be less than 50% of the cost of the main product.
Also, the total cost must not exceed the amount of money the customer was planning to spend. This will make the customer feel comfortable spending more money for the purpose of improving their experience with the main product.
On the other hand, you can up-sell with digital gift cards. For example, you can let customers add a gift card to their shopping cart or get 10% off their order when they add a gift card.
When cross-selling or up-selling, you should offer products in a way that both grabs the customerâs attention and they donât forget about their existing shopping cart.
Crate & Barrel does this really well by including cross-sell items inside the shopping cart itself.
Image Source:Â Crate & Barrel
CrocsÂ encourages consumers to buy more items by recommending related products on the first checkout page.
Image Source:Â Crocs
By optimising your checkout process, you can decrease cart abandonment and increase conversion rates.
With clearly visible and understandable product and cart information, as well as a smooth user experience and conversion process, customers can make a confident purchase decision. Whatâs more, theyâll most likely buy from you again, boosting your sales further.
Donât forget to test each checkout page tacticÂ to find out which ones are most effective for your business, and will get you the highest conversions.
Or if you need some help improving your checkout process, contact us at Web Profits.