This website works best with JavaScript enabled. Learn how to enable JavaScript.

VWO Blog

A Blog Around Everything Conversion Optimization And Beyond

Never miss an update from VWO

A value for this field is required.

14 eCommerce Product Page Best Practices for Your Website

This blog was updated on 26th August 2016 with links to latest industry examples, statistics, and studies. Give it a read for fresh insights on 14 eCommerce product page best practices.

So,  a visitor lands on your website, wanders about the various category pages, and finally clicks on a product. It’s the moment of truth, and you ought to have well designed (and conceptualized)  eCommerce product pages for increasing the stickiness factor. You need to make sure that the page is neither too simple nor stuffed with information.

So here is our list of 14 eCommerce product page best practices to make your product pages convert.

1) Big and Beautiful Images

 Ecommerce product image

Image Credits: Brown boot – Nordstrom

Research has it that content that is supported by relevant images gets 94% more views than content that is not.  This figure holds even greater significance when it comes to eCommerce product pages. The image on your product pages visually communicate the details of your product to visitors. Therefore, one of the main eCommerce product page best practices is to use an image that is high-resolution and zoom-able, and place it above the fold.  If the product comes in different colors, try displaying a picture for each. This is especially true when the product image is a very important part of the decision-making process (as in this case study by the Nielsen group).

One of ConversionXL posts talks about how product image size impacts value perception. As per the results of their research:

  • Larger images should be tested on the product page in case you are selling a  spec-heavy search item (for example, a hard drive, printer, camera, etc.)
  • Test more white space on the product page to minimize visual complexity if you are selling a design-heavy experience product, such as apparels.

Larger product photos even worked for Hyundai, who used VWO to run a multivariate test and increased requests for test-drives by 62%.

Small product images, on the other hand, can repel the user off. For example, this vacuum cleaner image only makes the page, and the website as a whole, look unprofessional and non-credible.

bad image

 2) 360-Degree View

360 degree product view

Image Credits: 360 degree view of shoe – StyleCampaign

DueMaternity saw that conversions from products that featured 360-degree views increased by 27% when compared to the original, two-dimensional, product images. also added 360-degree spin photography on its product pages and saw  conversions increase from 10 to 40%.

3) Prominent Call to Action


If you make a list of the most important elements in eCommerce product pages,  the call-to-action (CTA) button would be right up there. A CTA button could say ‘add to cart’ or ‘buy now’ or anything else, it has to be easily recognizable and should compel the visitor to act. Read this blog for examples on CTAs that promise increased conversions. Try different variations, because when you get it right, you too can realize the 6.3% increase in sales like RIPT Apparel did.

4) In Trust Badges We Trust

trust badge

Online frauds are on a rise. It is therefore imperative for eCommerce businesses to establish credibility and trust with their customers.  Adding a small message of guarantee, or displaying safety logos or trust seals can boost conversions and customer’s confidence in your online business.

Take Express Watches (a UK based online watch retailer) for example. They ran a simple A/B test, changing the message on the image from  ‘Never Beaten on Price‘ to ‘Seiko Authorized Dealer Site‘. And, do you know what happened? It registered a whopping 107% increase in sales! For more interesting facts and figures on online security read this blog.

5) Scarcity Compels Action


Another eCommerce product page best practices is to enforce the scarcity/urgency principle—Stuff that is selling out fast can make users convert quicker. And here’s the proof why scarcity is one of the most effective conversion strategies. Airlines often follow the scarcity principle to sell their last few tickets. The takeaway? Don’t give your customers unnecessary time to mull over the purchase. Create a sense of urgency to make them act instantly. Your scarcity/urgency weapon could be the last day of an offer, last 2 hours of free shipping, or last 3 items in stocks. Create your own arsenal.

6) Jazz it up With a Video


Remember that customers can’t touch or feel your product, and a demo video is one of your best bets at displaying it in all its glory. A nicely done video can have a huge recall value, and instructional videos assume even more importance when you are trying to sell something rather complicated. Zappos’ sales went up significantly by using video demos on product pages. Similarly, Stacks and Stacks found that those shoppers who saw videos on its product pages were 144% more likely to add a  product to their cart.

For the number-hungry, here are some  interesting stats on why product videos can no longer be ignored by eCommerce businesses that want to keep going strong in 2016.

7) Compare The Price

If you are offering awesome discounts, show them the numbers. If you are not offering awesome discounts, still show them how much they will end up saving on a purchase from your site. Always, give a comparison of the actual price and the discounted price. Don’t give your customer even the slightest chance to leave your site to check out prices at other stores. Also, position the pricing detail as well as other information that can trigger the buying decision  close to your CTA. Scattered information would just put the customer in limbo. Trinity Insight understood this and increased sales for its client Taylor Gifts by arranging all relevant information in one section on the product page.

8) The Stock Meter


Image Credits:Google Nexus – Kogan

If you are running low on stock, don’t wait till the check-out page to break this news to the customer. That’s a  sure-shot way of  being at the receiving end of expletives that never find verbal expression. Your product page should correctly inform the visitor if the product is available or not. When the “Not-in-stock” information is out there in the open, visitors have the choice to move on and look for alternatives. But if you wait to inform them while they’re filling in the credit card information, it’s almost certain they’ll abandon the cart and move elsewhere, and possibly never return.

9) Customer Reviews


If you have them, flaunt them. According to BrightLocal Local Consumer Review Survey 2015, “92% consumers read online reviews (vs. 88% in 2014).”

But this doesn’t necessarily mean you have to go all guns blazing. Reviews, despite all their virtues, deserve a place lower down the page. So make do with a summary of average scores above the fold and let your visitors scroll down if they want to read heartfelt letters of appreciation.

