Get a fast, conversion-focused WooCommerce theme in 2020. Switch to Shoptimizer.

Home Blog – eCommerce News, tips and tutorials 17 Product Page Best Practices (with examples)

17 Product Page Best Practices (with examples)

Product Page Best Practices (with Examples)

We’ve put together an extensive guide to some of the best product page practices, with examples of each from the biggest eCommerce stores. When designing and planning your online store, most of the early focus is on the homepage. People expect that visitors arrive on the homepage and progress through the site in a linear fashion, clicking on a category as the next step, before browsing through the products within it.

The conversion rate for visitors who browse in this fashion is actually exceptionally low, at between 2 and 2.5%. On the other hand, visitors who land directly onto a product page convert on average at 7%. A huge difference.

An effective product page will within seconds, convey the value of the item and provide a clear call to action to purchase it. It’s the most important page of any eCommerce site, and is one we focused on extensively in our Shoptimizer WooCommerce theme.

These are the product page examples we’re going to describe.

  1. Have open graph images
  2. Work on introduction copy
  3. Clear call to action button
  4. High quality images
  5. Create product videos
  6. Use color swatches for variations
  7. Collect leads for out of stock products
  8. Display clear shipping costs
  9. Inspire trust
  10. Social proof for reviews
  11. Show products in real life
  12. Have a comprehensive product description
  13. Display technical information
  14. Include questions and answers
  15. Add a “hint” to your product pages
  16. Include details which aren’t obvious in photos
  17. Intelligent cross sells

Product pages are crucial sources of traffic

It is also a crucial source of organic search traffic from Google. When a user is searching for a specific product, they’re at the final stage of the research journey. This is when they’re most attuned to a buying signal which will make them pull the trigger and make a purchase.

Crucially with organic traffic, it’s also free. It will take time to rank, but once it does, it can be a huge driver of sales to your site. This is especially true if you incorporate the product page practices which we outline below. You can make your product pages far superior to competitors which will, over time, be reflected in your Google SERP ranking.

Remember that according to Google 53% of shoppers do research before buying, so you want your product pages ranking highly. But competition is fierce. Not just from other online stores, but from Google itself with display ads and featured snippets vying for attention. So, you’ll need to do a lot of work to make yourself noticed but the rewards are certainly worth it.

Now, let’s get onto the product page examples.


1. Have open graph images

Open graph images should be present on all product pages
A startup called Bannerbear is helping store owners automate their og:images so it can automatically create the perfect social sharing image, sized for each platform. This is a great idea for large shops.

One simple trick many eCommerce stores are missing is creating custom og:images (open graph images) for better sharing on social networks. If someone was to paste one of your product links into Facebook or Twitter what would they see? It’s likely to be a badly cropped featured image which does not present the item in the best possible light.

On the WooCommerce platform, the Yoast SEO plugin allows you to upload custom images for the major social networks such as Facebook, Twitter and Pinterest. A smart approach would be to create custom images for each platform’s size requirements. And to include the title, rating, price, and number of reviews in the image, like the example above.

These would be certainly time consuming to create for large catalogs but you could be missing a great opportunity to make your product page stand out far more on social media.


2. Work on introduction copy

Good product copy on product pages is crucial
Innocent always do a great job with their product descriptions. It’s wry and amusing with a nice use of playful language which reflects their brand. It’s clear that they put time and effort into each item to make it sound unique.

The introduction text is one of the first things visitor’s will read on the page. It’s crucial to make it impactful, insightful, and unique. Ensure that you don’t simply copy and paste this from somewhere else, each introduction should be carefully crafted using specific keywords. As the saying goes, sell the sizzle, not the steak. Ensure you mention the benefits of using the item. It shouldn’t be just a description of its features.

This is a great opportunity to write a short, impactful introduction which is memorable. It’s even better if you can write it in a style which matches your brand and tone.


3. Clear call to action button

Call to action buttons on product pages should be extremely visible
Apple typically do a good job with their call to action features. The solid blue button background stands out on a minimal product page layout like this which has a lot of white space. Even if the button isn’t even that big, it still grabs the attention of a visitor.

