25 Ecommerce Landing Page Ideas To Help Increase Sales

Cynthia Meyer
Cynthia Meyer
Content Marketing Manager
Klientboost Logo
Get Your Free Marketing Plan,
Custom Tailored For Your Industry

Let's chat a little about eCommerce landing pages.

Are you reaching your potential when it comes to converting your eCommerce visitors?

Before you answer, consider these facts:

According to a recent Deloitte study, about 54% of all online shoppers abandon their shopping carts before making a purchase.

And according to Marketo, approximately 96% of visitors are not ready to buy when they arrive at your eCommerce landing page.

With those odds stacked against you, are you doing as much as you can to seal the deal?

seal the deal
Tough life - image source

By 2018, eCommerce sales are expected to grow to more than $400 billion (projected by eMarketer and Forrester Research):

USeCommerceSales2014 2018 INSIDE
That’s a lot of eCommerce happening - image source

Wanna claim your piece of the growing pie?

Check out these 25 eCommerce landing page ideas that you can try out for yourself.

Quick clarifier: I refer to landing pages in this post as pages with one or a few products. The ideas for product pages refers to something that can be done across all of your products.

Testing these ideas out will help to increase your online conversion rates, and in turn, your sales and revenue streams.

Ecommerce Landing Page Idea #1: Use High-Quality Product Images

Including a unique image that shows the value of your product can be helpful in converting your visitors. The more vibrant, detailed and high-quality the better. Here’s an example where TYME’s tested out their hero shot.

Here’s the variant that included a high-quality closeup shot of the product:

Screen Shot 2016 11 09 at 3.52.36 PM
Up close and personal

Here’s the variant where we included an image of someone in action using the product:

Screen Shot 2016 11 09 at 3.51.32 PM
Shows the product being used

This one actually decreased conversions by 44%.

Although there’s an action shot of a human using the product, we can’t see the product as well which makes it hard to tell apart from competitor products.

If you’re selling just one product, spend time expanding on more specific details. If your visitors are in the consideration stage of the conversion funnel, they are seeking out more product info and specs, so be meticulous.

Ecommerce Landing Page Idea #2: Only Provide One Offer

Landing pages are different from other pages on your website, or even product pages in your eCommerce store.

They’re most effective if you commit to one offer and use all of the surrounding elements to push the user toward converting on that offer.

Too many offers and options on your landing page can lead to analysis paralysis, which can make visitors feel overwhelmed and leave without making a decision.

grocery store milk
Which colored milk cap defines me as a person? - image source

Crazy Egg makes this principle work in their favor on the landing page below with a low-threat request: just enter your website URL and we’ll show you how you’ll benefit.

crazyegg LP
All of the other links on the page are de-emphasized to draw visual interest to the landing page offer. - image source

This idea is also the basis for the “>attention ratio,” or the recommended ratio of landing page links to the number of campaign conversion goals. Optimized campaigns that only have one goal should have just one vivid call to action on their landing pages.

Ecommerce Landing Page Idea #3: Build Trust

You can build trust with reviews, written and video testimonials and social proof.

In this example, eCommerce vendor Taloon removed their social sharing buttons from the product page, and increased Add To Cart conversions by 11.9%.

Comparison Image Social Buttons 560
Including social share buttons is not always the best case - image source

Reviews can increase the number of conversions on your eCommerce pages. Check out these stats:

impact of reviews on store conversion rate
The more reviews the better - image source

Don’t delete your bad reviews either. People tend to trust reviews more if there are both good and bad reviews. Makes it more realistic.

According to Revoo, customers convert 85% more often when they interact with bad reviews.

There are even cases where customers seeking negative reviews are more likely to convert:

negative reviews
Negative reviews can increase conversion rates - image source

Building trust on your eCommerce sites takes being realistic and reasonable.

Ecommerce Landing Page Idea #4: Offer A Discount

