Top Tips To Create An Effective E-Commerce Landing Page

The Anatomy of a High-Converting Ecommerce Landing Page

Okay, I’m going to do something controversial, and start by telling you why people don’t buy from ecommerce landing page. (Stay with me!)

Here are the main reasons people decide to abandon online stores, with handy percentages.

  1. They want to see item before buying (37%)
  2. Cost of delivery too high (36%)
  3. Difficulty of returning the item (20%)
  4. Concern about the size, fit, or getting the right part (16%)
  5. Privacy concerns (4%)

Why are we starting with these facts? Well, if you know the biggest barriers to customers buying from you, you know how to create a landing page that gets around them.

In this article, we’ll explore 12 different ways you can overcome these problems, and increase your overall conversion rate.

Hold Up, How is a Landing Page Different to a Home Page?

To be clear, an ecommerce landing page is different to your home page. It’s also different to your usual product pages.

The Anatomy of a High-Converting Ecommerce Landing Page

We’re talking about a web page specifically designed to highlight a promotion, a particular product, or maybe a sale.

Typically, you send targeted traffic to this page via Facebook adverts or Google AdWords. They’re effective because they have one simple function: to sell something.

All that’s left to do is convince customers to buy! Luckily, there are plenty of tricks and tips you can use to make sure they do. I’ve helped lots of online-store owners get up and running, so I’ve seen what works and what doesn’t.

1. Choose Large, Stunning Imagery

Think about when you buy something in a real-life shop on the high street. You pick it up, look at it, feel it, shake it, try it on. We’re much more likely to buy if we can see every part of it. As we learnt in the stats at the top of the article, 37% of customers leave because they can’t see enough of the item.

The more your visitors can see of your product the better.

You can also go one step further. Don’t just use a flat image of the product. Place it in a wider context to show how it will make your customer feel. How will it improve their life?

Let’s take an example. GoPro always choose images that put the customer in the heart of the action, as if you were already using the product.

The Anatomy of a High-Converting Ecommerce Landing Page

That’s going to sell better than a picture of a GoPro against a white background, right?

2. Make the Images Interactive

What about another step further? Why not turn the image into a 360 degree rotating feature. DueMaternity tried this and boosted conversion rates by 27%.

Another great example is Asos, who use a unique catwalk to show off their clothes.

The Anatomy of a High-Converting Ecommerce Landing Page(image source)

3. Use a ‘Wow’ Headline to Convince and Inform

Remember, you’ve only got a few short seconds to tell customers everything they need to know. Statistically, you’ve got less than 15 seconds.

So, use a ‘wow’ headline to condenses all the necessary information into a short, fast punch.

The Anatomy of a High-Converting Ecommerce Landing PageIf you’re promoting a product, tell customers exactly what it is and why they should buy it. Ideally, in just one sentence. Try it yourself now with your best product. It’s really tricky, but if you get it right, it becomes a converting machine!

Most people will scan written content, but they’ll definitely read the main headline. Make it count.

4. Social Proof, Testimonials, and Awards

If you visit a new website trying to sell you something, you generally have your guard up. We’re instinctively wary of websites we don’t recognize. So, unless you’re Amazon or Wal-Mart, you’ve got to build some trust with your visitors and break down those barriers.

One of the quickest ways to do that is by using social proof or testimonials. In other words, show your visitors that other people trust you.

Quotes from happy customers or features in big-name publications will help your visitors feel less cautious. Look at how Beats headphones make their award badge the biggest feature on the page:

The Anatomy of a High-Converting Ecommerce Landing Page

5. Create a Magnetic Call to Action

Your ‘call-to-action’ is the final magic button in the buying process. It’s the ‘buy’ button or the email ‘sign up’ button. (Remember, if you can’t secure the sale, you should at least try to capture an email address, so you can sell to them later!)

The Anatomy of a High-Converting Ecommerce Landing Page(image source)

It’s the single most important thing on your landing page, and everything should lead to it. The first trick is making it stand out from the surrounding content. Using a bold color like green or red always works pretty well.

You can also utilize white space around the button to help draw the eye directly to it.

With color and placement taken care of, try to use powerful, compelling wording to convince people to click. Talk directly to your visitors, and include a sense of urgency.