The call to action button is the most important element on the page. It’s the one link you want users to click on to start and hopefully complete the buying process. To this end, having a clear and obvious button is vitally important. It can be a simple use of color to highlight it compared to every other feature on the page.

The other aspect of an effective button is to declutter the area and make sure that you don’t have too many other elements of lesser importance surrounding it. For mobile, it’s also important that the button is as far up the screen as possible and the customer doesn’t have to scroll too far to reach it.


4. High quality product images

High quality images on product pages are essential
In Topshop, images at scale provide the user with a visual indicator of the size of the item. With simply a cut-out image of the crop top, a buyer would have no idea of its relative dimensions.

I still see many stores which don’t focus enough on their product photography. Great quality images are absolutely crucial in making your items look drool-worthy enough to buy. If you’ve created your own products it may be cheaper than you think to hire a local photographer. Shooting them with consistent framing and backgrounds will make sure store look more professional and inspire more trust in customers who are hesitant in buying.

The other important aspect is to always include at least one image on your product page which is in scale so a buyer can understand its sizing relative to its surroundings. If your only images are “cut out” shots, a visitor would find it difficult to answer questions such as “How far does this cover my neckline?”. If your items are non-clothing, you can still include images of it in use. If you’re selling pillows, include a shot of them on a couch or bed.

We have a popular guide to creating great WooCommerce images if you’re using that particular platform.


5. Create product videos

Video is the way to make your product pages stand out from the competition
The car parts site Advanced Auto Parts uses instructional videos which explain how to best use their products. They found that visitors who watch these stay twice as long and visit twice as many pages. They’re also easily sharable on social media, so they get an additional organic traffic reach and are seen by even more people.

Product videos are still under utilised in eCommerce and if pictures paint a thousand words, then videos paint.. well a lot more. If you really want to overtake your competition, video on your product pages is the way to go. Videos have been shown to make buyers 65-85% more likely to purchase an item as they provide far more visual information to a user than images alone.

They also increase dwell time on product pages. Buyers will stay longer taking in the information and often end up browsing more of the overall page, increasing the likelihood that they will buy.

Google also prioritises video. If you have video, and your competition does not, there’s a high chance of ranking higher, especially if you also host it on Youtube.

Plus, as the example above shows, it can be a demonstration or tutorial on how to use an item. A personal video can give you a real edge and it’s something that can’t be simply replicated elsewhere.


6. Use color swatches for variations

Color swatches for variations on product pages should always be added
Allbirds do a good job with image swatches, displaying a custom graphic to highlight the two primary colors of each shoe. Breaking them up into classics and limited edition headings provide further differentiation.

If you’re selling products with different colors it’s always a good idea to include swatches. Humans are visual creatures and it’s always simpler to spot which colors are available at a glance with a visual clue, rather than having to read text. Color swatches on a product page help prevent decision paralysis if users are faced with a large number of dropdown choices.


7. Collect leads for out of stock products

Out of stock actions on product pages are a way not to lose sales
Once again, Allbirds do a good job with any shoes which are out of stock. You can add your email to a waiting list and it’s clear which product and size you’re looking for. An additional checkbox gets you alerted about any new products also so it’s a good way to build a mailing list at the same time. Nice heading copy also.

Rather than simply displaying an “Out of stock” notification it would be far more useful to collect warm leads from customers who you know are interesting in purchasing your items. A waitlist is an important feature to consider on your product page. With some correctly setup email segmentation you can have a ready made list of buyers when your product, or an alternative version of it, is available again.


8. Display clear shipping costs

Shipping Costs
Best Buy displays the shipping costs right at the top in bolded green so it’s easier to spot immediately. Including information on faster shipping options and in-store pickup give buyers alternative options.

According to Baymard’s research 21% of US shoppers abandoned their purchase due as they weren’t able to see the total order cost upfront before initiating the checkout. With 64% of users looking for the shipping costs on the product page itself, this is clearly a really important consideration. Far too many eCommerce stores fail to include shipping prices on the product page.

It is tedious for users to have to switch to a separate shipping page and there is a distinct possibility that they will lose focus on completing the buying process once they leave it.


