E-commerce

The Product Card That Sells – The Anatomy of the Perfect Card in 2026

Text
Contents

The product card is the most important page in your store. This is where the customer decides "I'm buying" or "I'm leaving." The Polish standard in 2026 is still a weak card—name, price, "Add to cart," short description. Conversion: 1.2%I'll show you how to make a card that converts 4-6%.

In short

  • Perfect product card = 18 items, each has its own function.
  • Top 3 items increasing conversion: photos, social proof, clear CTA.
  • Every item must have a reason — no "fillers".
  • Test proven: Compare your card to the top 5 in the industry. What's missing?

18 elements of the perfect product card

HEADER (above the fold)

1. Photo gallery (8+ photos)

Standard 2026:

  • 1× main product photo (white background)
  • 2× contextual photos (lifestyle)
  • 2× details (close-up textures)
  • 1× size (with person, hand, scale)
  • 1× photo from all sides
  • 1× product video 15–30 sec

Format: WebP, 1200×1200 px mostly, lazy load from the 4th photo.

2. Product Name (H1)

Short, descriptive, with keyword:

❌ "Shoes 12345"
✅ "Adidas Samba - white women's 39"

3. Price in context

299 zł
~~399 zł~~ (Oszczędzasz 100 zł, 25%)

Or the "Price was X in the last 30 days" bar (PL requirement).

4. Reviews + rating

Under the price:

⭐⭐⭐⭐⭐ 4,8 (287 opinii)

Clickable - Scrolls to the reviews section below.

5. Short description (USP in 3 points)

✓ Material: natural leather
✓ Waterproof up to 5 m
✓ 2-year warranty

6. Selection of variants

Size/color/capacity as clickable tiles, not dropdown:

Rozmiar:  [38] [39 - tylko 2 szt!] [40] [41]
Kolor:    [⚫] [⚪] [🟤]

7. Accessibility bar

🟢 Dostępne, wysyłka 24h
🟡 Tylko 2 sztuki w magazynie
🔴 Niedostępne (powiadom mnie)

8. CTA main

"Add to cart" button or "Buy now" in a strong, contrasting color.

Below it:
– Buy Now (Apple Pay / Google Pay) for mobile
– “Add to wishlist” as a secondary CTA

9. Social proof urgency

Under CTA:
– “🔥 12 people bought today”
– “👀 47 people are watching now”
– “⏰ Shipping today when ordering within 2 hours”

10. Trust badges

  • 🚚 Free delivery from 300 PLN
  • 📦 30 days to return
  • 🔒 Secure payments

PAGE BODY (below fold)

11. Long product description (with H2/H3)

Don't write, "Great product for everyday use." Be specific:

  • For whom: “Perfect for 5-10k runners”
  • What it solves: “Eliminates foot pain on long journeys”
  • What is the difference: “EVA insole 30% lighter than the competition”
  • Materials and technologies: technical details

Minimum 300 words. For SEO and for undecided customers.

12. Parameter table

Structural table with parameters:

ParameterValue
MaterialFull-grain leather
FinishVelour
OriginItaly
Libra350 g (size 42)
Guarantee24 months

13. Size chart (drop-down)

For clothing/shoes: cm table + "What to do if you're between sizes" advice.

For furniture: dimensions + spatial plan.

14. Product FAQ (5–10 questions)

Frequently asked questions. Schema FAQ → rich snippets on Google:

  • “How to wash this product?”
  • “Is it suitable for showering?”
  • “What is the difference vs model XYZ?”
  • “How long does delivery take?”
  • “Can I return it if it doesn't fit?”

15. Customer Reviews

  • Number and average rating
  • Filter by stars
  • Photos from customers (UGC) — the strongest social proof
  • Seller Responses to 1-Star Reviews (Shows Engagement)

16. Cross-sell (“Customers also bought”)

4–6 complementary products. WooCommerce has this built in (Linked Products → Cross-sells).

17. Up-sell (“You might be interested in the more expensive version”)

