Checklist pagina prodotto: cosa blocca gli acquisti online

Checklist della pagina prodotto dalle ricerche Baymard e WebAIM: prezzo, spedizioni e resi, foto, recensioni, carrello da mobile, pop-up, ricerca, tastiera.

Redazione FixReports12 min di lettura

Gli acquirenti si fermano più spesso su una pagina prodotto quando non riescono a capire il costo totale, non trovano le condizioni di spedizione e reso, non riescono a valutare il prodotto da foto e recensioni o non riescono a raggiungere e usare facilmente il pulsante di acquisto, soprattutto da smartphone. Bloccano gli acquisti anche i pop-up che coprono la pagina, le pagine delle informative difficili da trovare, una ricerca interna che non risponde a domande semplici e i controlli che non funzionano con la tastiera. I dati che seguono sono dati di ricerca di settore di Baymard Institute e WebAIM, basati su ampi campioni di siti e di acquirenti; descrivono schemi ricorrenti, non previsioni per un singolo negozio.

Punti chiave

  • Nel sondaggio 2026 di Baymard su 1.083 adulti statunitensi che avevano fatto acquisti online negli ultimi tre mesi, il 40% ha dichiarato di aver abbandonato un acquisto al checkout perché i costi aggiuntivi, come spedizione, tasse e commissioni, erano troppo alti (Baymard Institute (si apre in una nuova scheda)).
  • Il benchmark di Baymard sulle pagine prodotto ha rilevato che il 67% dei principali siti e-commerce non fornisce una stima del costo totale vicino alla sezione di acquisto, e che il 44% non mostra né collega la politica di reso dal contenuto principale del prodotto (Baymard Institute (si apre in una nuova scheda), aggiornato il 18 marzo 2026).
  • Nello stesso benchmark, il 62% dei siti mobile aveva una UX della pagina prodotto «mediocre» o peggiore.
  • A febbraio 2026 WebAIM ha rilevato errori WCAG sul 95,9% delle home page del primo milione di siti (WebAIM (si apre in una nuova scheda)).
  • In un’analisi Baymard del 2021 su 33 siti e-commerce tra quelli con il fatturato più alto, il 45% aveva funzionalità che non si potevano usare con la tastiera (Baymard Institute (si apre in una nuova scheda)).

Perché gli acquirenti abbandonano un acquisto?

La risposta più comune è che gli acquirenti stavano solo curiosando; seguono i costi aggiuntivi, la consegna lenta, la scarsa fiducia nella gestione dei dati della carta e l’obbligo di creare un account.

La pagina di Baymard sull’abbandono del carrello indica un tasso medio di abbandono documentato del 70,22%, calcolato su 50 studi (pagina aggiornata il 22 settembre 2025). Il suo grafico dei motivi, etichettato come dati 2026, deriva da un sondaggio su 1.083 adulti statunitensi che avevano fatto acquisti online nei tre mesi precedenti. I partecipanti potevano indicare più di un motivo (Baymard Institute (si apre in una nuova scheda), a ottobre 2026):

Motivo dell’abbandono di un acquisto online al checkoutQuota dei partecipanti
Stavo solo curiosando / non ero pronto ad acquistare42%
Costi aggiuntivi troppo alti (spedizione, tasse, commissioni)40%
La consegna era troppo lenta20%
Non mi fidavo a lasciare al sito i dati della mia carta di credito19%
Il sito voleva che creassi un account18%
Procedura di checkout troppo lunga o complicata17%
Il sito aveva errori o si è bloccato17%
La politica di reso non era soddisfacente13%
Non riuscivo a vedere o calcolare in anticipo il costo totale dell’ordine12%
La carta di credito è stata rifiutata10%
Non c’erano abbastanza metodi di pagamento9%

Si tratta di risultati di un sondaggio statunitense sul checkout, non di misurazioni del tuo negozio. Diversi di questi motivi nascono prima, sulla pagina prodotto, dove gli acquirenti vedono per la prima volta il prezzo, le condizioni di consegna e quelle di reso. Solo i tuoi dati di analytics possono mostrare quali contano per te.

Il prezzo completo è chiaro sulla pagina prodotto?

Il prezzo attuale, l’eventuale prezzo originale, che cosa è incluso o escluso e una stima della spedizione dovrebbero trovarsi tutti accanto al pulsante di acquisto.

