Article

9min read

10 Best Practices for Shopping Cart Page Optimization

Did you know that 70% of online shoppers abandon their carts?

According to the Baymard Institute, this number comes from an in-depth analysis that benchmarked 48 different studies on shopping cart abandonment rates.

This may not come as a surprise for experienced e-marketers, but the truth is that 7 people out of 10 will actually abandon their cart and end their shopping journey without making a purchase.

This is clearly a lot of lost revenue. So, how can you bring that percentage down?

This article aims to answer that question. We will cover best practices to help you diminish the abandonment rate and optimize your e-commerce shopping cart page for conversions.

Adopt clear UX parameters for shopping cart optimization

First of all, let’s start with a firm foundation. Your shopping cart page should adopt a clear, simple, and fast UX. This simple 3-step formula (CSF) is the cornerstone of any successful cart page:

  • Clear – There should be nothing messy, concerning, or misleading about your cart page. It should ideally display all the important information on a single page without the need to scroll too far or visit any other page.
  • Simple – Your cart page should display all the information using comprehensible, crystal-clear language and a design that leaves no room for misunderstanding.
  • Fast – The more time visitors spend on your cart page, the more likely they will leave it. If you apply the first two critical elements (simple+clear) to your page, the resulting cart page experience should also be fast.

As there are many elements on your page that you can optimize and run tests on to find the best solution, it’s important to follow this CSF framework for harmony.

Want to get started on A/B testing for your shopping cart page? AB Tasty is a great example of an A/B testing tool that allows you to quickly set up tests with low code implementation of front-end or UX changes on your web pages, gather insights via an ROI dashboard and determine which route will increase your revenue.

Knowing these 3 crucial elements, it’s high time we dive into our 10 best practices for e-commerce shopping cart pages.

10 best practices for your shopping cart pages

1. Create a detailed product summary

Just moments before your visitors proceed to checkout, they’ll land on your cart page which has one sole mission: lead your visitors to actually pay.

For most e-commerce buyers, the cart is a page used to review their order.

In order to help them do so, your mission is to clearly display all the relevant information regarding the product.

Below is a great example of a check-out page from ASOS that includes all the necessary details for a clear and easy review. Users know exactly which product they will purchase as well as the color, size, and quantity.

Detailed product summary on shopping cart page

When crafting your cart page, be sure to follow this example and include these elements:

  • Item thumbnail
  • Exact name
  • Item specifications (size, power, capacity, memory, features…)
  • Quantity of items in cart
  • Item color

Having all these elements shown to your customers allows them to quickly review their order and have confidence in their purchase.

Including all relevant details will decrease the percentage of cart abandonment that is typically caused by the lack of precise information.

2. Choose a clear, user-friendly color code

There have been many studies about the psychology behind colors. However, there’s no single answer on which color will fit all websites and solve all abandonment rate problems.

One thing that we do know for sure is that visitors love harmony and clear designs when it comes to UX.

Let’s look at the luxury shoe brand Jimmy Choo. For their check-out page, they kept a simple design by using a black button that clearly stands out, making it straightforward to click.

Clean color code on shopping cart page

Famous shoe-maker Jimmy Choo uses an elegant yet efficient black and white color code in order to clearly display the information on the cart page.

Notice that the checkout button efficiently stands out as the only black button on the page, making it extremely straightforward to click it.

3. Display explicit and detailed information about shipping and returns

What is the number one reason behind shopping cart abandonment in the US? Hidden shipping costs.
Online buyers despise hidden and last-minute shipping costs. As you can see in the image below from Baymard’s study, it’s by far the most popular reason for cart abandonment compared to others.

cart-abandonment-stats

Displaying transparent shipping and return policies is a key factor in enhancing conversion and gaining customers’ trust.

4. Craft clever information hierarchy and non-competing CTAs

Information hierarchy is the structure used to display and rank information according to its importance.

While designing cart pages, pay attention to the logic behind buttons, columns and titles as they will heavily influence the users’ perception.

You can use various colors in your CTAs (preferably matching your brand) although we recommend a maximum of 3-4 colors at a time.

Colors do help you gain visitors’ attention, so use them wisely:

  • Highlight important information
  • Use a distinct color to distinguish the CTA
  • Use lines or columns to structure your page

In the image below, Zappos, a USA-based shoe marketplace, does a great job of providing an efficient and clean shopping experience.

Shopping cart page with clear information hierarchy

The shopping cart page skillfully guides customers through the buying journey; we appreciate the neat layout emphasized by a simple 3-step color code (orange=very important; blue=important; grey=secondary).

5. Deploy payment options that your users love

Having different payment options is a necessity in today’s ultra-competitive e-commerce environment.

If you run an international e-commerce store, bear in mind that payment methods differ from one country to another: what’s used in North America isn’t necessarily the same as in Europe or in Asia.

To combat this, try to redirect customers based on their IP location to offer them a personalized experience based on the local currency and their preferred payment methods.

Various payment options on shopping cart page

In the image above, Adidas provides 6 different payment methods including Paypal, VISA and Apple Pay. This is an absolute necessity for large and global stores.

