Websites X-Rayed Series: A Deep Dive Evaluation of 200 Top E-commerce Cart Pages
Editor Note: We highly recommend that you implement the different ideas in this blog post through AB testing. Use the guide to conduct AB testing and figure out which of these ideas in the article works for your website visitors and which don’t. Download Invesp’s “The Essentials of Multivariate & AB Testing” now to start your testing program on the right foot.
Image Source: Nick Veasey
Sometimes, CRO gets you in a rut and you simply need inspiration. And what best way to attain that inspiration than through actual implementations done on other sites? But where to look, who to look at, and how to get that information? Well, we’ve carried the brunt of the work for you! We conducted research on over 500 SAAS and e-commerce sites to come up with some great resources for you. These will be a series of very exciting articles reviewing various pages on the sites and drawing inspiration and information for you.
The greatest perk for all of these articles is that we provide you with a lead magnet to the library of screenshots we took of all these companies.
The first article is a comparison of 200 different e-commerce site cart pages. We evaluated a various number of elements on these different cart pages:
- The pricing summary
- Checkout button(s) placement
- Top navigation present or not
- Sales price display
- Alternative payment methods present or not
- Assurance centers (secure pay and such) present or not
- Cross-sells present or not
- Promotional banner
Here are some interesting stats that we found and will elaborate on throughout the article:
- 88% of carts evaluated have the top navigation inside the cart page
- 35% of carts didn’t include the sale price next to the line item of the product
- 37% of carts have “trust icons” or an “assurance center”
Pricing summary placement
The placement of the pricing summary and the primary CTA (usually proceed to checkout) is very important. What we observed is that the majority of the 200 companies placed the pricing summary on the right side of the page. Other companies placed it directly below the product(s) listing In all cases, the primary CTA was always right below the pricing summary.
47% of companies place the pricing summary under the product listing. Below are some examples: add the order summary under the product information:
Of the 200 carts evaluated 48% place the pricing summary on the right side of the page.
Only 2.5% of carts place the pricing summary on both the top and bottom the product listing.
Primary Call to Action
We noticed throughout our research that the majority of cart pages are simple and reduce unnecessary clutter. That’s definitely why CRO for e-commerce is becoming challenging. Usability issues on sites are mainly non-issues. So unless a CRO understands how to make a site more compelling and engaging and is involved in multiple projects for a site, there will be little improvements made to the site.
Ultimately, 2 vs. 1 primary CTA (or Proceed to checkout) on a cart page is a minor change, but definitely, something we thought was interesting. Of the 200 carts evaluated, 54.5% used just one CTA.
While 43% of carts used two CTAs:
Interestingly, 2.50% replaced the typical CTA with the login or guest checkout options. Creative!
Typically, for the majority of our clients, removing an element such as top navigation to limit distractions, is a win-win. Now, before you go ahead and rip it off the cart page, we don’t just make a decision to test an element like that blindly. If we notice that visitors remain on the cart and don’t click on that navigation, it’s likely an element not worth testing, however, when we see those patterns, testing is generally positive.
Of the 200 carts we evaluated, an overwhelming 88% have the top navigation inside the cart page, and just 12% of companies do not. Here are some examples with top navigation:
Here some examples of companies with no top navigation
An easy one. If your item is on sale, display it. Well during our research this painstakingly obvious element isn’t always clear.
Of the 200 evaluated carts, 65% include the sale price. Duh!
But shockingly, 35% do not include the sale price! But why!??!?!
Alternative Payment Options
In the article we posted on the simplicty overabundance of choice, we relayed the story of Professor Sheen Iynegar of Colombia University and her grocery store experiment. She found that when she offered 24 different jam options, although 60% tasted, less actually bit and ended up buying (only 3%). When she offered 6 flavors only, just 40% took a taste, but 30% of those who stopped buying.
What does this mean? Sometimes offering multiple forms of payment (PayPal, Google, etc.) isn’t always the best thing. ANd if you do present it as options, it should be easy and clear.
52.5% of the evaluated carts offered an alternative Payment, while 47.5% didn’t present that option on the cart page.
Here are some examples of sites that do not have an alternative payment option.
And here are some that do have alternative Payment
We actually like to take credit of coining the term: “assurance center.” In 2008 we added an assurance center with trust seals to a client cart page and saw amazing improvements in conversions. As a result of this amazing result, we wrote a lengthy post in Internet Retailer Magazine about the case study. After that article went viral, everyone was talking about assurance centers and how they are must-haves. The funny thing is, we do not believe it is an end-all solution. We tried assurance centers with other clients and they failed, miserably!
The takeaway, is any of these elements or competing sites don’t offer the golden ticket solution to your site.
Of the 200 carts evaluated 37% have some sort of trust icons or assurance center, while a whopping 63% don’t have anything at all.
Here are some carts with no trust icons or assurance center:
Here are some examples with either icons or more:
Cross-sells are a popular element to include on the cart page. The question always becomes, is it better to direct visitors to another product page, or remove any obstacles that may distract them from moving forward in the conversion process.
63.5% of the 200 carts evaluated had cross-sells present on the page. The other 36.5% simply remove all distractions from the page. Additionally, not all carts had cross-sells on the bottom, there were different placements: a whopping 96.50% placed cross-sells along the bottom, 3% on the right side, 0.5% on the top of the cart page. Let’s take a look:
Here some examples of placing the cross selles on the right side of the page.
Of the 200 carts evaluated, the 63.5% that had cross-sells present on the page, the majority of which directed the visitor to the PDP. Actually, 72.44% direct visitors to another product page, while 21.25% of companies have a direct on cart add option. Which do you think is better for usability?
Here are some examples of cross-sells that direct visitors to the product page
And here are some examples of companies that allow the visitors to add the items directly from the cross-sells to the cart.
Of the 200 evaluated carts, 51% have some sort of a promotional banner, while 49% don’t. Also, there were different placements, of the 51% that have the banners: 88% have the banner on the top, and 11.7% on the bottom of the cart page.
Here are some examples of companies include the promotion banner:
There are a lot of elements to evaluate on the cart page, and in this series, we evaluated a lot of other pages and types of websites (SaaS and e-commerce) so keep a lookout for our next version and don’t forget to download the actual screenshots!
Join 25,000+ Marketing Professionals
If you enjoyed this post, please consider subscribing to the Invesp blog feed to have future articles delivered to your feed reader. or,receive weekly updates by email:
Connect with us
The Art and Science of Converting Prospects to Customers
By Khalid Saleh and Ayat Shukairy
- Augmented Reality in E-commerce – Statistics and Trends
- The illusion of Completeness: How to break this fatal UX design mistake
- How to Analyze A/B Test Results
- JTBD and using it on Conversion Projects
- How much does it cost to hire a CRO firm?
- Road Map to Effective Personalization: When, how and what to do!
- 6 Usability Pitfalls that Developers Should Avoid
- Crunching UX Data for Actionable Insights
- Which Comes First? Content or Layout?
- 6 uncomfortable thoughts on AB testing | #CRO