Conversion Optimization
What makes a product page that actually sells?
In short
A product page that sells answers every question a shopper has before buying, on one screen. The core elements are images that show scale and detail, benefit led copy, a price area that makes total cost and delivery time clear, genuine reviews, and an add to cart button that stays visible at all times.
Contents
- What makes a product page that actually sells?
- What should product images include?
- How should you write product copy?
- How do you build a scannable structure?
- How should price and shipping be displayed?
- How should reviews be used on the product page?
- Where should the add to cart button go?
- How should variants and sizing be presented?
- Product page checklist
- How do you prepare a product page for search engines?
- How should you test product page changes?
- Key takeaways
What makes a product page that actually sells?
A product page that sells answers "should I buy this?" without sending the shopper anywhere else. Realistic images, benefit led copy, clear total cost and delivery time, trustworthy reviews and an easy to find buy button form that answer. Every missing piece pushes the shopper toward a competitor or out of the cart.
In a physical store you pick the product up, turn it over, read the label and maybe ask someone. Online, the product page has to do all of that. That is why product page optimization is less about making things pretty and more about filling in missing information.
What should product images include?
Images are where shoppers look first and longest. In Baymard Institute testing, 42% of users tried to judge a product's size from its images, yet 28% of the sites reviewed did not offer a single "in scale" image. An in scale image shows the product next to a person, inside a room or beside a familiar object so size becomes intuitive.
A strong image set usually includes:
- A main product shot on a clean background
- At least one in scale image (on a model, in a room, in a hand)
- Close ups that show material and texture
- A lifestyle image that shows the product in use
- Separate images per color or variant where relevant
- Ideally a short product video
Make images zoomable, use a swipeable gallery on mobile and compress file sizes. Heavy images slow the page down, which we cover in our article on Core Web Vitals and conversion rate.
How should you write product copy?
Product copy has to serve two readers at once: the skimmer and the detail seeker. The Nielsen Norman Group product page guidelines stress that shoppers want the information they need for a decision presented in a format they can scan easily.
How do you build a scannable structure?
- Title: say clearly what the product is. Brand, product type and one distinguishing attribute are enough.
- Short benefit summary: place three to five "why this product" bullets under the title.
- Detailed description: split materials, dimensions, care instructions, box contents and compatibility into labeled sections.
- Specification table: move size, weight and material data into a table for shoppers who compare.
- FAQ: answer the questions your support team hears most often, right on the page.
Write in your customers' language instead of pasting the manufacturer's text. Phrases that come up again and again in reviews are a great guide to which benefits deserve top billing.
How should price and shipping be displayed?
Unexpected costs are one of the most common reasons shoppers abandon. In Baymard's abandonment research, 40% of shoppers said they left because extra costs such as shipping, taxes and fees were too high. A large part of that problem can be solved on the product page.
- Show the price large, clear and with taxes included where that is the local norm.
- If there is a discount, state the original price and the saving, and never invent a fake "was" price.
- State the shipping cost or free shipping condition directly under the price.
- Give an estimated delivery date, ideally as a day ("arrives Thursday") rather than a range of business days.
- Summarize stock status and return terms in one short line.
How should reviews be used on the product page?
Reviews are where shoppers trust other customers instead of the brand. Show the average rating and review count near the title and let users jump to the reviews with one tap. Do not hide negative reviews, because a balanced distribution is more believable. Filters by size, use case or rating help shoppers find experiences that match their own situation, and customer photos add a realism studio shots cannot.
Where should the add to cart button go?
The add to cart button should be the most prominent action on the page and should not compete with other buttons.
- On desktop, place it right under price and variant selection, high on the screen.
- On mobile, keep it sticky at the bottom of the screen as the user scrolls.
- If someone taps it without choosing a variant, the error should point directly to the missing selection.
- After adding, give clear confirmation and do not force the user into the cart.
How should variants and sizing be presented?
Show colors, sizes or capacities as visible buttons instead of a dropdown so shoppers see every option at a glance. Rather than hiding out of stock variants, show them as unavailable with a "notify me" option; you keep the shopper and learn about demand. In apparel and footwear a size chart is not enough on its own: say whether the fit runs small or large and list the model's height and size.
Product page checklist
Use this table to audit your current product pages.
| Area | Check | Priority |
|---|---|---|
| Images | Is there at least one in scale image and a close up? | High |
| Title | Is it clear at a glance what the product is? | High |
| Price | Are taxes included and is the discount transparent? | High |
| Shipping | Are cost and delivery date next to the price? | High |
| Button | Is it sticky and always visible on mobile? | High |
| Reviews | Are rating and review count near the title? | Medium |
| Copy | Are there benefit bullets and a spec table? | Medium |
| Returns | Is the return policy summarized in one line? | Medium |
| Structured data | Is Product markup correct? | Medium |
| Speed | Is mobile LCP under 2.5 seconds? | Medium |
How do you prepare a product page for search engines?
Product pages appear both in Google Search and in shopping results. Google's product structured data documentation explains how marking up price, availability, ratings and shipping lets products show with rich results. The marked up information must match what is visible on the page, otherwise you risk losing those rich results.
How should you test product page changes?
The product page is one of the most visited templates in a store, so there is usually enough traffic to test. Change one variable at a time: first the position of shipping information, then image order, then benefit bullets. Judge success not only on add to cart rate but also on purchase rate and revenue per order. If you have identified cart abandonment as the bigger problem, our guide on reducing cart abandonment picks up where this one ends.
If you would like to audit your product pages against this checklist together, you can book a free growth analysis with Performetic through our contact page.
Key takeaways
- A product page should answer every pre purchase question on one screen.
- An image set without an in scale image, a close up and a lifestyle shot is incomplete.
- Show shipping cost, delivery date and return terms right next to the price.
- Make reviews visible, filterable and balanced.
- Keep the add to cart button sticky on mobile and test one change at a time.
Frequently asked questions
How many images should a product page have?
There is no magic number; what matters is covering the right types. A main shot, at least one in scale image, a close up of the material and a lifestyle image form the core set. Separate variant images and a short video make the decision even easier.
Should shipping cost be shown on the product page?
Yes. Unexpected extra costs are among the most common reasons for abandonment. Showing the shipping cost or free shipping condition and an estimated delivery date next to the price prevents shoppers from meeting a surprise at checkout.
Should I remove negative reviews from product pages?
No. A page with only glowing reviews looks less credible. Keeping negative reviews visible and replying politely with a solution builds trust. Those reviews also show you which information is missing from your product description.
Should the add to cart button be sticky on mobile?
For most stores, yes. Mobile shoppers scroll through images, copy and reviews, and a sticky button keeps the action one tap away the moment they decide. Make sure it does not cover content and has a large enough tap target.