Checklist pentru pagina de produs: ce îi oprește pe cumpărători

Checklist pentru pagina de produs după studiile Baymard și WebAIM: preț, livrare și retur, imagini, recenzii, coș pe mobil, pop-up-uri, căutare, tastatură.

Echipa editorială FixReports12 min de lectură

Cumpărătorii se opresc cel mai des pe o pagină de produs atunci când nu își pot da seama de costul total, nu găsesc condițiile de livrare și de retur, nu pot evalua produsul din fotografii și recenzii sau nu pot ajunge ușor la butonul de cumpărare și nu îl pot folosi comod, mai ales pe telefon. Achizițiile sunt blocate și de ferestrele pop-up care acoperă pagina, de paginile cu politici greu de găsit, de o căutare pe site care nu răspunde la întrebări simple și de elementele care nu funcționează cu tastatura. Cifrele de mai jos provin din cercetările de specialitate ale Baymard Institute și WebAIM, bazate pe eșantioane mari de site-uri și de cumpărători; ele descriu tipare frecvente, nu previziuni pentru un anumit magazin.

Puncte-cheie

  • În sondajul Baymard din 2026, realizat pe 1.083 de adulți din SUA care cumpăraseră online în ultimele trei luni, 40% au spus că au abandonat o achiziție la checkout pentru că costurile suplimentare, precum livrarea, taxele și comisioanele, erau prea mari (Baymard Institute (se deschide într-o filă nouă)).
  • Studiul comparativ Baymard al paginilor de produs a constatat că 67% dintre principalele site-uri de comerț electronic nu oferă o estimare a costului total lângă zona de cumpărare, iar 44% nu afișează politica de retur și nici nu au un link către ea în conținutul principal al produsului (Baymard Institute (se deschide într-o filă nouă), actualizat pe 18 martie 2026).
  • În același studiu comparativ, 62% dintre site-urile pe mobil aveau o experiență a paginii de produs „mediocră” sau mai slabă.
  • WebAIM a detectat neconformități WCAG pe 95,9% dintre primele un milion de pagini principale în februarie 2026 (WebAIM (se deschide într-o filă nouă)).
  • Într-o analiză Baymard din 2021 a 33 de site-uri de comerț electronic cu cele mai mari venituri, 45% aveau funcții care nu puteau fi folosite cu tastatura (Baymard Institute (se deschide într-o filă nouă)).

De ce abandonează cumpărătorii o achiziție?

Cel mai frecvent răspuns este că doar se uitau; urmează costurile suplimentare, livrarea lentă, încrederea scăzută în felul în care sunt tratate datele cardului și crearea obligatorie a unui cont.

Pagina Baymard despre abandonul coșului indică o rată medie documentată de abandon de 70,22%, calculată din 50 de studii (pagină actualizată ultima dată pe 22 septembrie 2025). Graficul motivelor, etichetat ca date din 2026, provine dintr-un sondaj pe 1.083 de adulți din SUA care cumpăraseră online în ultimele trei luni. Respondenții puteau alege mai multe motive (Baymard Institute (se deschide într-o filă nouă), în octombrie 2026):

Motivul abandonării unei achiziții online la checkoutProcentul respondenților
Doar mă uitam / nu eram pregătit să cumpăr42%
Costuri suplimentare prea mari (livrare, taxe, comisioane)40%
Livrarea era prea lentă20%
Nu am avut încredere să las pe site datele cardului19%
Site-ul îmi cerea să îmi creez un cont18%
Proces de checkout prea lung sau prea complicat17%
Site-ul avea erori sau s-a blocat17%
Politica de retur nu era satisfăcătoare13%
Nu am putut vedea sau calcula de la început costul total al comenzii12%
Cardul a fost refuzat10%
Nu existau suficiente metode de plată9%

Acestea sunt rezultatele unui sondaj din SUA despre checkout, nu măsurători ale magazinului dumneavoastră. Mai multe dintre aceste motive apar însă mai devreme, pe pagina de produs, unde cumpărătorii văd pentru prima dată prețul, condițiile de livrare și condițiile de retur. Doar propriile date de analiză vă pot arăta care dintre ele contează în cazul dumneavoastră.

Este prețul complet clar pe pagina de produs?

Prețul actual, eventualul preț inițial, ce este și ce nu este inclus și o estimare a costului de livrare ar trebui să stea toate lângă butonul de cumpărare.

Studiul comparativ Baymard din 2026 al paginilor de produs a constatat că 67% dintre site-uri nu oferă o estimare a „costului total al comenzii” lângă zona de cumpărare și că 81% nu afișează prețul pe unitate pentru produsele vândute în cantități sau dimensiuni diferite (Baymard Institute (se deschide într-o filă nouă)). Verificați că pagina afișează:

  • Prețul actual și, la produsele reduse, prețul inițial.
  • Un preț pe unitate pentru produsele vândute în mai multe dimensiuni.
  • Dacă TVA-ul sau taxele vamale sunt incluse.
  • Costul livrării sau valoarea comenzii de la care livrarea este gratuită.

