Conversion rate optimization | July 8, 2021

How to Create Ecommerce Landing Pages that Convert (+Examples)

Mitt Ray

This year eCommerce sales worldwide are expected to surpass $4 trillion. It’s quickly growing into a much larger industry. As a result, more people are opening their own eCommerce stores.

Most of these new store owners focus their efforts on driving traffic. They naturally assume that if they get more visits they will drive more sales.

Sure, traffic will help, but it alone won’t suffice. To generate the most sales from your traffic you need to have a high converting landing page(s) to accompany it.

So, to help you get it right, I have put together my top tips for creating eCommerce landing pages that convert. Implement them today to generate more leads and sales…

#1 Use visuals:

What do you do when you go to a store to buy something?

You look at the product clearly, you feel it, you might even smell it and wear it if it is a piece of clothing. Most people want this experience when they buy something. This is one of the reasons why only 14.1% of people buy their products online.

Increase eCommerce sales by offering people an experience closest to the one they have in store. One way to do this is through visuals. Include as many pictures as you can on the eCommerce landing page. They need to display the product clearly.

Get into your customers’ minds and think about how they might view the product in the store and take pictures of your products from all those angles.

You can also include a video that shows the product from various angles and in action as videos can increase conversion rates by 80%.

A good example of a landing page with lots of visuals is this one from Sephora.

Sephora ecommerce landing pageSephora ecommerce landing page

It included a few pictures that show the product and also describe it. It also included a short video where you can see the product, learn about how it can be used, and highlights compliments from people who use it.

PalaLeather greets web visitors with a large image that takes up half the screen and lines up with the promotion shown on this landing page.

Along with the image, there’s all the information one needs to make a buying decision, including the discount, the code to use, and the occasion.

There are many tools you can use to edit images and make them stand out. Of course, you want to showcase the product properly but you also want something that’ll show the lifestyle associated with the product.

#2 Add easy to read well-written copy:

When you start an eCommerce brand, you likely don’t consider all the writing you have to do. People want to learn as much as they can about the product online, so provide this information. Write about how the product feels, looks, smells, what it does, etc. And then include the benefits of all these things.

Also, write it in the simplest language possible. The writing should be at a 3rd to a 4th-grade reading level. This is because people are busy. They don’t want to spend a lot of time reading and deciphering the copy on product pages.

Dermeleve is a great example of this, providing a simple two-lined description of what the product is and where you can find it.

This simplistic style ensures that the message is communicated quickly and effectively, which is perfect for when people are in desperate need of a solution and are looking to make a purchase.

To help simplify it you can use a tool like Hemingway.

Hemmingway appHemmingway app

Copy and paste your text into it and it will tell you what the reading level is. It will also provide suggestions on how to simplify it. Keep doing this until the text is easy to read. You can then add it to the landing page.

Check out the above page from Sephora again. You can see how easy to read and detailed the copy is. It includes details about the product, how to use it, the ingredients, etc. The copy also compliments the visuals.

Go through more of their product landing pages to get a few ideas.

#3 Display social proof on your eCommerce landing pages:

We like to imitate each other. When you visit a restaurant in a new locality would you go to the one with a long line or the one without?

It’s usually the former. Even though you know it is going to be a while, you don’t mind waiting because you know that all those people are waiting for a reason. The food is probably better there.

It is the same reason why when you shop online, you look for the products with the best reviews. It shows that other people have used the product and like it.

This is why you should let people leave legitimate reviews of your products and display them conspicuously on your landing pages.

An example can be seen on this ecommerce landing page from Vanity Planet.

Vanity Planit Ecommerce landing pageVanity Planit Ecommerce landing page

The number of reviews and the average rating are displayed right at the top. When you click on it you are taken to the bottom of the page where you can read the reviews.

It also displays Instagram posts from people who used their products (user-generated content).

Instagram post example on product pagesInstagram post example on product pages

These can help boost social proof further as they look more real. You can see that a real person left this review.

It also encourages users to add their photos here or tag them with the #vpbeauty hashtag on Instagram. This will convince some of the people to buy the product and leave a review for their 15 minutes of fame.

There are many eCommerce tools that will help you set up something akin to this or hire a designer who will.

#4 Get your eCommerce landing page to load in a few seconds

Loading time can affect the conversion rate of your landing page. The longer a page takes to load, the more people will abandon it. 47% of customers expect your page to load in less than 2 seconds.

