Spis treści
Strona produktu to miejsce, gdzie użytkownik podejmuje decyzję: „kupuję” albo „wychodzę”. Przeciętny sklep poświęca godziny na kampanie reklamowe, a potem traci klienta na źle zaprojektowanej karcie produktu. Rozbierzmy to na elementy.
Zdjęcia: jakość i kontekst
- Minimum 4–6 zdjęć: packshot na białym tle, zdjęcie w użyciu, detale, skala (np. obok znanego obiektu)
- Zoom on hover — użytkownik MUSI móc zobaczyć detale bez klikania
- Format: WebP/AVIF, rozdzielczość min. 1200×1200px dla zoom, lazy loading poniżej foldu
- Video produktowe: 15–30s. Nie reklama — pokazanie produktu w akcji. Konwersja rośnie o 10–15%.
Tip
W PrestaShop: skonfiguruj 'large_default’ na min. 1200px i włącz zoom w module pm_advancedimages lub podobnym. W WooCommerce: Variation Swatches + WooCommerce Zoom Magnifier.
Tytuł i opis: konkrety > przymiotniki
„Elegancki portfel ze skóry naturalnej” — to nic nie mówi. „Portfel z bydlęcej skóry licowej, 12 slotów na karty, RFID block, 11×9 cm” — to mówi wszystko. Opis produktu to nie miejsce na literaturę. To miejsce na specyfikację, korzyści i odpowiedzi na obiekcje.
Struktura opisu która działa:
- Nagłówek: co to jest + kluczowa cecha („Portfel skórzany z blokadą RFID”)
- 3–5 bullet points: najważniejsze cechy (materiał, wymiary, pojemność, gwarancja)
- Opis rozszerzony: 100–200 słów, odpowiadający na pytania „dlaczego ten, a nie inny?”
- Specyfikacja techniczna: tabela z parametrami
Social proof: opinie i rating
92% konsumentów czyta opinie przed zakupem online (Spiegel Research Center). Brak opinii = brak zaufania. Minimum:
- Gwiazdki (aggregate rating) widoczne bez scrollowania
- Liczba opinii obok gwiazdek („4.7 ★ (142 opinie)”)
- Zdjęcia od klientów — ważniejsze niż tekst, budują autentyczność
- Odpowiedzi na negatywne opinie — pokazują, że dbasz o klienta
Warianty: nie komplikuj
Jeśli produkt ma warianty (kolor, rozmiar), pokaż je jako visual swatches, nie dropdown. Użytkownik musi WIDZIEĆ opcje. Niedostępny wariant? Pokaż go jako wyszarzony z „Powiadom mnie”, nie ukrywaj. Ukrywanie wariantów = frustracja.
CTA: przycisk, który konwertuje
„Dodaj do koszyka” musi być widoczny na każdym ekranie (sticky na mobile). Kolor kontrastujący z resztą strony. Rozmiar: min. 48×48px touch target. Dodaj informację o dostępności obok: „Dostępny — wysyłka w 24h” działa lepiej niż sam przycisk.
Info
Test: otwórz kartę produktu na telefonie. Czy widzisz cenę, zdjęcie i przycisk „Dodaj do koszyka” bez scrollowania? Jeśli nie — masz problem z above-the-fold layout.
Karta produktu to nie kosmetyka — to inżynieria konwersji. Każdy element ma swoje miejsce i uzasadnienie biznesowe. Testuj zmiany A/B i mierz wpływ na add-to-cart rate.