6. Show security seals and reassuring elements

In the same report from Baymard, the lack of trust in the payment accounted for 18% of abandoned cart rates. Trust seals, or trust badges, are very important to show your users that your site is legitimate.

In fact, they actually matter more than peer recommendations or trustworthy design. According to Baymard, here are the badges that give visitors the highest perception of a safe and secure site:

trust-seals-online-payments

7. Offer phone, chat or email assistance

Displaying a clear contact number and address details can impact your user’s level of trust. Shoppers want to make sure that your business is legitimate and not an online scam.

Furthermore, your visitors want to feel that there are actual humans behind your website.

Offering a live chat or phone assistance service right on the cart page is a great option to gain customers’ trust, legitimize your business and humanize your brand identity.

Wondering how to design your chatbox? Take a look at Victoria’s Secret’s page in the image below. They have chosen their most vibrant color, pink, to increase their call-to-action visibility.

Live chat integration on shopping cart

8. Add a “continue shopping” option

A “continue shopping” option is a smart way to offer your visitors a way to abandon their cart without leaving your website. They’ll have the freedom to continue browsing after they’ve already added items to their cart.

As some online shoppers actually use carts as “wishlists,” they can store items that they intend on purchasing later on.

9. Display legible thumbnail images

There’s nothing more annoying than a tiny thumbnail that barely helps to identify a product.

When customers review a product, you should give them the opportunity to see it correctly in a convenient size and resolution on both mobile and desktop.

Live chat integration on shopping cart

In the image above, Apple makes it very easy to distinguish the chosen product. The image used is bright and clear. Their customers will be absolutely certain that they’ve got the right item in their bag.

10. Push complementary products

Offering complementary product recommendations, or cross-selling, is nothing new in the e-commerce world.

However, displaying complementary products inside the shopping cart page is something worth testing if it could bring you a higher AOV.

For more testing ideas, check out our e-book: 50 Tests You Should Know For Website Optimization

Complementary products displayed on shopping cart page

Why optimize your shopping cart page?

An optimized shopping cart page is crucial to sales.

The shopping cart page is the last step your visitors take before their purchase. In this step of their digital user journey, it’s important to ease customer concerns in any way possible and promote a seamless checkout flow.

Every online e-commerce should be testing different elements of its cart page to find what works best for converting passive visitors into active customers.

Read more: Go one step further and improve your e-commerce product page performance to push your visitors to the cart page.

Subscribe to
our Newsletter

bloc Newsletter EN

We will process and store your personal data to send you communications as described in our  Privacy Policy.

Article

8min read

Great Value Proposition Examples

A value proposition is a clear statement of the fundamentals that define your brand.

To create a value proposition, you need to clearly define your product or service and showcase how you are different from competitors. This is often referred to as a Unique Selling Point (USP).

So, how can you define and present your company’s USP? By crafting a value proposition canvas.

A value proposition canvas is a visual display that maps out your product or service and how it can meet the specific needs of your customers.

It’s essentially an extension of the frequently-used business model canvas and has become a widely popular method of presentation in all corners of the business world.

In this article, we will dive into the specifics of a value proposition, give you tips for creating your own and advice on how to develop it further with a value proposition canvas.

What is a value proposition?

At first glance, a value proposition seems like a very simple and broad concept. However, a particularly effective value proposition is exceptionally complex and loaded with details.

Here are some common questions at the heart of each value proposition:

  • Why should a customer use your service or buy your product over a competitor’s?
  • What are you offering that no one else can?
  • How can you serve the needs of each individual customer?

A value proposition is not a positioning statement designed to appeal to as many customers as possible, rather it’s very specific. To meet the specific needs of a specific customer, you need to be as niche as possible.

For example, a business might be looking for software that comes with customer support packages that are more encompassing than usual due to the fact that they have little experience with a particular product.

Suppose a software company highlights its top-rated customer service team and affordable ongoing support options that their competitors are unable to provide. In that case, it will likely attract businesses that will profit from (and be in need of) this type of support.

Let’s look at another example: Uber – a travel service provider that meets low-cost and on-demand needs. Immediacy, convenience and simplicity are at the heart of their value proposition.

Uber value proposition

Think about the unique benefit that you are providing. If you can define this simply, concisely and accurately, you have a value proposition of worth to your audience.

How to create a value proposition

Now that we’ve defined what a value proposition is, let’s move on to how you can start brainstorming to transform your thoughts and ideas into a clear statement.

Before we get too intense, start by drafting up a few phrases with this template: We help (Customer) to (Goal) by (Unique value proposition).

We should also keep in mind that value propositions don’t need to be subtle. In fact, they can be rather blunt instruments used to draw in new customers or clients.

Value propositions should not be loaded with jargon or complexities. They should be thought of more like a well-researched advertising jingle than a dissertation.

Let’s discuss a few points to keep in mind when developing your value proposition:

  • Define your target audience
  • Know your competition
  • Tell your customers how you meet their needs
  • Be prepared to combat stereotypes