Il benchmark 2026 di Baymard sulle pagine prodotto ha rilevato che il 67% dei siti non fornisce una stima del «costo totale dell’ordine» vicino alla sezione di acquisto, e che l’81% non mostra un prezzo unitario per i prodotti venduti in quantità o formati diversi (Baymard Institute (si apre in una nuova scheda)). Verifica che la pagina mostri:

  • Il prezzo attuale e, per gli articoli in saldo, il prezzo originale.
  • Un prezzo unitario per i prodotti venduti in più formati.
  • Se imposte o dazi sono inclusi.
  • Il costo di spedizione, o il valore d’ordine oltre il quale la spedizione è gratuita.

Shopify: nel tema Dawn, il blocco del prezzo aggiunge l’indicazione che le imposte sono incluse e un link che segnala che la spedizione viene calcolata al checkout, quando queste impostazioni e una politica di spedizione esistono (codice sorgente di Dawn (si apre in una nuova scheda)). È un’informazione corretta ma non è una stima, quindi aggiungi le tariffe effettive o la soglia per la spedizione gratuita in un blocco di testo.

WooCommerce: le opzioni per abilitare il calcolatore di spedizione nella pagina del carrello e per nascondere i costi di spedizione finché non viene inserito un indirizzo, in WooCommerce > Impostazioni > Spedizione (WooCommerce > Settings > Shipping), riguardano il carrello e il checkout, non la pagina prodotto (codice sorgente di WooCommerce (si apre in una nuova scheda)). Inserisci le tariffe nel template del prodotto o nella descrizione breve.

Gli acquirenti trovano le informazioni su spedizione e resi prima di aggiungere al carrello?

Inserisci vicino al pulsante di acquisto un breve riepilogo dei tempi di consegna, del costo di spedizione e del periodo per il reso, con un link alla politica completa.

Nel sondaggio Consideration & Purchase Behavior di Baymard su 1.032 partecipanti, il 60% ha dichiarato di cercare le informazioni sulla politica di reso nella pagina prodotto, eppure il 44% dei siti analizzati non le mostra né le collega dal contenuto principale del prodotto (Baymard Institute (si apre in una nuova scheda)). Nel sondaggio 2026 sull’abbandono citato sopra, il 20% ha indicato la consegna lenta e il 13% una politica di reso insoddisfacente.

<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: scrivi le tue informative in Impostazioni > Informative (Settings > Policies) (Shopify Help Center (si apre in una nuova scheda)). In Dawn, un blocco Collapsible row (riga comprimibile) sulla pagina prodotto può mostrare un testo o il contenuto di una pagina (codice sorgente di Dawn (si apre in una nuova scheda)), così un’unica pagina su spedizioni e resi può comparire su ogni prodotto.

WooCommerce: WooCommerce crea una pagina per la politica di rimborsi e resi (Refund and Returns Policy) come bozza (codice sorgente di WooCommerce (si apre in una nuova scheda)). Resta non pubblicata finché non la modifichi e la pubblichi.

Le immagini del prodotto rispondono alle domande degli acquirenti?

Le immagini dovrebbero mostrare il prodotto da diverse angolazioni, in scala e durante l’uso, perché molti acquirenti valutano dimensioni e vestibilità dalle foto anziché dalle specifiche.

I test di Baymard hanno rilevato che il 42% degli utenti cerca di capire le dimensioni di un prodotto dalle immagini, mentre il 37% dei siti analizzati non offre un’immagine «in scala» che mostri il prodotto accanto a una persona o a un oggetto familiare. E il 23% non offre un’immagine con un modello o una modella, cosa che conta soprattutto per abbigliamento, accessori e cosmetici (Baymard Institute (si apre in una nuova scheda)).

Verifica anche che la galleria passi all’immagine giusta quando si sceglie un colore, che lo zoom funzioni sugli smartphone e che ogni immagine abbia un testo alternativo che descriva ciò che mostra quella vista, per esempio «Camicia di lino, vista posteriore».

Le recensioni sono facili da trovare e credibili?

Mostra la valutazione media e il numero di recensioni vicino al titolo del prodotto, collegali alle recensioni complete e rispondi alle recensioni negative.

Baymard ha rilevato che l’89% dei siti analizzati non risponde alle recensioni negative, e che il 63% non permette agli acquirenti di passare dalle foto di un recensore a quelle del successivo tra le varie recensioni (Baymard Institute (si apre in una nuova scheda)). Anche i widget di recensioni che si caricano in ritardo possono spingere in basso la pagina, quindi riserva loro lo spazio.

Shopify: il blocco Product rating (valutazione del prodotto) di Dawn mostra le stelle provenienti da un’app di recensioni, e il tema indica che serve un’app (codice sorgente di Dawn (si apre in una nuova scheda)).