9. Inspire trust

Trust messaging on product pages can be achieved in different ways
Pipette includes carefully considered trust messaging. It’s made clear that their lotion is dermatologist tested and paediatrician approved. This is crucial information for parents who don’t know the brand and are thinking of buying.

Trust is an essential component to convert visitors into buyers. Traditionally when you think of trust you’d think of security badges such as that of Norton which gives people reassurance that their credit card details are secure. But trust can assume other forms. If you include a warranty with your items, that’s a form of trust. A returns policy is also a trust symbol.

If you have won any awards from peers in your industry, that would give buyers an additional indicator that you’re a trustworthy operation. There are many ways to communicate trust and it’s important to think carefully about how you present that on your product page.


10. Social proof for reviews

Customer reviews on product pages help remove some of the uncertainty around buying
Adidas do a good job with their reviews area. It includes feedback on size, width, comfort and quality so it’s more detailed than simply saying if buyers liked or didn’t like a product.

Customer reviews are a key aspect of what we call social proof. Before buying anything most visitors want to see what other buyers thought of a product. This helps remove some of the uncertainty around online shopping and can reveal key information not exposed in the product description. Reviews add credibility to an online store and provide reassurance for new buyers that others have bought from the site. Items with few or zero reviews on a product page have been shown to convert less.

But how do you encourage purchasers to leave a review? That’s where review platforms such as Yotpo, Stamped and Judge (our pick) come in. An email is automatically sent to a buyer after say 2 weeks requesting a review. The buyer can complete it by filling out a simple form within their own email client. This reduces a lot of friction in collecting data. See our guide to WooCommerce reviews for more details as well as an overview of Judge.me.


11. Show products in real life

Instagram Images on product pages from customers increase trust
BaliBody does a great job at integrating an Instagram carousel of customer photos for each one of their products. The eye is immediately drawn to the different styles of image uploaded and gives the page an authentic feel.

Something we’re seeing more and more of is top eCommerce brands harnessing the power of Instagram on product pages. It’s a perfect match. You can get high-quality real life images from customers who use your items. These can be far more powerful than your own and add a layer of authenticity as customers can see how much existing buyers have enjoyed using your items. A huge 77% of shoppers prefer authentic customer photos to professional images.

Plus, integrations such as Yotpo are powerful enough to create a shoppable version of your Instagram feed to enable shoppers to buy the products in your photos. This ensures that there’s the shortest possible path to purchasing.


12. Have a comprehensive product description

Product descriptions on product pages can be excellent for SEO
I like Crutchfield’s product description. The use of language in the intro is excellent, e.g. “a winning choice”. They fit a lot of information in the space, and include links to the owner’s manual and an unboxing video. They’ve smartly added a more personal feel by having the intro written by a staff member, including a photo, and use a handwriting font for the name which is another nice touch.

A great product description is a big plus when it comes to conversions. But it’s important to understand your buyer. If you’re selling say niche workshop tools, it’s ok if your language and jargon reflects the technical nature of your products. It shows that you understand your market and you’re not dumbing it down for a wider audience.

Having a lengthy product page description is also great for SEO. But it needs to be unique and not copy and pasted from elsewhere. The use of adjectives in your copy such as vibrant, compact, and richer can bring your text to life. But depending on your item there may be limitations about how much copy you can have. Selling a plain white t-shirt, maybe a paragraph or two will do. A tv on the other hand needs more detail, and even better if you can also include multiple images and videos of it in use.


13. Display technical information

Additional information on product pages should not be ignored
Casper’s Product Specs section is comprehensive. It displays each variation’s measurements and the weight of both kinds of material. This is really important as you’ll be making a choice based upon your bed frame size.

Many stores sell items which really require more than just a lengthy product description. They need precise dimensions, ingredients, weights, calorie counts, and more. If you neglect to include these details, a significant percentage will leave to find that information elsewhere. Others will email you their questions which is time consuming.

It’s a good idea to have size guides, manuals, and comprehensive product specifications all on the product page. You’ll find that some purchasers come back just to read through that information once they start using the item. Having this info elsewhere causes friction and detracts from the importance of the product page in the buying journey. It’s a great way to build traffic and gain repeat business from existing buyers.