Offering a discount can help to entice your visitors to click your CTAs. There’s something about a sweet deal that people can’t resist.

According to Yoast:

“Discounts are not only a way to acquire new customers, they’re also a way to show your gratitude to your existing customers. What better way to show that gratitude to your most valuable customers than to give them a discount.”

Here’s a case where Corkscrew Wine Merchants added a 15% off discount to their product page, which improved conversions by 148.3%:

wine corkscrew discount
Tiny update made a big difference - image source

Here’s an example of Q-See’s landing page with a discount included:

Screen Shot 2016 11 09 at 3.33.24 PM
Clean design where the coupon stands out.

Conversions went up 4% by including the discount in the title:

Screen Shot 2016 11 09 at 3.31.54 PM
Super subtle double whammy.

Ecommerce Landing Page Idea #5: Clear CTA Copy

Being very clear in your CTA button copy has its benefits and helps to keep clarity in the page goal.

Here’s a case where we tested out three different CTA buttons for TYME. Our own KlientBoost Lead Conversion Designer, Olivia Taylor, used copy that addressed three different stages of the decision-making cycle. Which do you think won the most conversions?

Lowest threat level, which speaks to the awareness stage:

Tyme Learn More CTA
Learn More CTA

Medium threat level which speaks to the interest and consideration stages:

Tyme Try 30 CTA
Try For 30 Days! CTA

Highest threat level, where the visitor is scaling past the consideration stage:

Tyme Buy Now CTA
Buy Now CTA

Compared to the Learn More CTA, the Try For 30 Days! CTA increased conversions by 18%.

The Buy Now CTA increased conversions by 2%.

Looks like visitors to this landing page were in the mid-stages of the buying cycle.

Ecommerce Landing Page Idea #6: Include Specific Products

Including product options with respective product images directly on your landing page can help lead to more conversions.

We found this to be true when we tested out for Q-See a landing page that went from having a single CTA button that led to a product page to having multiple buttons that each led to specific product choices.

Screen Shot 2016 11 09 at 3.22.14 PM
The original landing page included the single View Products CTA above the fold.

Variant B included the same CTA above the fold but also additional product images below the fold, each with their own Buy Now button:

Screen Shot 2016 11 09 at 3.27.57 PM
Items and their buttons right on the landing page

By adding product images to the landing page it increased conversions by 124%.

Ecommerce Landing Page Idea #7: Product Zoom Feature

You can use a product zoom feature to help potential buyers check out your goods macro-lens style.

Tools like Magic Toolbox, Magneto Zoom and Cloud Zoom give you the option to incorporate zoom features into your eCommerce product pages. Magic Toolbox’s Magic 360 offers the zoom and spin feature so your visitors can rotate the enlarged view of your products:

Screen Shot 2016 11 10 at 2.56.27 PM
You can zoom and spin with Magic 360 - image source

When I asked Igor Varyvoda, Digital Strategist from Magic Toolbox about zoom features, he describes the difference it makes in conversion rates:

“As told by our users, going from a small static image to multiple big images with Magic Zoom Plus has a positive effect on conversion rate. I estimate the improvement is between 2% and 40% depending on what product images were like beforehand.

In certain cases, an improvement in conversion rates up to 80% can be expected by using zoom, and up to 100% by using 360-degree spins powered by Magic 360.”

Allowing your visitors to peruse your products up close through a magnified view, will allow them to better scrutinize your products. The more detail, the better equipped your visitors will be in their decision-making process.

Ecommerce Landing Page Idea #8: Product Categories

Including groups of categories directly on your landing page can also help to close the online sale.

Here’s what our designer created for Bold Commerce’s Black Friday landing page.

Screen Shot 2016 11 10 at 3.16.39 PM
All the Shopify apps are arranged by simple category cards to draw the visitor directly to that app purchase - image source

Here’s another example of how Baby Gap uses product categories:

Screen Shot 2016 11 11 at 3.45.46 PM
They do it by size - image source