WooCommerce: in WooCommerce > Impostazioni > Prodotti (WooCommerce > Settings > Products), le opzioni sulle recensioni comprendono l’attivazione delle recensioni dei prodotti, l’etichetta «proprietario verificato» nelle recensioni dei clienti, la possibilità di far lasciare recensioni solo ai «proprietari verificati» e l’attivazione della valutazione a stelle nelle recensioni (codice sorgente di WooCommerce (si apre in una nuova scheda)).

Il pulsante «Aggiungi al carrello» è facile da raggiungere e toccare da smartphone?

Da smartphone, gli acquirenti dovrebbero poter vedere il prezzo, scegliere una variante e toccare «Aggiungi al carrello» senza dover cercare, con controlli abbastanza grandi da colpire.

Nel benchmark 2026 di Baymard, il 52% dei siti desktop e il 62% dei siti mobile aveva una UX della pagina prodotto «mediocre» o peggiore, e il 57% dei siti non usava pulsanti per la scelta della taglia, lasciando le taglie nascoste nei menu a discesa (Baymard Institute (si apre in una nuova scheda)).

Apri una pagina prodotto su un vero smartphone e verifica:

  • Prima schermata. In un layout impilato da smartphone la galleria viene spesso per prima, quindi un’immagine alta può spingere titolo, prezzo e pulsante sotto la prima schermata.
  • Barre di acquisto fisse. Se ne usi una, non deve coprire gli elementi con il focus. La sintesi del W3C sul criterio WCAG 2.2 2.4.11 (livello AA) usa come esempio un footer fisso che nasconde gli elementi con il focus (W3C (si apre in una nuova scheda)).
  • Target di tocco. Il criterio WCAG 2.5.8 (livello AA) fissa un minimo di 24 per 24 pixel CSS, con alcune eccezioni (W3C (si apre in una nuova scheda)); le linee guida di Shopify per i temi consigliano almeno 48 per 48 pixel su mobile (Shopify (si apre in una nuova scheda)).
  • Scorrimento orizzontale. Il criterio WCAG 1.4.10 Reflow richiede che i contenuti funzionino a 320 pixel CSS di larghezza senza scorrimento in due direzioni (W3C (si apre in una nuova scheda)). Tabelle delle taglie e tabelle comparative larghe ne sono cause frequenti.

I pop-up ostacolano l’acquisto?

I pop-up che coprono la pagina prodotto all’arrivo nascondono le informazioni che gli acquirenti cercano, quindi preferisci banner piccoli e limita gli inviti all’iscrizione.

Le linee guida di Google Search Central descrivono gli interstitial e le finestre di dialogo invasivi come elementi che ostruiscono la visualizzazione dei contenuti e consigliano banner piccoli anziché overlay a tutta pagina (Google Search Central (si apre in una nuova scheda)). Shopify fa notare che anche i contenuti dei pop-up possono causare spostamenti del layout (Shopify Help Center (si apre in una nuova scheda)). Qualsiasi finestra di dialogo che mantieni deve potersi chiudere con la tastiera; il criterio WCAG 2.1.2 No Keyboard Trap (livello A) richiede che il focus possa uscire da un componente usando solo la tastiera (W3C (si apre in una nuova scheda)).

Gli acquirenti trovano le pagine che danno fiducia e le informative?

Collega dal footer di ogni pagina le pagine su rimborsi, spedizioni, privacy, termini e contatti.

Nel sondaggio 2026 di Baymard, il 19% dei partecipanti ha dichiarato di aver abbandonato un acquisto perché non si fidava a lasciare al sito i dati della carta. Informative chiare e recapiti visibili sono segnali di base che un negozio è affidabile.

Shopify: una volta aggiunte le informative in Impostazioni > Informative (Settings > Policies), Shopify le collega automaticamente nel footer del checkout; per mostrarle nel negozio, aggiungile a un menu in Contenuti > Menu (Content > Menus) (Shopify Help Center (si apre in una nuova scheda)) oppure attiva l’impostazione Policy links (link alle informative) nel footer di Dawn.

WooCommerce: pubblica la bozza della pagina sui rimborsi, poi aggiungi al footer le pagine delle informative e dei contatti.

La ricerca interna trova prodotti e risposte?

La ricerca dovrebbe restituire i prodotti giusti per nomi, errori di battitura e sinonimi, e rispondere anche a domande come «resi» o «spedizione».

Il benchmark 2026 di Baymard sulla ricerca, su oltre 170 siti e app, ha giudicato «mediocre» o peggiore il 46% delle esperienze desktop, il 58% di quelle mobile e il 64% di quelle in app, e ha rilevato problemi con le ricerche non legate ai prodotti, come una ricerca della politica di reso che restituisce prodotti, sul 66% dei siti (Baymard Institute (si apre in una nuova scheda), aggiornato il 29 aprile 2026).