Loading time effect on revenueLoading time effect on revenue

If your site takes more than 3 seconds to load, 40% of visitors will abandon it. Every 1-second delay can reduce conversions by 7%.

Ecommerce conversion statsEcommerce conversion stats

This can cost you a lot of money.

Creating an eCommerce store that loads quickly can be harder to achieve, especially if your landing page is image-heavy.

Host your eCommerce store on a good server that can handle this load. It is best to build your eCommerce store with a tool like Shopify as it comes equipped with a robust hosting service.

shopify landing pageshopify landing page

This will ensure that your site loads in seconds.

#5 If you offer free shipping tell people about it:

Ecommerce retailers agree that free shipping is their most effective sales promotion method.

Emcommerce retailers statsEmcommerce retailers stats

Offering free shipping and mentioning it on your site has been shown to increase orders by 90%.

A/B test exampleA/B test example

It can also lift your average order value. If you do offer free shipping, make sure you display it with a conspicuous message like on this landing page from Quadlock.

quad lock ecommerce landing pagequad lock ecommerce landing page

It makes sure you see the free shipping offer for orders over $35 by placing the message in a prominent location.

Another example comes from BedroomFurnitureDiscounts, where you get free shipping with set dressers. This information is displayed both in the listing title and with a specific banner that promises ‘Free White Glove Delivery’.

This double mention doesn’t just remind people of the offer, but it also helps to increase the perceived value of the product.

#6 Have a prominent call to action button:

Placing an attractive call to action button can convince more visitors to add the product to their cart. Place a big button with a contrasting color like in the above example from Quadlock.

Another thing I like about this landing page is that the button is sticky.

Sticky button example QuadlockSticky button example Quadlock

When I scroll down the page and look at other things like reviews, I am able to view another call to action button that reminds me to take action if I like the product.

#7 Place an exit intent popup:

No matter how well your landing page is built, most people visiting it will not convert. As the median eCommerce conversion rate ranges from .68% to 3.58% depending on the industry. This means that for every 100 visits you will generate around 1 to 4 sales.

Ecommerce conversion rate by product typeEcommerce conversion rate by product type

Most visitors won’t buy for a number of reasons. It could be that they don’t need the product immediately, they don’t have the money, or they were distracted by something else. The reasons are endless.

They might not do so at that moment, but if they are interested then they may buy in the future. This is why you should have a backup plan in place to convert those visitors into email subscribers. If they sign up, you can reach out to them later via email and promote your products.

This can be highly effective in generating sales as email is 40 times more effective than other methods like social media for the acquisition of customers.

US customer acquisition by channelUS customer acquisition by channel

You can implement a back up by creating an exit-intent popup that asks people to sign up in exchange for a discount like Society6 does here.

Popup examplePopup example

It pops up when people are about to leave the site and those who are interested will sign up. Some of them will take advantage of the discount and buy immediately. Many won’t, but it will have their email address and can reach out to them later.

To set up your exit-intent popups you can use a tool like KyLeads.

It makes it easy to create custom popups that either appear when someone moves their cursor off the browser or after a time delay.

#8 Create extra landing pages for converting warm and cold traffic:

If you want to go a step further with building up your email list you should also create landing pages that are solely dedicated to generating more leads. You can offer a lead magnet like an ebook or a guide or provide discount codes again.

A great example of a good lead generation landing page is this one from care/of. It’s actually the homepage itself.

care/of examplecare/of example

It asks you to take part in a quiz.

Vitamins quizVitamins quiz

When you do it asks you a bunch of questions about vitamins and your health.

And then it asks you to provide your email address.

quiz email capturequiz email capture

This helps them understand you better and email you the right offers. They can segment their email lists based on answers and keep unsubscription rates low and open and click rates high.

effect of segmentationeffect of segmentation

You can set up a landing page like this with a tool like Leadpages. But to set up the quiz you will need a separate tool like KyQuizzes.

And to segment your list you will need to use a good email service provider that lets you tag subscribers.

#9 Split test eCommerce landing pages with ads:

No matter how meticulous you are with setting up your eCommerce landing page, you won’t create the perfect version in your first attempt. This is why you should split test the early versions of your landing pages to see which one converts best.

Create several versions of your landing pages and split test them by sending traffic with ads. Even if you only plan to use organic methods like SEO and social media sharing, you should still use ads for this. As it will be hard to generate traffic quickly and test your pages using any other method. Here are some tips for split testing your landing pages with ads.