Best Buy gives detailed customer reviews as one scrolls down the page.


10) Product Description for Real People

product description

Don’t restrict the product copy to cold facts and standalone impersonal sentences. Of course, you need to tell your potential customers everything they need to know about the product being sold on your website. But since you are addressing real people and not aliens, do it in a manner they speak and understand. Throw the manufacturer’s product copy in the virtual garbage bin and create a compelling story equivalent to a charming salesperson. A good product description is an art that needs practice.

11) Make Them Spread The Word


Encourage customers to generously share your product page. Have icons that allow users to share the product on social platforms, and if possible, provide incentives for that behavior. You never know, visitors might start giving you considerable publicity on social media.

12) Enable Live Chat



You might think you have made your product page as user-friendly as possible with all FAQs answered, and have left nothing to the imagination of your users. But you never know. There’s no harm in investing in a live chat feature to enhance customer experience. Here’s an infographic that gives some interesting statistics about the usage of live chat by online consumers.

13) Clear Shipping and Return Policy


Don’t keep your customers in the dark when it comes to shipping charges. In an ideal world, a customer won’t want to shell out any money on shipping. VWO’s eCommerce cart abandonment report 2016 shows that unexpected shipping costs are the main reason for cart abandonment. But if you must charge them, be honest about it and don’t try to sneak in the expenses in the checkout stage. Your customers will be mighty annoyed and abandon the cart as well as your hopes of optimizing the checkout. Be clear on the return policy as well. Do they have 10 days to return the product, an entire luxurious month, or no such privilege at all? Spell it out please.

14) Need For Speed


Image Credits: “Every second counts” – KISSMetrics

So you are inspired and are thinking of embedding that high-resolution video, including multiple shots of your products and introducing live chat feature. Great going, but so much fancied-up information might leave your product page overwhelmed. Don’t ignore the loading time of your page in the pursuit of new goals. Read this post to see how 36 measured samples (websites) resulted in an average loading time that falls between 7 seconds and 13 seconds.

Read  this excellent post on ConversionXL for 11 easiest steps you can take to increase website speed.

What Practices Do You Employ for Product Pages?

What does the checklist for your product pages look like? What insights you derived after running A/B tests on your product pages? Talk to me in the comments.



A lover of the written word, I plan to be the planet's first sit-down comedian. When I am not rethinking a misplaced comma, I write about conversion optimization and website usability. You can follow me @mohitanagpal

Comments (18)

Leave a Comment
  1. Nice tips on how to make your eCommerce product pages more tempting. I like the first number shared about big and beautiful images. As a buyer, you want to see and observe a certain product that interest you. So this one is very helpful and that’s why I concur that a picture tells a thousand words and more so when it comes to the product page.
    The second thing that got me glued is the number eight. I think this is self-explanatory, stock meter is really useful for you to know if the product that you want to buy is still available.
    Great tips!

    I found this post shared on, the Internet marketing social networking site, and I “kingged” it and left this comment.

  2. Hi Mohita,

    Like Metz, I saw this on too.

    You hit it out of the ball park with these tips!

    #10 “Product description for real people” made me laugh– I have *never* heard that recommendation before but in our overwhelmingly social world, where informal language is the norm, this is an excellent tip.

    I’ll be implementing that one immediately on a website I’m designing. 🙂

  3. Hi Vernessa, Glad to make you laugh 🙂

    Original product copies totally gives you an edge over other companies selling similar products. You should check out Woot, they do nice little stories for each product.

    All the very best with the website!

  4. Mohita,

    These are great examples! Thank you for taking the time to not only give suggestions on how ecommerce sites can improve, but actually showing several examples of each!

    I can tell a client an idea, but it’s so much easier to sell it when I can show them several examples.

    Thanks again!

  5. Nice tips Mohita.

    Not surprisingly Amazon is part of a few of your examples. They do an amazing job!

    It’s ironic that you use Best Buy for reviews. I agree 100% reviews are super important. Though after a recent personal shopping experience I have serious doubts about Best Buy’s reviews. During the process I compared the different models of a product across various online retailers. Some products were very poorly reviewed on all other sites but Best Buy always had 90%+ 4 and 5 star reviews. I obviously have no proof that they are faking reviews but I have my serious doubts.

    Point being – reviews are important but if they seem too good to be true they can have the opposite effect and permanently destroy consumer trust!!

  6. It is always great to hear others promoting the idea of great 360 product photography on product pages, what better way is there to have a customer hold the product in their hands on screen!!!

  7. I need to disagree on social sharing on the product page since even in the bigger websites, number of shares in a product page is very low which can lead to trust damage IMHO.

  8. Great article. And definitely encouraging to know that 360 views is one of the top rated feature for a product page. We are providing 360view Solutions in India currently and hoping to see adoption from a lot of ecommerce players.

  9. Mohita Nagpal, Just wow! wonderful tips you have provided in optimizing landing pages, specially eCommerce website.

    I was reading all points I feel if anyone can provide information, If you can add 1 paragraph on behavior based product recommendation to the visitors or remarketing style product showing then it will be great help, i was looking for the same topics but unfortunately i didnot find it.

  10. This is a great post, Mohita. I would say some of the biggest fundamentals in designing and building an eCommerce website are:
    #1 – Making the visitor feel “safe” in terms of guarantees, privacy policy, etc in place.
    #2 – Showcasing the value of your product and make the visitor feel they are getting a good deal. It doesn’t comes down to price but value.

Leave Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Contact Us / Login