6. Offer Free Shipping, And Tell Everyone!

Free shipping is a proven formula for boosting ecommerce sales and conversions. Every customer likes to feel as though they’re getting an extra bonus, and it means there are no unexpected prices at the checkout.

The Anatomy of a High-Converting Ecommerce Landing Page

Not only that, but nearly 60% of online stores offer free shopping, so you’re sort of putting yourself at a disadvantage if you don’t.

But it’s not enough just to offer it, you’ve got to make sure your customers know it! Make a nice big banner or sticker so that new customers know they get free shipping straight away.

7. Offer Free Returns, And Make It Obvious

Remember the stats we talked about at the start of the article? 20% of customers abandon an e commerce page because of the difficulty of returning an item.

You can decrease this number by making it clear that you offer free returns. It’s a small tweak that makes a big difference. It takes away some of that fear your customers might have.

8. Include Security Badges on the Site

Again, looking back at the first set of statistics, 4% of customers abandon ecommerce landing page through fear of security. And that’s just those who are consciously nervous about it.

There are yet more that are subconsciously cautious of online shopping. By placing a big, bold security badge on your landing page, you’ll give customers a little more confidence and trust.

The Anatomy of a High-Converting Ecommerce Landing Page

Reports have shown that doing this can increase conversions by 32%.

As an ecommerce landing page, consider purchasing an SSL certificate too. This gives you added security, and a little yellow padlock to prove it.

9. Create Scarcity With Stock Counts

Amazon use this little trick all the time, and it’s devilishly effective.

By counting down the remaining stock, it sends us into a state of panic. We think we have to act quickly and grab it before it disappears!

By telling customers there are only three items left in stock - or that a discount only lasts for two days - you’ll spur them into action. You’ll create an urgency within them that will drive them to the buy button.

10. Block the Doors! Get Rid of the Exits

Usually on an ecommerce site, you want to encourage exploration. You want it to feel like visitors are browsing a shop. But on a ecommerce landing page, things are a little different.

Your visitors have come to that page for one specific thing, and dammit, they’re not leaving without it!

Try to limit the the amount of links away from the page, so there are no obvious exits. All roads should lead to the buy button. Look how Apple only have two links on their iPhone landing page, both leading towards the sale:

The Anatomy of a High-Converting Ecommerce Landing Page

11. Keep it Consistent

One of the most important rules for any landing page is consistency. Here’s an example of consistency gone wrong. Recently, I was shopping for new headphones. I stumbled across a great looking advert on Facebook offering a discount on the exact pair I was looking for. Perfect!

But, when I clicked on the advert, it took me to a page with a different set of headphones… That’s a terrible user experience.

So, if you’re using adverts to send people to a specific landing page, make sure the landing page is consistent with the advert!

12. Make Sure it Works on a Mobile

It’s 2016, so this one should be obvious by now, but online stores are often one of the most behind-the-times sectors when it comes to mobile. (For example, nearly half of the top 50 online stores don’t have a responsive mobile website).The Anatomy of a High-Converting Ecommerce Landing Page(image source)

And yet, 55% of all e commerce traffic now takes place on a phone or tablet.

That means half your visitors may be looking at your landing page on a mobile device. Try to make sure your landing page is ‘responsive’ (i.e. it snaps to look great on a phone, tablet, or desktop screen).

If you use a Lander landing page, you can choose a mobile-ready page, so you won’t miss out on any mobile sales.

Try it Yourself!

There you have it, folks. That’s how you create an ecommerce landing page that actively drives conversions. Try it yourself, and see if you notice a difference in sales.

Before I go, I’d love to any tricks that I’ve missed. Have you noticed any elements that work particularly well for you? Let me know in the comments.

  • Duke Vukadinovic

    I am really glad to see that you've dedicated a whole post to designing a killer landing page which leads to a noticeably bigger number of conversions on the product page. And I agree with you that it can also drastically boost the number of user-data signups as well!

    Great job Daren!

    • Thank you Duke! I’m glad that you like the post.

      Exactly! The attention span of customers is getting shorter and shorter. And therefore a good landing page is one of the most important elements every online business cannot afford to skip.