Shopify: în tema Dawn, blocul de preț adaugă textul „Taxes included.” (taxe incluse) și un link „Shipping calculated at checkout.” (livrarea se calculează la checkout) atunci când există aceste setări și o politică de livrare (codul sursă Dawn (se deschide într-o filă nouă)). Informația este corectă, dar nu este o estimare, așa că adăugați într-un bloc de text tarifele reale sau pragul pentru livrare gratuită.

WooCommerce: opțiunile „Enable the shipping calculator on the cart page” (activează calculatorul de livrare pe pagina coșului) și „Hide shipping costs until an address is entered” (ascunde costurile de livrare până la introducerea unei adrese) din WooCommerce > Settings > Shipping influențează coșul și checkout-ul, nu pagina de produs (codul sursă WooCommerce (se deschide într-o filă nouă)). Treceți tarifele în șablonul de produs sau în descrierea scurtă.

Pot găsi cumpărătorii informațiile despre livrare și retur înainte de a adăuga produsul în coș?

Puneți lângă butonul de cumpărare un scurt rezumat cu termenul de livrare, costul livrării și perioada de retur, cu un link către politica completă.

În sondajul Baymard Consideration & Purchase Behavior, cu 1.032 de respondenți, 60% au spus că pe pagina de produs caută informații despre politica de retur, însă 44% dintre site-urile analizate nu le afișează și nici nu au un link către ele în conținutul principal al produsului (Baymard Institute (se deschide într-o filă nouă)). În sondajul din 2026 despre abandon, menționat mai sus, 20% au invocat livrarea lentă și 13% o politică de retur nesatisfăcătoare.

<details class="product-policy">
  <summary>Shipping and returns</summary>
  <p>Ships in 1 to 2 business days. Free shipping on orders over $75.</p>
  <p>Free returns within 30 days. <a href="{{ shop.refund_policy.url }}">Read the return policy</a></p>
</details>

Shopify: scrieți politicile în Settings > Policies (Setări > Politici) (Shopify Help Center (se deschide într-o filă nouă)). În Dawn, un bloc Collapsible row (rând pliabil) de pe pagina de produs poate afișa text sau conținutul unei pagini (codul sursă Dawn (se deschide într-o filă nouă)), așa că o singură pagină despre livrare și retur poate apărea pe fiecare produs.

WooCommerce: WooCommerce creează o pagină „Refund and Returns Policy” (politica de rambursare și retur) ca ciornă (codul sursă WooCommerce (se deschide într-o filă nouă)). Pagina rămâne nepublicată până când o editați și o publicați.

Răspund imaginile produsului la întrebările cumpărătorilor?

Imaginile ar trebui să arate produsul din mai multe unghiuri, la scară și în utilizare, pentru că mulți cumpărători apreciază dimensiunea și potrivirea din fotografii, nu din specificații.

Testele Baymard au arătat că 42% dintre utilizatori încearcă să își dea seama de dimensiunea unui produs din imagini, în timp ce 37% dintre site-urile analizate nu oferă o imagine „la scară”, care să arate produsul lângă o persoană sau lângă un obiect cunoscut. Iar 23% nu oferă o imagine cu un model uman, lucru care contează cel mai mult la îmbrăcăminte, accesorii și cosmetice (Baymard Institute (se deschide într-o filă nouă)).

Verificați și că galeria trece la imaginea potrivită când este aleasă o culoare, că zoomul funcționează pe telefoane și că fiecare imagine are un text alternativ care descrie ce arată acea vedere, de exemplu „Cămașă din in, vedere din spate”.

Sunt recenziile ușor de găsit și credibile?

Afișați nota medie și numărul de recenzii lângă titlul produsului, cu link către recenziile complete, și răspundeți la recenziile negative.

Baymard a constatat că 89% dintre site-urile analizate nu răspund la recenziile negative și că 63% nu le permit cumpărătorilor să treacă de la fotografiile unui autor de recenzie la fotografiile următorului (Baymard Institute (se deschide într-o filă nouă)). Widgeturile de recenzii care se încarcă târziu pot, de asemenea, să împingă pagina în jos, așa că rezervați-le spațiul.

Shopify: blocul Product rating (evaluarea produsului) din Dawn afișează stele dintr-o aplicație de recenzii, iar tema precizează că este necesară o aplicație (codul sursă Dawn (se deschide într-o filă nouă)).