Make only one change to each version:

While split testing landing pages only make one change to each new version because if you make too many changes you won’t know what brought about the positive or negative result.

For example, one version of the landing page can have a call to action button of a different color, while another can have a different headline and another can have a new image.

Optimize landing pages and ads for conversion scent:

To get maximum conversions from cold traffic you should implement conversion scent.

Conversion scent (also referred to as message matching) is the visual and text relationship between the ad and the landing page. If they are similar to each other in appearance and overall message it indicates a strong conversion scent. This often leads to more conversions, as cold visitors will feel a sense of familiarity and comfort. They will stick around for longer.

If you plan to use ads in the long term I recommend that you invest a lot of time to create ads that look just like your eCommerce landing page.

But if you don’t want to spend that much time, at least add a logo to your ad. This should be the same logo you use on your website, but in white or black. A neutral color will blend in better instead of standing out and distracting viewers. This will help make the connection.

If you haven’t got a white or black version of your logo you can quickly make one using Zyro’s free logo maker.

Logo makerLogo maker

It’s very easy to use and you don’t need to sign up

Keep budgets low:

As you will be testing out your landing pages and have no idea if they convert, you should keep your budgets low. Don’t risk money here. It’s best to stick to a budget of $5 to $10 per ad per day. But create several versions of the ad as you need to test them out too. If you see an ad is performing poorly, pause it immediately and start testing a different audience, angle, or creative.

Run more video ads to your eCommerce landing page:

Another way to save money is by creating video ads. They drive more clicks and conversions than photo ads. You will be able to test your landing pages with a smaller ad budget.

Most people avoid creating video ads as they think they will take much longer to create. But you can actually create them quickly by using several easy-to-use online video editing tools out there. If you don’t have your own footage or want something even quicker, use a tool like Invideo. You’re able to create video ads with pre-built templates.

Another thing you might want to do is add the retargeting pixels for all the major advertising platforms and networks like Facebook, Adwords, Pinterest, Twitter, etc. to landing pages and other parts of your website like the blog. Then retarget people who visited them recently. The best people to promote your website to are people who recently visited it. They will be more likely to convert.

#10 Upsell and cross-sell products on the landing page:

Once you have a winning landing page and know what offers work best, you can start upselling and cross-selling products. They can help maximize profit. According to Forrester Research, 30% of eCommerce revenue comes from these two methods.

You can promote these offers on the eCommerce landing page itself, on the checkout page, and even on the thank you page. To get the best results, make sure that the products you promote are highly relevant to the one they are purchasing. You can use a PIM tool to optimize all your product content and easily push it to your eCommerce store.

An example of cross-selling can be seen from this recommendation on Bestbuy.

BestBuy exampleBestBuy example

The products they recommend are relevant to each other. This level of relevance can help increase sales and average order value. This should also be easy to set up as most builders like Shopify have apps that help upsell and cross-sell products.

Another example can be seen on SchoolLockers. When a visitor is about to make a purchase, a simple upsell opportunity is presented, allowing the person to add to their locker purchase.

While this might seem like a simple idea, it is a very effective one that adds to the company’s overall revenue.

#11 Use customer testimonials

The power of customer testimonials should not be underestimated. They are one of the most important elements of any eCommerce landing page.

Make sure that you use persuasive customer testimonials on your eCommerce landing pages. They need to be real, relevant, and recent. The best way to get these is by using a tool to collect them automatically.

A free tool like Google Forms can help you collect customer testimonials quickly and easily. You can even use it to segment the testimonials by topic, product, or anything else. Then you can use these testimonials on your eCommerce landing pages, social media, and even in your email marketing campaigns.

An example of how customer testimonials can help those that are yet to buy from you can be seen on the home page of Doorsplus. With a rotating selection of testimonials, they are able to show social proof and increase confidence in potential customers.


These are all the tactics you can use to create eCommerce landing pages that convert. Start off by choosing a good host because loading time can affect conversion rates.

After that, set up the landing page using visuals, well-written copy, call-to-action buttons, and the other factors that were covered in this guide. Once you’re happy with your initial pages, create variations of the landing page and start testing them with ads.

Release the winning landing page to the public but never stop testing and tweaking. Let me know how you’re building eCommerce landing pages that convert in the comments and don’t forget to share.

Mitt Ray is the founder of Social Marketing Writing. Visit his website to download 22 free social media templates.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Articles