By categorizing your products into simple categories that are easily navigable, your visitors can more easily shop for what they’re looking for. It’s a digital way to organize different departments and product types within a virtual store.

Ecommerce Landing Page Idea #9: Form Field Order

Testing out your form length can make a big difference. This is the important step where visitors are in the act of engaging and converting, but more importantly, it’s a chance for you to learn which fields to ask, and in what order.

As the wrong question too early, and you’ll run the risk of visitors abandoning your checkout process.

Here’s an example of how Namify used a four-step landing page form and opened with a zip code field in the first step:

The lowest amount of threat in the first field - image source

The improved Namify form increased their conversion rate by 311% and decreased their cost per conversion by 73%.

Ecommerce Landing Page Idea #10: Live Chat

Live chat boxes can help to engage your visitors and by actively responding to their questions, you can help nudge them through the sales funnel.

According to a study done by Maru/edu, a voice of customers tech company:

Of the 2,000 consumers surveyed, almost a third (31%) are currently using live chat; 73% of which rated their satisfaction with the channel high, while 67% said that they found live chat easy to use.”

Live chat boxes are gaining popularity and it’s no wonder why. They can help to increase your order values, conversion rates and sales.

Intuit included a live chat box in the middle of their checkout process, which looked like this:

intuit check out live chat
A chat box that offers help during the checkout process - image source

By including the proactive chat in the checkout, average order value increased by 43% and the conversion rate improved by 20%.

Intuit also included the same proactive chat on their product comparison page. Here’s what that looked like:

product comparison live chat
Offer up live chat help on the product comparison page - image source

The result?

By including live chat window on their comparison page, Intuit’s sales went by 211%.

Because you now know that so many people abandon their shopping carts, why not be proactive about it and try to engage your visitors during the later stages of the decision making cycle?

With live chat boxes you can help to clarify any questions, concerns or friction points your visitors may be experiencing.

And because the communication isn’t via email or phone, your visitors can chat with you anonymously, which can give them more freedom and comfort.

Linking to product specs that provide more detail on things like sizing and dimensions, can help inform your visitors even more about your products. The more they know, they more they’re pushed through the consideration stage of the decision-making cycle.

Tip: Consider where your visitors are coming from in the conversion cycle. This is our Chuck Norris version of the decision-making cycle:

chuck norris action
Where would a link to a spec sheet make sense?

So you can include links to spec sheets where it makes sense. Here’s an example of Marmot’s sizing and fit chart:

Screen Shot 2016 11 11 at 9.47.11 AM
Sizing chart with visuals included - image source

Here’s an example of a pop-up size guide from Baby Gap:

Screen Shot 2016 11 11 at 3.49.49 PM
Size chart pops up right over the product landing page - image source

Ecommerce Landing Page Idea #12: Out-Of-Stock Products

Keeping your out-of-stock products published on your product pages will let your visitors know:

  1. You carry the product, so there’s a chance they’ll be back
  2. It’s a popular item purchased by others, which builds you up as trusted source

Better yet, you can use tools like Notify Me so you can let your visitors know when the product will be back in stock. Plus, you get their email address so you can nurture visitors via email, too.

Screen Shot 2016 11 11 at 11.32.27 AM
Check back later to see if it’s back in stock - image source

Ecommerce Landing Page Idea #13: Create A Sense Of Urgency

