Anatomy of a product page

In the diagram click on the blue circles for more information.

How to create a Ecommerce Product Page

Your home page is the first impression a visitor may get, and the introduction into the rest of your content. It should serve as the image of your business and promote interest in what you have to offer.

What elements would you need?

HEADER

The header goal is to provide access to any necessary non-product content.

  • Keep it slender
  • Access to the shopping cart
  • Brand tagline
  • The brand logo must be in the header 
  • Make it easy to read 

Carousel

Product picture in context and with a simple background. To provide as much information as possible, show how a product looks both alone and in context.

Another important point is that product pictures should have a simple background (ideally white or grey).

Another important point is that product pictures should have a simple background (ideally white or grey).

BUY BOX

Open with a testimonial. Pick one that enthusiastically endorses the product.

Main sales copy. This is the copy that explains what a product is and why it’s worth purchasing. Focus on your ideal buyer.

Payment options. Always display payment options before users proceed to checkout.

Product variables (size, color, model). Online shoppers are accustomed to seeing all variations of a product and will abandon your site if they don’t immediately see the color or style they were hoping to find.

CTA button. A prominent CTA is one of the most essential parts of a product page, vibrant colors like red and orange are very useful for CTA buttons.

Shipping and returning politics. Make sure the policies (or links to the policies) are prominent

Estimate delivery date. Some purchases depend on how soon customers can receive an item. Communicate estimated shipping times clearly so your site visitors don’t have to root around to find them.

Order bump. On page upsell or cross sell used to maximize average order value.

Guarantees

Push urgency and/or scarcity. Whether there are only a few items left in stock or a sale is ending, urgency pushes users to buy.

Support content

Product description and benefits. Every sentence in the product description should tell buyers something they didn’t know before.

Order bump. Cross-sells / Upsell save users time and effort by locating items that are compatible or complementary to a product of interest for them.

Social proof images.

Ratings and reviews. It is the customer who tells us the positioning of the product and what he expects from it

Product FAQs. The best way to overcome objections is to prevent them