14. Include questions and answers

Questions and Answers on product pages help cut down on email queries
Home Depot includes a useful Questions and Answers area where customers can read replies from other users of the product. This is a great way to ally concerns about a particular feature as you can hear from other buyers and their experiences.

In any scenario where you can address concerns of a buyer you have a far greater chance of taking of their business. A questions and answers area is ideal for this, especially if what you sell is complex and prone to numerous queries about its functionality. The other great advantage is that it can cut down on emailed questions, as the product page contains all of the answers already.

Customer review platforms such as Yotpo can email existing buyers of an item with a question which has been posed and automatically display the response if it is submitted. With systems in place like this the store owner doesn’t need to research the answer themselves. Plus, there is a more authentic response as it’s coming directly from another buyer.


15. Add a “hint” to your product pages

Send a hint could be suitable on product page where a high percentage of customers buy as gifts
Pandora’s sent a hint feature for high end items such as jewelry is a well thought-out feature for this particular eCommerce niche and reflects the real world problems and solutions of brick and mortar stores.

I’ve seen wishlist functionality on plenty of eCommerce stores but this “Send a Hint” feature would be an interesting approach if you sell products which require input from a significant other. It’s perfect if what you sell are frequently gifts and users can drop a hint as to what they would really like to receive.

It opens up a form, and once filled out, the recipient gets an email with a link to the product and the name of the person who sent it. All very simple and would be extremely effective if gifting is a key driver of your sales.


16. Include details which aren’t obvious in photos

Include details not obvious in photos
Lululemon do a great job describing the fabric on this garment with adjectives such as buttery-soft and four-way stretch. These help provide a very good indicator of how this top feels.

Too many product page descriptions focus on details which are clear and obvious within the product images. Valuable and prominent text should instead be used to describe what cannot be seen. The downside to eCommerce compared to a bricks and mortar store is that a visitor cannot feel the item. So retailers should also focus on the fabric – is it smooth, or rugged? Is the material light or heavy? Is it flexible or stiff?

It’s worthwhile to think about your own product catalog and how you could improve your own product descriptions based upon how it feels and the details which cannot be conveyed through photos alone.


17. Intelligent cross sells

Cross sells should be intelligent on product pages
Brooklinen’s cross sells are smart. Clicking into a selection of towels for their “move-in” bundle, they realize that somebody moving to a new home will also need sheets, a quilt and maybe a throw for their couch. They don’t just suggest more towels.

The majority of shoppers in eCommerce are first time buyers. To this end it’s important to try and maximise each sale and cross sells are crucial to that. Thoughtful execution of complementary products is key and it’s well worth spending some time considering what items a buyer might add to their purchase.

If it’s shoes, it might be easy to encourage a decent percentage of customers to also add additional laces and polish. This will raise the average order value and provide an important opportunity to give new buyers a taste of more than one item in your catalog.


Wrapping up

So now, it’s over to you. Which of these product page features most resonated with you and your store? Do you have any essential product page feature which you think we should include in the list? With product page design taking on an ever greater importance I’d love to know your own strategies. Let us know in the comments below!

About Simon: Designer, developer and pixel pusher until things are just right. Interested in modern, functional design with a focus on speed, clean typography and conversions. Enjoys whitespace and strong coffee.

Shoptimizer WooCommerce Theme

Shoptimizer is a FAST WooCommerce theme that comes with a ton of features all designed to help you convert more users to customers.

More details  →

Shoptimizer WooCommerce Theme screenshot

Latest eCommerce Guides View all Guides

2 Comments

    1. I’ve only ever seen this plugin for WooCommerce but it hasn’t been updated in 3 years so may not work anymore. There’s probably a market for a developer to create something new.

Leave a Reply

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

Latest Updates

$50
Off

Do you want a whopping $50 off Shoptimizer for WooCommerce?

Click the button below to get Shoptimizer for only $49. (Regular price: $99).
This is a special launch offer for today only.
Get it before it is gone!
{"cart_token":"","hash":"","cart_data":""}