Using remaining inventory signifiers can help to create a sense of urgency and loss aversion (psychology concept #19) that can help nudge visitors through the sales cycle.

Here’s the same camera example from above, but now it's listed on Amazon with Only 2 left in stock verbiage:

Screen Shot 2016 11 11 at 12.10.35 PM
Only 2 left in stock - do you have FOMO yet? - image source

Injecting urgency into your eCommerce landing pages, especially in conjunction with other tactics, can lead to more engagement and conversions.

Just make sure you practice what you preach -- users won't trust you if they click on a "One-Day 40% Off" sale on Tuesday and see the same sale on Thursday and Friday.

Ecommerce Landing Page Idea #14: Wish Lists

Wish lists can be an easy way for your visitors to compartmentalize the things they want during the consideration phase, especially if they’re not yet ready to buy. It’s a quick way for visitors to collect a bunch of potential items they may want to buy to come back to for the game-time decisions.

According to BigCommerce, wish lists are important:

“Wish lists are a middle ground between purchasing and forgetting: oftentimes, shoppers aren't ready to order, but want to remember the product and/or store for the future. wish lists can encourage users to sign up for an account who wouldn't have otherwise; these prospects can then potentially be engaged in drip marketing campaigns if they opt-in for email notifications.”

Target knows the value of the wish list concept and even dedicated an entire landing page to it:

Screen Shot 2016 11 11 at 3.30.03 PM
Notice the categories, too? (circa concept #7) - image source

Tip: You can even include little buttons that allow people to click what they like so they can track while they shop, add to the wish list, and review later. Here’s Target’s version:

Screen Shot 2016 11 11 at 3.54.03 PM
You can click the heart to earmark and add the item to your wish list

Ecommerce Landing Page Idea #15: Conversational Copy

What’s the difference between these two sentences?

Version 1:
“The software generates a 2x increase in productivity after a 90-day onboarding period.”

Version 2:
“You’ll get twice as much done with our software after we show you how to use it.”

The first sentence reads like it was written by (and for) robots, and the second sounds like a conversation. But why?

Conversational copy.

Words like “you,” “we,” “our,” and other personal pronouns can humanize your eCommerce landing page copy and create a connection that helps entice your users to convert.

Verizon goes all in on this strategy in this eCommerce landing page example from Instapage:

The rest of the ad might need work. Is his hand up because he's not ready? - image source

From the two “your”s in the subheading to the text below the fold, the content is personal, conversational, and action-oriented. And speaking of personal...

Ecommerce Landing Page Idea #16: Personalized Product Recommendations

Personalizing recommended products based on your visitor’s viewing history can be an effective way to increase conversions on your eCommerce landing page.

According to a study done by Barrilliance, an eCommerce SaaS company, 31% of websites’ revenue was attributed to the personalized product recommendations concept.

Tip: Identify a handful of other similar products to show below the actual product featured (image, price and brief description included) and test out your headline types.

SmartInsights tested out over 20 different headline types, like:

  • What Other Items Do Customers Buy After Viewing This Item?
  • What Customers Ultimately Buy

The winner?

Screen Shot 2016 11 11 at 4.30.07 PM
The What Do Customers Ultimately Buy personalized product recommendation took the cake - image source

Ecommerce Landing Page Idea #17: White Space

This one’s a design concept that we consistently refer to. Designing with white space in mind helps to keep your landing page clean, uncluttered and goal-focused.

Keep a 1:1 attention ratio (best practice #2) in mind to make your CTA stand out. There’s less chance for your visitors to be distracted from extraneous visuals and links.

According to a research study conducted by Human Factors International, use of white space increases comprehension by almost 20%.

Here’s an example from Unbounce of how you can create white space around your CTA:

white space example
Buffer the CTA with white space to make it pop - image source

Plus, there are these six advantages of using white space, called out by Segue Technologies:

  1. Increased content legibility
  2. More interaction
  3. Ability to highlight CTAs
  4. Tidiness is impressive
  5. Creates balance
  6. Acts as a separator

Ecommerce Landing Page Idea #18: User Product Videos

User product videos give your visitors an easy way to digest details about your product without having to put in too much effort. There’s minimal reading needed to watch a video and visitors can visually see your product in action.

Here’s an example of one of our client’s product explainer video on their landing page:

gokeyless vid
Videos make it super easy to understand what the product is about.

Wanna know something even cooler?

Lots of people watch product videos. Product vids help to push along the decision-making process.

According to Internet Retailer, someone who watches a product video is up to 144% more likely to add that product to her cart.

Internet Retailer also conducted a survey of over 1,000 respondents and found that:

“96% of all respondents say they find watching a video helps them makes an online purchase decision, and 73% say they are more likely to purchase after watching a video that explains the products they are looking at online.”

Ecommerce Landing Page Idea #19: Visual Hierarchy

When it comes to visual hierarchy, making the most important part of your landing page stand out from the rest will help keep your page goal-focused.

Some visual hierarchy concepts to help your most important stuff really shine:

1. Consider Size: Typically the largest item stands out the most. Here’s what I mean:

size hierarchy
Despite the colors, the largest circle stands out first - image source

2. Consider the F-Pattern: A Nielsen Norman Group study found that people read on the web in an F-shaped pattern. Here’s a heatmap which shows the hierarchy of the eye’s gaze:

f reading pattern eyetracking
Try putting your most important content in the red zones - image source

3. Consider the Z-Pattern: for pages that are less dense with info, online readers tend to scan in a Z-shaped pattern.

Tip: have the final point of the Z land on your CTA.

Here’s an example of Best Buy’s Black Friday landing page:

Screen Shot 2016 11 23 at 2.09.16 PM
They saved the CTA for the end-point of the Z-Pattern

4. Color Contrast: Simply put, make sure your CTA button stands out with a color that pops from the rest of the page.

Here’s an example of how a contrasting color helps the CTA button stand out:

cta color contrast
The bright green CTA contrasts with the rest of the font - image source

The conversion rate increase by 35.81% when the CTA button went from blue to green.

Ecommerce Landing Page Concept #17: Length of Page

These days, it’s a buyers world where people are seeking out more info. That means shorter may not always be better.

There are cases where both longer and shorter landing pages convert better. Testing’s the only way to find out which landing page length works best.

Here’s an example where a longer landing page had a higher conversion rate:

longer copy
Suuuper long variant - image source

The longer page had 30% more conversions.

Here’s an example where a shorter landing page had a higher conversion rate:

contentverve long sales pages
The gym that sold online gym memberships shortened - image source

The shorter landing page received 11% more conversions.

Of course, landing page length isn’t the only factor responsible for the conversions in these test examples.

The factors vary depending on products being featured, but testing out the length of your eCommerce landing page can help you optimize your page.

Ecommerce Landing Page Idea #20: Clarify Shipping Info

Communicate shipping info on all pages clearly and show expected delivery date on both your landing page and cart page. That way there’s no miscommunication.

According to a Statista survey, the number one reason for shopping cart abandonment was being presented with unexpected costs:

statista shopping cart abandonment
Over half said unexpected costs caused them to abandon their cart - image source

Tip: Test out a free shipping offer to increase your conversions and average order values.

Free shipping can be a big deal.

According to a comScore study, 76% of consumers indicated free shipping was important. Further, 47% said they would abandon a purchase if free shipping wasn’t included.

Here’s a test VWO conducted for NuFace, where offering free shipping for orders of $75 or more increased sales by 90%.

nuface free shipping test
Free Shipping incentive increased sales by 90% and average order value by 7.32% - image source

Ecommerce Landing Page Idea #21: “Added To Cart” Notification

Showing the Added To Cart notification can act as an interactive feedback tool for your visitors.

It’s a way to confirm with visitors and let them know they’re still on the right track. That things are still working and products are organized in the cart.

added to cart
Lets the shopper know things are working - image source

This type of feedback is important for user experience. According to Give Good UX, it’s key to answer questions for your visitors, like:

  • Should I click that?
  • Am I almost finished?
  • Should I wait a little longer or cancel this?
  • Is it doing anything, or is it stuck?

The Added To Cart button can help answer those questions for your visitors.

Ecommerce Landing Page Idea #22: User Testing

Making sure everything usability is good-to-go on your landing page can be critical for eCommerce landing pages, especially since the conversion is oftentimes the actual sale.

With user testing you run various scenarios to make sure everything on your landing page is as easy-to-use and intuitive as possible.

Here are three simple usability testing formats you can choose from to conduct your usability testing:

1. Moderated in-person: Observe and record your subjects interfacing with your eCommerce sites in person asking them for feedback directly as well as indirectly by recording the tasks on screen.

blog moderated
Testing in-person - image source

2. Moderated remote: Subjects test out tasks assigned within your eCommerce site via a screen-sharing tool.

3. Unmoderated remote: Subjects are off-site and run through their tasks within your eCommerce site while recording their session in a screencast.

You can test for things that will help visitors instinctively know what to do on your eCommerce landing pages, like learnability, affordance, message, product info detail, navigation, memorability, and key features to name a few.

For more ideas on user testing, you can check out 27 Usability Testing Tips To Help You Win More Conversions.

Ecommerce Landing Page Idea #23: Unique Value Proposition

Showing off your unique value proposition (UVP) should be crystal clear on your landing page. Let your visitors know about your product’s benefits.

Answer: What can your product do for your visitors? How do you stand out from the rest?

Show them, tell them and be clear about it.

Marketing Experiments considers the clarity of the Value proposition to be a main ingredient in their conversion sequence formula:

me conv value
V = the clarity of the unique value proposition - image source

The more specific and relatable, the more effective your UVP will be. Here’s a Marketing Experiments case study that contrasted two UVPs:

Screen Shot 2016 11 23 at 4.08.36 PM
The revamped UVP is way more specific - image source

The result? The second UVP increased conversions by 58%.

Ecommerce Landing Page Idea #24: Prominently Display Contact Info

Having your contact info prominently displayed on your landing pages and product pages can help your visitors feel more secure about purchasing from you, especially if they aren’t too familiar yet with your brand.

E-Consultancy conducted a study that found over 46% of people trust eCommerce sites that clearly show contact number and address details:

contact info
Contact info can help to build trust - image source

If your visitors have any questions at any point during their shopping experience they can easily reach out to you with their concerns.

Including a phone number on your site can encourage more conversions on your site. Flowr ran an A/B test using Kissmetrics to find out if it was really the case:

phone vs no phone
To phone or not to phone? - image source

The results? 54% of the conversion came from the site with that included the phone number and 46% of the conversions came from the site without the phone number listed.

Ecommerce Landing Page Idea #25: Build Security? Think Again

Including things like privacy policy links, security badges, trust seals and product guarantee details can help to push your visitors into converting by making them feel safe and secure about purchasing from your site.

Caveat: As always, test it out because there are cases where leaving these things out has increased conversions.

Here’s a case where leaving out the security badge worked better:

Screen Shot 2016 11 15 at 10.03.36 AM
Version B, without the trust badge, had 12.6% more completed forms - image source

Closing Thoughts

Testing out these tips can help you zero in on what works best for your eCommerce landing page. The concepts can help you optimize your eCommerce conversions, nudging your visitors through the sales funnel so you can ultimately rake in more sales revenue.

That way you can enjoy your piece of that growing eCommerce pie:

seal eating pizza
Pizza pie - image source

Chapter 3:
Landing Page Types & Examples

What You’ll Learn: There are a gazillion different types of landing pages that all serve a unique purpose. Learn about each type and see the best examples that you’ll want to copy ASAP.

Chapter 4:
Landing Page Tips

What You’ll Learn: There are landing pages that work and then there are landing pages that blow the roof off all your past conversion rates. Follow these tips to get more conversions that you know what to do with.

Chapter 5:
Landing Page Optimization

What You’ll Learn: Get a read on what’s working and what isn’t with these landing page optimization strategies. By following these strategies, you’ll learn how to fine-tune every element for the most conversions possible.