Testa il tuo negozio con il nome di un prodotto di punta, una sua versione con un errore di battitura, una parola che indica una categoria e «resi». Su Shopify, la ricerca del negozio restituisce prodotti, articoli del blog e pagine, con ricerca predittiva e tolleranza agli errori di battitura attive per impostazione predefinita, e l’app Search & Discovery aggiunge filtri e la possibilità di dare più risalto a determinati prodotti (Shopify Help Center (si apre in una nuova scheda)). Una normale pagina che riassume spedizioni e resi può quindi comparire per quelle ricerche.

Si può acquistare usando solo la tastiera?

Ogni passaggio, dalla scelta di una variante fino al checkout, dovrebbe funzionare solo con la tastiera, con un indicatore del focus visibile.

Le WCAG 2.2 richiedono che tutte le funzionalità si possano usare da tastiera (2.1.1, livello A), che non ci siano trappole per la tastiera (2.1.2, livello A), che ci sia un indicatore del focus visibile (2.4.7, livello AA) e che gli elementi con il focus non siano completamente nascosti da altri contenuti (2.4.11, livello AA) (W3C (si apre in una nuova scheda)). Queste basi mancano spesso. L’analisi Baymard del 2021 su 33 siti tra quelli con il fatturato più alto ha rilevato che il 45% aveva funzionalità non utilizzabili da tastiera e il 48% non manteneva sempre visibile l’indicatore del focus (Baymard Institute (si apre in una nuova scheda)). La scansione di WebAIM di febbraio 2026 ha rilevato una media di 56,1 errori per home page, e di 71,0 per i siti della sua categoria Shopping (WebAIM (si apre in una nuova scheda)).

Un test di cinque minuti:

  1. Carica una pagina prodotto e premi Tab senza toccare il mouse.
  2. Verifica di vedere sempre dove si trova il focus.
  3. Scegli taglia e colore, e modifica la quantità.
  4. Premi «Aggiungi al carrello» e verifica che il focus si sposti nel carrello a scomparsa e che questo si chiuda con la tastiera.
  5. Raggiungi il pulsante di checkout.
/* A visible focus style for keyboard users */
:focus-visible {
  outline: 3px solid #1a5fb4;
  outline-offset: 2px;
}

Una scansione gratuita controlla molti di questi punti in circa un minuto. Il Report Conversioni trasforma controlli sulle pagine, come la visibilità del prezzo, l’aggiunta al carrello da smartphone, le informazioni su spedizioni e resi, i pop-up, i link alle informative nel footer, la ricerca, il percorso d’acquisto da tastiera e lo scorrimento orizzontale, in raccomandazioni ordinate per priorità. Si basa su controlli delle pagine, non sui tuoi dati di vendita, e non garantisce alcuna vendita.

Domande frequenti

Qual è il motivo più comune per cui gli acquirenti abbandonano un acquisto?

Nel sondaggio 2026 di Baymard su 1.083 adulti statunitensi, la risposta più frequente è stata «stavo solo curiosando» (42%). Tra gli altri motivi, i costi aggiuntivi come spedizione, tasse e commissioni sono al primo posto con il 40%, davanti alla consegna lenta con il 20%.

Correggere questi problemi aumenterà il mio tasso di conversione?

Nessuno può prometterlo. Le ricerche descrivono barriere comuni in ampi campioni di siti e di acquirenti; se eliminarle cambi i tuoi risultati dipende da prodotti, prezzi e traffico, quindi misura prima e dopo ogni modifica.

Dove vanno messe le informazioni su spedizione e resi in una pagina prodotto?

Vicino al prezzo e al pulsante di acquisto, come breve riepilogo con un link alla politica completa. Nelle ricerche di Baymard, il 60% dei partecipanti ha dichiarato di cercare le informazioni sulla politica di reso nella pagina prodotto.

Il pulsante «Aggiungi al carrello» deve essere visibile senza scorrere da smartphone?

Nessuna regola lo impone, ma gli acquirenti dovrebbero vedere il prezzo e raggiungere il pulsante in fretta. Una barra di acquisto fissa è un’opzione, purché non nasconda gli elementi con il focus o altri contenuti.

L’accessibilità fa parte della conversione?

Sì, in senso molto concreto: un acquirente che non riesce a usare il selettore delle varianti o il pulsante «Aggiungi al carrello» con la tastiera o con uno screen reader non può acquistare. Le WCAG 2.2 di livello AA coprono queste basi.

Fonti

Tutte le guide