Product Page That Sells: Blocks, Mistakes, Checklist

In short: the product card is where an online store earns or loses money. Ads, SEO and a beautiful homepage all only work to deliver a visitor to this page — and here they decide. A good product card answers every question the buyer has, in the order they ask it: what is it (photos) → will it fit me (specs, sizes) → how much and how will I get it (price + delivery) → why should I trust this store (reviews, guarantee) → what do I do now (button). Below — the anatomy block by block, with typical losses.

Block 1. Photos — half of the sale happens here

• Main photo: the product on a clean background, large, readable on a phone.
• 4–8 angles: front, side, back, in-hand/on-body, detail/close-up of materials and fittings.
• Scale and context: “the mug in the hand”, “the sofa by the wall”, “the backpack on a person” — a person doesn’t understand sizes from “45 cm”.
• Video or 360° for expensive/technical goods: turning the item in hand answers 10 questions at once. See video on the site.
• Honesty rule: show exactly what gets shipped. A studio render of an item that arrives looking different is one refund and one one-star review.

Block 2. Title and key facts above the fold

The top of the page, without scrolling, must contain: full product name (“Women’s fleece jacket, oversized, beige”) → price → a short list of key facts (in stock, delivery today, 14-day return) → the “Buy” button. Everything below is already for convincing. If a visitor has to scroll to find out whether the item is available — you’ve already lost the impatient.

Block 3. Price, old price and financing options

• A legible price, with currency; an crossed-out old price with real difference (−20% reads better than −3%).
• For items above ~$200 — installments/PayLater if it fits your margin.
• No “price on request” in a store — this phrase kills conversion on hot demand. For complex custom products — “get a quote” with a one-field form, not silence.

Block 4. Variants: size, colour, modification

• Each variant changes the photo (picked beige — see beige). This is where carts die: the buyer picked a colour and sees the same photo.
• Size selector — with an actual size chart per product group (not “S=38-40” from 2018), parameters of a specific item (“model is 175 cm, size M”).
• Out-of-stock variants greyed out with “notify me” — that’s a lead capture, not a dead button. Email capture methods.

Block 5. Delivery and payment: close before the checkout

Buyers shouldn’t discover delivery in the cart — surprise shipping is the number one reason for abandoned carts cart abandonment breakdown. Right under the price: “delivery today across Kyiv, Nova Poshta 1–2 days, free from ₴1,500” and payment logos (card on site, cash on delivery). How to accept card payments — a separate conversation, but the buyer shouldn’t be having it.

Block 6. Description: for people first, for Google second

• The first 3–4 lines — the value in ordinary words: what problem the product solves, for whom, what makes it different.
• Then the structure: bullet benefits, materials/care, the full spec table, and a FAQ for the typical objections (“does it shrink after washing?”).
• No 500 words of “unique premium high-quality innovative” filler — search engines and AI assistants increasingly value specifics and structure; a buyer reads bullets, not adjectives. Selling copy guide.

Block 7. Trust on the product page

On this page, trust looks like: reviews with photos (including real negatives, answered by the store), the “14-day return, no questions” line, store contacts and address in the footer, “official warranty” for electronics. One more strong block: “frequently bought together” — this is both care and a higher cart average order value.

CTA: one button, and it’s not “Add”

“Buy” and “Add to cart” are different things. With one product on the page, the button is “Buy” (for a one-page checkout it’s even stronger — “Buy in one click”); “Add to cart” fits stores where multiple items are normal. The button is bright, above the fold, sticky on mobile. And next to it — a messenger button: “Ask about this item” catches the last fence-sitters messenger selling.

What ruins product cards: 7 typical mistakes

Mistake	What it costs	Fix
One photo from the supplier	distrust of “a reseller with no stock”	shoot it yourself; even a phone on a white sheet
No delivery terms on the page	price shock in the cart	“delivery: X, free from Y” under the price
Specs “in the attachment”	buyers don’t open files	a table and bullets on the page
Reviews without photos	looks fake	encourage photo reviews with a small bonus
No sizes for clothing at all	60%+ return rate confusion	a per-item table + “on the model”
Price only “on request”	hot buyers leave	publish it, or a one-field quote form
“Buy” at the very bottom of the page	the impatient leave	button above the fold + sticky on mobile

A quick audit of a current card (30 minutes)

What DEXA does with product pages

We design product cards from the buyer’s questions: photography brief, structure, delivery/payment blocks, variant logic with photo-switching, reviews and cross-sells, fast mobile templates — and wire it all into the platform or a custom store (like Solomia Beauty, where the rebuilt catalogue added +180% conversion in 4 months). How to choose the platform itself — a 2026 e-commerce guide.

Bottom line

A product card isn’t “a photo plus a description” — it’s a conversation with the buyer, arranged in the order their questions appear: show → prove → explain delivery → remove fear → give the button. What’s missing in the conversation is missing in sales. Run the 30-minute audit today: your best-sellers will probably thank you already this week.

Rebuild product pages for sales → — we do a catalogue audit, photography brief and the new card structure. Read next: why carts get abandoned and how to raise average order value.