WooCommerce: în WooCommerce > Settings > Products, opțiunile pentru recenzii includ „Enable product reviews”, „Show 'verified owner' label on customer reviews”, „Reviews can only be left by 'verified owners'” și „Enable star rating on reviews” (activarea recenziilor, eticheta „proprietar verificat”, recenzii doar de la proprietari verificați și evaluarea cu stele) (codul sursă WooCommerce (se deschide într-o filă nouă)).

Este butonul de adăugare în coș ușor de găsit și de atins pe telefon?

Pe telefon, cumpărătorii ar trebui să poată vedea prețul, alege o variantă și atinge butonul de adăugare în coș fără să caute, cu elemente suficient de mari pentru a fi atinse ușor.

În studiul comparativ Baymard din 2026, 52% dintre site-urile pe desktop și 62% dintre cele pe mobil aveau o experiență a paginii de produs „mediocră” sau mai slabă, iar 57% dintre site-uri nu foloseau butoane pentru alegerea mărimii, lăsând mărimile ascunse în liste derulante (Baymard Institute (se deschide într-o filă nouă)).

Deschideți o pagină de produs pe un telefon real și verificați:

  • Primul ecran. În layoutul pe o singură coloană de pe telefon, galeria apare adesea prima, așa că o imagine înaltă poate împinge titlul, prețul și butonul sub primul ecran.
  • Barele fixe de cumpărare. Dacă folosiți una, aceasta nu trebuie să acopere elementele focalizate. Rezumatul W3C pentru criteriul WCAG 2.2 2.4.11 (nivelul AA) dă ca exemplu un subsol fix care ascunde elementele focalizate (W3C (se deschide într-o filă nouă)).
  • Țintele de atingere. WCAG 2.5.8 (nivelul AA) stabilește un minimum de 24 pe 24 de pixeli CSS, cu excepții (W3C (se deschide într-o filă nouă)); ghidul Shopify pentru teme recomandă cel puțin 48 pe 48 de pixeli pe mobil (Shopify (se deschide într-o filă nouă)).
  • Derularea laterală. WCAG 1.4.10 Reflow cere ca conținutul să funcționeze la o lățime de 320 de pixeli CSS fără derulare în două direcții (W3C (se deschide într-o filă nouă)). Tabelele de mărimi late și tabelele comparative sunt cauze frecvente.

Ferestrele pop-up împiedică cumpărarea?

Ferestrele pop-up care acoperă pagina de produs imediat ce aceasta se deschide ascund informațiile pentru care au venit cumpărătorii, așa că preferați bannerele mici și limitați solicitările de abonare.

Ghidul Google Search Central descrie interstițialele și dialogurile intruzive drept elemente care blochează vizualizarea conținutului și recomandă bannere mici în locul suprapunerilor pe toată pagina (Google Search Central (se deschide într-o filă nouă)). Shopify observă că și conținutul pop-up poate provoca deplasări de layout (Shopify Help Center (se deschide într-o filă nouă)). Orice dialog pe care îl păstrați trebuie să poată fi închis cu tastatura; WCAG 2.1.2 No Keyboard Trap (nivelul A) cere ca focalizarea să poată părăsi o componentă folosind doar tastatura (W3C (se deschide într-o filă nouă)).

Pot găsi cumpărătorii paginile care inspiră încredere și politicile magazinului?

Puneți în subsolul fiecărei pagini linkuri către paginile de rambursare, livrare, confidențialitate, termeni și contact.

În sondajul Baymard din 2026, 19% dintre respondenți au spus că au abandonat o achiziție pentru că nu au avut încredere să lase pe site datele cardului. Politicile clare și datele de contact sunt semnale de bază că un magazin este legitim.

Shopify: după ce adăugați politicile în Settings > Policies, Shopify pune automat linkuri către ele în subsolul checkout-ului; pentru a le afișa în magazin, adăugați-le într-un meniu din Content > Menus (Conținut > Meniuri) (Shopify Help Center (se deschide într-o filă nouă)) sau activați setarea de subsol Policy links (linkuri către politici) din Dawn.

WooCommerce: publicați pagina de rambursare aflată în ciornă, apoi adăugați în subsol paginile cu politicile și pagina de contact.

Găsește căutarea de pe site produsele și răspunsurile?

Căutarea ar trebui să returneze produsele potrivite pentru nume, greșeli de scriere și sinonime și să răspundă și la întrebări precum „retur” sau „livrare”.

Studiul comparativ Baymard din 2026 privind căutarea, pe peste 170 de site-uri și aplicații, a evaluat ca „mediocre” sau mai slabe 46% dintre experiențele pe desktop, 58% dintre cele pe mobil și 64% dintre cele din aplicații și a găsit probleme la căutările care nu vizează produse, de exemplu o căutare a politicii de retur care returnează produse, pe 66% dintre site-uri (Baymard Institute (se deschide într-o filă nouă), actualizat pe 29 aprilie 2026).