Define your target audience

As value propositions are highly dependent on those that are being sold to, it’s essential to define your target audience.

This requires a great deal of research, but will undoubtedly pay off in the long run. Age, demographics, marital status, economic status and personal interests can all inform how a value proposition is designed.

Your message needs to be clearly personalized for your audience.

Know the competition

It’s hard to stand out from the crowd if you have little concept of what the crowd is offering.

If a larger competitor offers the same USP (Unique Selling Points), it’s likely that they will get a hold of your potential customers since they will rely on your differences: brand size and reputation.

This requires extensive research to define new and fertile ground. You need to know your competition well – not only to be aware of your similarities but also to let your audience know how you stand out.

Tell your customer how you meet their needs

To start with, it’s best to define exactly what your product or service offers. Then, you can move into what makes it unique:

  • Customer service?
  • Affordability?
  • A simpler design than the competitors?

Once you have defined what you will highlight, it’s time to get more specific with your word choice. Remember: specificity does not mean complexity.

  • If the customer service is highly rated, why?
  • Affordability is great, but does the quality of the product match or even improve on your competitor?
  • Simplicity is admirable, but how does this improve customer satisfaction?

If you can define this in simple, but effective terms, you will have a highly effective value proposition.

Be prepared to combat stereotypes

Every sector has its own negative stereotype that can be harmful even before they get started.

Delivery services are known for not turning up when agreed upon, car salesmen are known for being notoriously pushy and fast food is known for being convenient but unhealthy. These are all examples of initial reactions, or cognitive biases, that most people have before using a product or service.

One of the most powerful kinds of value propositions are those that go against the grain of expectations.

If your particular sector is known for a negative practice, ensuring that your brand is above the stereotype can provide a concise and enticing positioning statement.

Value proposition canvas

A value proposition canvas is a focused way of structuring the main components of the value proposition in order to provide the most concise solutions for potential customers.

Value proposition canvas segments

The value proposition canvas is made up of two segments: the customer segment and the value proposition.

Inside each segment are three sections. The customer segment (shown below in red) has the specific needs of the customer, while the value proposition segment (shown in green) has the corresponding solutions.

value proposition canvas

The three sections of the customer segment (red) in the value proposition canvas are:

  • Customer jobs – what tasks can your customer accomplish by using your product or service?
  • Customer pains – what problems, risks or negative experiences can the customer eliminate when using your product or service?
  • Customer gains – what unique benefit does the customer gain when
    using your product or service?

The value proposition map (green) on the other side of the canvas seeks to address these factors while presenting unique solutions and unexpected gains.

  • Gain creators – this is where you detail the unique improvements and benefits that your product or service offers to your customers
  • Pain relievers – this is the area to address elements that eliminate a current frustration or pain point (such as undesired costs, accessibility, or negative stereotypes)
  • Products and services – this is the spot to list all of your products and service

How to create a value proposition canvas

Let’s start with the customer segment.

The first thing to consider when creating a value proposition canvas is the customer. The customer is the central part of the entire premise. Be sure to speak carefully to your specific audience and avoid making generalizations.

Customer pains are generally more straightforward; therefore, pain relievers are often easier to define.

It’s tempting to focus solely on the functional factors, such as how to get from A to B. However, while the function is important, the emotional and social aspects also need deep consideration when developing your value proposition canvas.

Customer gains are a more complex element of the value proposition canvas as they can be slightly more difficult to define. In essence, these cannot be discovered without a substantial understanding of the uniqueness of the business itself. Not only will you list what the customer will gain from your product, but also what the customer will gain by choosing you over the competition.

Now let’s move on to the value proposition portion of the canvas.

Listing the potential jobs, or tasks, that customers want to accomplish with the help of your product or service is a good place to start.

Once completed, you will move on to the pain relievers and gains.

The pain relievers will specifically target the pains listed in the customer segment and should remain consistent. Meanwhile, the gain creators will show where your product or service adds value.

It’s important to remember that gains aren’t the opposite of pains. They are different factors that ultimately encourage consumers to adopt the product or service.

In the gains section, you will address the lesser-known desires of the customers – these are things that the customer themselves may not even be aware of. The lesser-known customer needs can be considered the “bonuses” that your brand offers potential customers.

Let’s go back to Uber as an example. Uber’s customers need quick, accessible and affordable transportation. These are the customer’s first thoughts. In addition, their customers also need safety during their rides. Uber offers insurance during trips to their drivers and passengers to cover them in the case of an accident. Furthermore, they can provide passengers with more comfort by including driver ratings from previous passengers. Customers may not immediately think of these factors, but they address very important human needs.

After development, each part of the right side of the canvas should be balanced with solutions and gains on the left. Ultimately, a value proposition canvas seeks perfect alignment.

Finding your fit in the market

Creating a value proposition canvas is a great tool to help understand your product, where you fit in the market, how you stand against competitors and the best way to market your brand successfully.

Drawing conclusions from this canvas and analyzing your value proposition can help you improve your strategies, messaging and overall product. A unique and profound value proposition is the core of a strong business.