{"id":658,"date":"2017-01-13T13:42:30","date_gmt":"2017-01-13T13:42:30","guid":{"rendered":"http:\/\/www.zombiesoftwares.com\/blog\/?p=658"},"modified":"2017-01-13T15:40:36","modified_gmt":"2017-01-13T15:40:36","slug":"31-things-i-need-to-see-on-your-ecommerce-product-page","status":"publish","type":"post","link":"http:\/\/www.zombiesoftwares.com\/blog\/31-things-i-need-to-see-on-your-ecommerce-product-page\/","title":{"rendered":"Important Things to See on Your Ecommerce Product Page"},"content":{"rendered":"

The features you need to add to product pages will vary according to the type of ecommerce site<\/a>.<\/strong><\/p>\n

Some of the things on this list are essentials for any online retailer, while others are dependent on the sector and target market.<\/p>\n

This checklist contains some of the more common elements that customers are looking for on ecommerce product pages<\/a>, as well as some more advanced features that can enhance the experience.<\/p>\n

Your product pages should contain the essentials listed below, and most of the others. I haven’t listed product reviews as essential, but I’d say they’re pretty close to it.<\/p>\n

I’ve tried to think of everything here, but please let me know what I’ve missed, and what works for your site.<\/p>\n

Product page essentials<\/h2>\n

The following features are a must for any product page. This is the basic information that shoppers want to see before making a purchase decision.<\/p>\n

Product title<\/h3>\n

Use the H1 tag for the product title, which will help search engines to index the product page.<\/p>\n

Images<\/h3>\n

Good product images are vitally important<\/a>, as they provide the first impression of the product, and are key in the customer’s purchase decision.<\/p>\n

\"\"<\/p>\n

Add to cart button<\/h3>\n

Make it nice and clear, and distinguish it from other elements on the page.<\/p>\n

Here’s a good example from House of Fraser, with the colour contrast making the call to action standout.<\/p>\n

\"\"<\/p>\n

Price<\/h3>\n

Obvious really. Make it clear.<\/p>\n

Availability<\/h3>\n

No-one wants to add items to their basket only to find they’re out of stock, so show stock availability.<\/p>\n

For multichannel retailers, showing stock in the customer’s local store is a great feature.<\/p>\n

\"\"<\/p>\n

This can be a great sales driver, as showing that there are just a few items available can push the customer into a decision to buy.<\/p>\n

Payment methods<\/h3>\n

How can customers pay for the item? Show available methods, as this may affect a decision to purchase.<\/p>\n

This doesn’t necessarily have to be the most prominent item but it should be there for those customers that look for it.<\/p>\n

Here, Firebox summarises the accepted payment methods with the logos.<\/strong> A nice and simple way to convey this information:<\/p>\n

\"\"<\/p>\n

Shipping (delivered to \/ carrier options \/ fees \/ offers)<\/h3>\n

This is key information. The ability to get items delivered within a particular time scale, and at a cost that the customer considers reasonable is a big part of a shopper’s purchase decision.<\/p>\n

\"\"<\/p>\n

Returns policy<\/h3>\n

Again, if customers are unsure about a purchase – whether a dress is the right size for instance – then a clear and flexible returns policy<\/a> can influence that decision.<\/p>\n

\"\"<\/p>\n

Product page copy<\/a><\/h3>\n

Sell the product, don’t just go for the manufacturer’s standard description. While this approach is easier, a more personal touch and unique tone of voice can help your product pages stand out and really sell the benefits of products.<\/p>\n

There are also SEO benefits to creating unique copy. If\u00a0your competitors are using the same manufacturer’s product descriptions, there is a real opportunity to strand out in search results pages, since your description will be unique.<\/p>\n

Customised product descriptions also allow you to provide more text and keywords for search engines to index.<\/p>\n

This, from J Peterman, is the copy for a bomber jacket:<\/p>\n

\"\"<\/p>\n

Product detail (materials used \/ dimensions \/ weight \/ cleaning \/ washing)<\/h3>\n

People need the detail, so provide all the information they’ll need to decide on the product.<\/p>\n

Amazon may have long, sprawling product pages, but all the information customers need (and much more sometimes) is there.<\/p>\n

\"\"<\/p>\n

Sizing \/ size guide<\/h3>\n

This is very important, especially for clothing sites. Providing a comprehensive size guide and information on the style and fit of clothes can help to minimise returns rates.<\/p>\n

Here’s a good example from JC Penney, with a detailed guide appearing in a lightbox on the product page:<\/p>\n

\"\"<\/p>\n

Colour options<\/h3>\n

Show the available colour options of products and, if possible, show images of how they look.<\/p>\n

Here’s a great example from American Apparel. 18 different colours, and a separate image for each:<\/p>\n

\"\"<\/p>\n

User generated content<\/h2>\n

While not in the essentials list, product reviews should be considered a must for retailers, thanks to the benefits in terms of conversions and credibility.<\/p>\n

Item ratings<\/h3>\n

A good place to start is an average review score towards the top of the page. This allows the shopper to make a quick judgement, while the number of reviews left is useful additional information.<\/p>\n

\"\"<\/p>\n

Item reviews (and \/ or comments)<\/h3>\n

Customers will want to see the detail, so showing reviews in full further down the product page is the best way to do this.<\/p>\n

Here, Diapers.com shows the detail further down the page, with useful summaries and pros and cons.<\/p>\n

It’s a good idea to use Amazon reviews as well.<\/p>\n

\"\"<\/p>\n

Tools for rating reviews<\/h3>\n

Amazon famously credits the addition of the question ‘was this review helpful?’ for adding to its bottom line, as this enabled it to show the most useful reviews, and therefore those best for conversion,<\/a> at the top of the list.<\/p>\n

\"\"<\/p>\n

Sorting options for reviews<\/h3>\n

This is very useful for purchases such as digital cameras, where there are lots of different types of users. I may be a novice photographer, so reviews from keen amateurs, or those who simply point and shoot will be more relevant to me.<\/p>\n

\"\"<\/p>\n

Add to wishlist<\/h3>\n

This is a useful feature, and well used by Amazon. It allows shoppers to bookmark items for future purchase, and gives the retailer an opportunity to learn more about the customer, and remind them when they return to the site, or perhaps with a well targeted email.<\/p>\n

For a richer experience…<\/h2>\n

The following features can make the page and products more attractive to customers, showing products in the best possible light and providing useful information for shoppers.<\/p>\n

Video<\/h3>\n

Video works on product pages. Catwalk style videos can help to sell clothing on fashion sites, while allowing retailers to showcase more complex products.<\/p>\n

Here, AO.com<\/a> staff walk customers through products.<\/p>\n

This allows customers to see the workings of the items in a way which would be impossible through static images alone.<\/p>\n

Also, the fact that these videos are made by the AO team lends them extra credibility when compared with manufacturer’s videos.<\/p>\n

\"\"<\/p>\n

360 views of products<\/h3>\n

This is a great way to show products from various angles:<\/p>\n

\"\"<\/p>\n

Tools to zoom in on products<\/h3>\n

It’s essential to let customers see products in detail, so let them zoom in to specific areas.<\/p>\n

Here, Nordstrom allows shoppers to zoom in and see details such as buckles:<\/p>\n

\"\"<\/p>\n

International pricing \/ currency converter (e.g. \u00a399, EU110, $165)<\/h3>\n

Useful for sites shipping overseas. Here, JC Penney allows shoppers to change country of delivery and currency via the flag icon.<\/p>\n

\"\"<\/p>\n

Trustmarks (security signs, testimonials)<\/h3>\n

There is some debate on the effectiveness of trustmarks, and many well-known retailers (Amazon, Macy’s etc) don’t feel the need to include these on product pages.<\/p>\n

However, it could be argued that the help less well-known retailers, and when used as below on Nordstrom, they shouldn’t do any harm.<\/p>\n

Trust is about more than logos though, and a professional looking, user friendly site that works as it should will do more to establish trust.<\/p>\n

\"\"<\/p>\n

Live chat (or a prominent contact number)<\/h3>\n

Customers may have questions about a product or some other part of the purchase process, so offering live chat or a prominent contact number can be an effective way of saving a few sales.<\/p>\n

The statistics suggest that customers value live chat, and it certainly makes sense for big ticket items like this tractor from Sears.<\/p>\n

\"\"<\/p>\n

Product code<\/h3>\n

One for catalogue-based retailers. Entering the product code into the search box is a quick shortcut for some, while seeing the code on the page allows the customer to check that they have the correct item.<\/p>\n

Highlight special offers<\/h3>\n

If you’re offering a discount on orders over a certain amount that day, or providing free shipping, shout about it. It’s a sales driver.<\/p>\n

\"\"<\/p>\n

Stats (views \/ fans \/ item follows \/ sales)<\/h3>\n

Etsy shows stats on the number of views of the product, and people who have expressed their admiration.<\/p>\n

\"\"<\/p>\n

Social proof<\/a><\/h3>\n

Here, Booking.com shows how many people are looking at this hotel, and who has booked in recently. Effective social proof in action.<\/p>\n

\"\"<\/p>\n

Social sharing buttons<\/h3>\n

Let shoppers promote your product for you. They may not buy it, but if it goes on Pinterest, then your products will reach a wider audience.<\/p>\n

Make it easy for shoppers to do this with sharing buttons. The ‘rich pin’ for Pinterest is worth trying. This shows the product along with price and other details.<\/p>\n

\"\"<\/p>\n

Merchandising<\/h2>\n

While customers are thinking of buying one product, there may be complimentary items they are also likely to want, such as accessories for electrical products.<\/p>\n

Offering relevant recommendations on product pages can increase average order values.<\/p>\n

People who liked this also liked…<\/h3>\n

The Amazon classic. A very simple way of producing relevant recommendations:<\/p>\n

\"\"<\/p>\n

Cross-selling<\/h3>\n

If the product a customer is viewing has accessories, or there are other items that complement it, provide these recommendations.<\/p>\n

Here, as I’m viewing a dress shirt, Nordstrom provides some useful suggestions for items to complete the look.<\/p>\n

\"\"<\/p>\n

Up-selling (buy with X and save \u00a3\u00a3\u00a3)<\/h3>\n

Here Amazon sees I’m viewing one season of The Sopranos, so it offers me three for $59.97. I’m not actually saving anything in this case (except perhaps postage), but I bet a lot of people don’t even notice that.<\/p>\n

\"\"<\/p>\n

by Saugata Halder<\/a><\/strong><\/div>\n
\n
Saugata\u00a0is Senior Product Manager at a leading retail\u00a0eccomerce\u00a0\u00a0player and consultant with Zombie Software.\u00a0You can connect on\u00a0LinkedIn<\/a>.<\/div>\n
<\/div>\n
“<\/b>For a free consultation<\/em> with a member of our team call us now on +971-544177921\u00a0 or\u00a0 send query via this link<\/a> \/ email<\/a> . \u201c<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

The features you need to add to product pages will vary according to the type of ecommerce site. Some of …<\/span><\/p>\n","protected":false},"author":1,"featured_media":675,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[3],"tags":[75,76],"class_list":["post-658","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience","tag-product-page","tag-user-experience-design"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/UX-Best-Practices-Poor-Product-Information.jpg?fit=1650%2C962","jetpack_shortlink":"https:\/\/wp.me\/p8i7fD-aC","jetpack-related-posts":[],"_links":{"self":[{"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/posts\/658","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/comments?post=658"}],"version-history":[{"count":8,"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/posts\/658\/revisions"}],"predecessor-version":[{"id":764,"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/posts\/658\/revisions\/764"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/media\/675"}],"wp:attachment":[{"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/media?parent=658"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/categories?post=658"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/tags?post=658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}