Testați magazinul cu numele unui produs bestseller, cu o greșeală de scriere a acestuia, cu un cuvânt de categorie și cu „retur”. Pe Shopify, căutarea din magazin returnează produse, articole de blog și pagini, cu căutare predictivă și toleranță la greșeli de tastare activate implicit, iar aplicația Search & Discovery adaugă filtre și promovarea unor produse (Shopify Help Center (se deschide într-o filă nouă)). Prin urmare, o pagină obișnuită care rezumă livrarea și returul poate apărea la aceste căutări.

Poate cineva să cumpere folosind doar tastatura?

Fiecare pas, de la alegerea variantei până la ajungerea la checkout, ar trebui să funcționeze doar cu tastatura, cu un indicator de focalizare vizibil.

WCAG 2.2 cere ca toate funcțiile să poată fi folosite de la tastatură (2.1.1, nivelul A), fără capcane de tastatură (2.1.2, nivelul A), cu un indicator de focalizare vizibil (2.4.7, nivelul AA) și cu elemente focalizate care nu sunt ascunse complet de alt conținut (2.4.11, nivelul AA) (W3C (se deschide într-o filă nouă)). Aceste elemente de bază lipsesc adesea. Analiza Baymard din 2021 a 33 de site-uri cu cele mai mari venituri a constatat că 45% aveau funcții care nu puteau fi folosite cu tastatura și 48% nu mențineau indicatorul de focalizare vizibil în permanență (Baymard Institute (se deschide într-o filă nouă)). Scanarea WebAIM din februarie 2026 a găsit în medie 56,1 erori detectate pe pagina principală și 71,0 pentru site-urile din categoria Shopping (WebAIM (se deschide într-o filă nouă)).

Un test de cinci minute:

  1. Încărcați o pagină de produs și apăsați Tab fără să atingeți mouse-ul.
  2. Verificați că vedeți mereu unde se află focalizarea.
  3. Alegeți o mărime și o culoare și modificați cantitatea.
  4. Apăsați butonul de adăugare în coș și verificați că focalizarea trece în sertarul coșului și că acesta se închide cu tastatura.
  5. Ajungeți la butonul de checkout.
/* A visible focus style for keyboard users */
:focus-visible {
  outline: 3px solid #1a5fb4;
  outline-offset: 2px;
}

Scanarea gratuită verifică multe dintre aceste puncte în aproximativ un minut. Raportul de conversie transformă verificările paginilor, precum vizibilitatea prețului, adăugarea în coș pe telefon, informațiile despre livrare și retur, ferestrele pop-up, linkurile către politici din subsol, căutarea, parcursul de cumpărare cu tastatura și derularea laterală, în recomandări ordonate după prioritate. Raportul se bazează pe verificări ale paginilor, nu pe datele dumneavoastră de vânzări, și nu garantează vânzări.

Întrebări frecvente

Care este cel mai frecvent motiv pentru care cumpărătorii abandonează o achiziție?

În sondajul Baymard din 2026, realizat pe 1.083 de adulți din SUA, cel mai frecvent răspuns a fost „doar mă uitam” (42%). Dintre celelalte motive, costurile suplimentare, precum livrarea, taxele și comisioanele, s-au clasat pe primul loc, cu 40%, înaintea livrării lente, cu 20%.

Va crește rata de conversie dacă rezolv aceste probleme?

Nimeni nu poate promite asta. Cercetările descriu bariere frecvente în eșantioane mari de site-uri și de cumpărători; dacă eliminarea lor vă schimbă rezultatele depinde de produse, prețuri și trafic, așa că măsurați înainte și după fiecare modificare.

Unde ar trebui să apară pe pagina de produs informațiile despre livrare și retur?

Lângă preț și lângă butonul de cumpărare, ca un scurt rezumat cu link către politica completă. În cercetarea Baymard, 60% dintre respondenți au spus că pe pagina de produs caută informații despre politica de retur.

Trebuie ca butonul de adăugare în coș să fie vizibil pe telefon fără derulare?

Nicio regulă nu cere acest lucru, dar cumpărătorii ar trebui să vadă prețul și să ajungă rapid la buton. O bară fixă de cumpărare este o opțiune, cu condiția să nu ascundă elementele focalizate sau alt conținut.

Face accesibilitatea parte din conversie?

Da, în sensul cel mai simplu: un cumpărător care nu poate folosi selectorul de variante sau butonul de adăugare în coș cu tastatura ori cu un cititor de ecran nu poate cumpăra. WCAG 2.2 nivelul AA acoperă aceste elemente de bază.

Surse

Toate ghidurile