3 high-end products. Average basket increase of +18%.

18. Sticky CTA on mobile (bottom bar)

For mobile - bar at the bottom with price + Add to cart always visible.

Product card SEO

Title tag

Adidas Samba białe — buty damskie 39 | Websky Sport

55–60 characters, phrase + brand + variant + SKU.

Meta description

Damskie Samba w białym kolorze, rozmiar 39. Skóra naturalna, gwarancja 2 lata. Wysyłka 24h. ⭐ 4,8 (287 opinii). Sprawdź!

140–155 characters, USP, ratings, CTA.

URL

twojsklep.pl/adidas-samba-biale-damskie-39/

Contains the target phrase, without ID, without parameters.

Schema.org Product

Each card MUST have:

{
  "@type": "Product",
  "name": "...",
  "image": "...",
  "offers": { "price": "299", "priceCurrency": "PLN", "availability": "InStock" },
  "aggregateRating": { "ratingValue": "4.8", "reviewCount": "287" }
}

This gives stars in SERP — higher CTR.

H1 = product name

One H1 per page containing the target phrase.

Alt text photos

Each photo has an alt:

<img alt="Adidas Samba białe buty damskie z boku" src="...">

The most common mistakes

❌ Only 1-2 photos — the customer needs 6+ to decide

❌ Copied manufacturer's description — duplicate content, poor SEO, the customer sees it in 5 stores

❌ No reviews — "0 reviews" is a turn-off. Better 8 average reviews than 0.

❌ Size chart hidden — a key reason for uncertainty and abandonment

❌ Unoptimized photos — 5 MB loading = LCP > 5 s = client drops out

❌ CTA invisible — gray button on gray background. ALWAYS strong contrast

❌ No FAQs — all the answers in the description are mixed up, the customer cannot find anything specific

❌ No cross-selling — selling 1 product instead of 2

The final test

Open your product card and check:

  • [ ] 8+ photos (from different angles)
  • [ ] Product video
  • [ ] Price + crossed out old price (if promo)
  • [ ] Reviews visible on the 1st screen (stars)
  • [ ] Size selection as tiles, not dropdown
  • [ ] Accessibility bar
  • [ ] Highly contrasting CTA
  • [ ] Social proof for CTA
  • [ ] Trust badges
  • [ ] Long description 300+ words
  • [ ] Parameter table
  • [ ] FAQ with schema
  • [ ] Reviews from UGC
  • [ ] Cross-sell + up-sell
  • [ ] Sticky CTA on mobile
  • [ ] Schema Product

Every missing piece = lost sale.

Implementation time

  • Current card audit: 2 hours
  • Reconstruction plan: 1 day
  • Implementation of new photos: 1–3 days (depending on the number of products)
  • Rewriting descriptions: 1 day / 50 products (with AI assistance)
  • Schema configuration, FAQ, cross-sell: 2 days

Together: 1–2 weeks for a store with 100 products.

What's next

This week:

  1. Select the top 3 most popular products
  2. Make a checklist of 18 items for each
  3. Plan for shortages as a priority
  4. Implement on 1 test product
  5. After 4 weeks, compare conversion with the rest

We are redesigning product cards in optimization packages — 50 products in 4 weeks, average conversion increase +35%. Price: PLN 6,500 net. Write to us.

Twoja opinia

Czy ten artykuł był pomocny?

Jedno kliknięcie — pomaga mi wybierać kolejne tematy.

Share article

Websky Newsletter

New entries straight to your email.

Once a month — practical insights on WordPress, WooCommerce, SEO and AI. No spam, unsubscribe with one click.

  • Case studies from Polish projects
  • Checklists and templates to download
  • Google and WordPress changes in a nutshell

Your data goes to Websky Studio only. You can unsubscribe with one click in every message.

E-commerce

Policzmy, ile zostawiasz na stole.

Audyt ścieżki zakupowej, karta produktu i checkout — konkretne poprawki z wpływem na konwersję, nie lista pobożnych życzeń.

Zamów audyt sklepu