Pagine di categoria che convertono: buone pratiche per layout, filtri e ordinamento

La maggior parte dei commercianti PrestaShop concentra tutte le energie sulle pagine prodotto e tratta le pagine di categoria come un'impostazione predefinita da non toccare mai. È il ragionamento opposto a quello corretto. Per una quota enorme di negozi, la pagina di categoria è la prima pagina su cui atterra un visitatore — Google posiziona gli URL di categoria per termini commerciali ampi ("scarpe da corsa", "tubi da giardino", "sedie da ufficio"), e un acquirente che arriva lì sta confrontando, non ha ancora deciso. La pagina prodotto chiude la vendita con il cliente che hai già convinto; la pagina di categoria decide se quel cliente arriverà mai a una pagina prodotto. Questa guida riguarda il lavoro concreto, pagina per pagina, su quella griglia: layout, scheda prodotto, ordine di visualizzazione, quanti prodotti mostrare e come i clienti passano da una pagina all'altra — tutto nella struttura reale del back office e dei template di PrestaShop, non nella teoria generica dell'e-commerce.

Due grandi temi che vivono sulla pagina di categoria hanno già un approfondimento dedicato, e questo articolo li rimanda volutamente invece di trattarli a metà: il filtraggio a faccette (la barra laterale dei filtri vera e propria) è spiegato in aiutare i clienti a trovare i prodotti nei cataloghi grandi, mentre l'intestazione in alto nella pagina è una leva di conversione a sé in perché l'H1 della categoria non dovrebbe essere il nome della categoria. L'albero delle categorie dietro gli URL — profondità, denominazione, SEO — è in struttura delle categorie PrestaShop. Qui ci concentriamo sul layout e sulla meccanica dell'elenco.

Ultima revisione giugno 2026 — percorsi delle impostazioni verificati su PrestaShop dalla versione 1.7 alla 9 (temi Classic e Hummingbird).

Che cos'è davvero una pagina di categoria PrestaShop

Prima di modificare qualsiasi cosa, è utile sapere su cosa stai intervenendo. Una pagina di categoria in PrestaShop dalla versione 1.7 alla 9 viene generata da CategoryController, che estende la logica degli elenchi in ProductListingFrontController. La griglia visibile arriva dal category.tpl del tema, che include product-list.tpl e renderizza ogni elemento tramite il template della "miniatura" prodotto catalog/_partials/miniatures/product.tpl. Tre elementi di stato viaggiano nell'URL e il controller li legge a ogni richiesta:

• ?order= — l'ordinamento, per esempio ?order=product.price.asc o ?order=product.name.desc.
• ?page= — la paginazione, per esempio ?page=2.
• I filtri a faccette — gestiti dal modulo ps_facetedsearch, che aggiunge lo stato dei filtri all'URL, di solito tramite parametri di query.

Saperlo è importante perché quasi tutte le "buone pratiche" qui sotto sono impostazioni da modificare nel back office o piccoli interventi sul template — non una ricostruzione. Quindi cosa significa per te? Puoi correggere gran parte di ciò che fa perdere vendite nelle pagine di categoria senza una fattura da sviluppatore, e le modifiche resistono agli aggiornamenti del tema perché lavori con il sistema nativo degli elenchi prodotto di PrestaShop, non contro di esso.

Layout: griglia, lista e numero di colonne che si adatta davvero ai tuoi prodotti

Il tema Classic di PrestaShop (dalla 1.7 in poi) include solo un layout a griglia — il vecchio selettore griglia/lista della 1.6 è stato rimosso, quindi una vera vista elenco oggi arriva da un tema che la integra o da un modulo dedicato, non da un interruttore URL nativo. La griglia è la scelta giusta per la grande maggioranza dei cataloghi perché permette all'acquirente di scorrere molti prodotti con un solo colpo d'occhio. Ma la scelta non è estetica — dipende da che cosa vende il prodotto:

• Griglia, 3-4 colonne: quando è l'immagine a vendere — moda, gioielli, arredo, alimentari. La foto è l'aggancio, quindi lasciale spazio e mantieni essenziale il testo della scheda sotto.
• Vista elenco: quando a vendere è la scheda tecnica — elettronica, ricambi, forniture industriali, B2B. Una riga di elenco offre spazio per la descrizione breve, gli attributi chiave e la disponibilità, così chi acquista può confrontare senza aprire ogni prodotto.
• Adatta la vista al catalogo: nel tema Classic questo significa scegliere la griglia e ottimizzare la scheda per quel formato; se i tuoi prodotti hanno davvero bisogno di una vista elenco, è una decisione di tema/modulo da prendere consapevolmente. L'errore è una vista che rema contro il catalogo — un negozio di componenti server che mostra riquadri fotografici senza specifiche, o un negozio di moda compresso in righe dense: in entrambi i casi l'informazione decisiva viene sepolta.

Per il numero di colonne, la realtà pratica di PrestaShop è che la quantità di colonne è controllata dalla griglia CSS del tema (le classi di colonna Bootstrap in product-list.tpl), non da un menu a discesa del back office — quindi "mostrare 4 colonne invece di 3" è una piccola modifica di tema/CSS, idealmente nel tema child, così un aggiornamento non la sovrascrive. Evita di andare oltre quattro colonne su desktop: oltre quel limite, le immagini si riducono al punto da smettere di vendere.

La scheda prodotto: ogni elemento deve meritarsi il posto o essere eliminato

Il singolo riquadro (la "miniatura") è il punto in cui la pagina di categoria persuade davvero, e PrestaShop lo renderizza da catalog/_partials/miniatures/product.tpl. Una scheda che converte mostra un insieme ristretto e intenzionale di elementi — e nulla che aggiunga rumore:

La disciplina è sottrarre. Badge "novità", "saldo", "spedizione gratuita", bandierine, conto alla rovescia ed etichette sembrano tutti utili presi singolarmente; impilati su una sola scheda trasformano la griglia in rumore visivo e rallentano la pagina. Scegli uno o due elementi coerenti con il tuo argomento di vendita più forte e elimina il resto.

Ordinamento: scegli un valore predefinito intelligente, poi offri poche opzioni

L'ordinamento predefinito è una delle impostazioni con il maggiore impatto su tutta la pagina, perché la maggior parte degli acquirenti non lo cambia mai — l'ordine con cui pubblichi i prodotti è l'ordine con cui ti giudicano. PrestaShop imposta il valore predefinito a livello di catalogo in Parametri negozio → Impostazioni prodotto ("Ordina per impostazione predefinita" / "Metodo di ordinamento predefinito"), e il menu di ordinamento del front office scrive la scelta nel parametro ?order=. Le opzioni, e quando ciascuna dovrebbe essere il valore predefinito:

[screenshot: il pannello Impostazioni prodotto in cui "Ordina per impostazione predefinita", "Metodo di ordinamento predefinito" e "Prodotti per pagina" si trovano tutti nella stessa schermata]

• Rilevanza / posizione (il tuo ordine curato): il valore predefinito giusto per la maggior parte delle categorie — ti permette di mettere in alto prodotti più venduti e prodotti ad alto margine, impostandoli per categoria tramite trascinamento in Catalogo → Categorie. L'ordinamento scelto continua ad applicarsi anche dopo la selezione dei filtri.
• Prezzo: dal più basso al più alto: l'ordinamento manuale più usato dopo quello predefinito; gli acquirenti sensibili al prezzo lo cercano per primo, quindi assicurati che sia presente.
• Prezzo: dal più alto al più basso: utile nelle categorie premium, dove i clienti si aspettano che la qualità costi di più.
• Più recenti prima (per data di inserimento): corretto come valore predefinito nelle categorie a rotazione rapida — lanci moda, nuove tecnologie.
• Più venduti / vendite: la riprova sociale resa visibile; forte nelle categorie in cui "popolare" è un segnale reale.

Limita il menu a discesa a circa quattro-sei scelte. Ogni opzione di ordinamento in più è una decisione che chiedi all'acquirente di prendere invece di acquistare, e quelle marginali ("nome Z-A") vengono usate quasi mai. Un valore predefinito sbagliato, però, può costarti vendite in silenzio: un predefinito "prezzo dal più basso al più alto" mette davanti gli articoli più economici e a margine più basso, e abitua i visitatori a vedere il tuo negozio come un cestone delle occasioni.

Prodotti per pagina e come gli acquirenti raggiungono il resto

Quanti prodotti mostrare prima di interrompere l'elenco — e come l'acquirente arriva al gruppo successivo — si imposta in Parametri negozio → Impostazioni prodotto come "Prodotti per pagina" (il valore PS_PRODUCTS_PER_PAGE); alcuni temi o moduli possono anche mostrare un selettore nel front office, ma il controllo nativo è questa impostazione del back office. I tre modi per gestire "più prodotti di quanti ne entrino":

Per PrestaShop in particolare, la paginazione è l'impostazione predefinita sicura proprio perché produce URL reali e indicizzabili (/category?page=2) che funzionano bene con la cache a pagina intera e permettono a Google di raggiungere l'inventario più profondo. Se vuoi una sensazione più fluida, un pulsante "carica altro" è un compromesso migliore dello scorrimento infinito — mantiene il piè di pagina raggiungibile e la posizione salvabile. Per i prodotti per pagina, da 24 a 48 va bene per la maggior parte dei cataloghi; numeri molto alti (96+) appesantiscono la pagina e peggiorano il tempo di caricamento, che su una pagina di categoria incide direttamente sulla frequenza di rimbalzo.

Il testo introduttivo: un breve paragrafo, non un muro di testo, e non un filtro

Una pagina di categoria dovrebbe avere un blocco di testo unico — ma è facile esagerare. Lo schema che rispetta sia gli acquirenti sia i motori di ricerca: una breve introduzione (due o tre frasi) in alto sopra la griglia e, se vuoi maggiore profondità SEO, una descrizione più lunga sotto i prodotti, dove non spinge la griglia sotto la piega. PrestaShop ti dà esattamente due campi per farlo in Catalogo → Categorie → [modifica]: il campo principale Descrizione e, nelle versioni attuali (8.1+), un campo separato Descrizione aggiuntiva, il cui testo di aiuto dice che è "di solito mostrata dopo l'elenco dei prodotti nella pagina di categoria" — usali rispettivamente per la parte alta e quella bassa. Mantieni l'introduzione in alto intorno a 100-200 parole complessive, scritte prima di tutto per una persona.

[screenshot: la schermata di modifica della categoria con entrambi i campi visibili, Descrizione principale e Descrizione aggiuntiva, così la distinzione alto-vs-basso è evidente]

Un limite netto: il blocco di testo non è il posto in cui sostituire la navigazione. Se gli acquirenti non riescono a restringere una categoria grande, la soluzione è la barra laterale dei filtri, non un paragrafo di link — vedi la guida ai filtri a faccette. Anche l'intestazione sopra quell'introduzione merita un ragionamento a parte; una categoria chiamata "Scarpe" può avere un H1 che vende davvero, come spiegato in H1 personalizzato per le categorie.

Quando il catalogo è grande: filtri e ricerca fanno il lavoro pesante

Layout e ordinamento reggono una categoria di poche decine di prodotti. Oltre quel punto, il fattore decisivo è se l'acquirente può restringere — ed è un tema abbastanza ampio da meritare spazio altrove invece di essere compresso qui. Lo coprono due articoli collegati:

• Filtraggio a faccette (taglia, colore, marca, cursore del prezzo, disponibile, "12 di 156 mostrati", filtri attivi rimovibili) è la funzione decisiva per le categorie grandi, alimentata da ps_facetedsearch — la strategia completa, inclusa la personalizzazione dei filtri per categoria, è in Filter Revolution.
• Ricerca per l'acquirente che preferisce digitare invece di navigare — quando la ricerca predefinita di PrestaShop restituisce risultati deboli, la soluzione è in ricerca intelligente per PrestaShop.

La pagina di categoria su telefono è una pagina diversa

Più della metà del traffico sulle pagine di categoria oggi è da dispositivi mobili, e la griglia desktop non può semplicemente rimpicciolirsi. La versione per telefono richiede decisioni proprie — filtri compressi dietro un pulsante "Filtra" che apre un pannello a schermo intero (mai in linea, dove mangerebbero lo schermo), una griglia a due colonne (una spreca spazio, tre rimpiccioliscono troppo i prodotti), una barra filtri/ordinamento fissa che resta raggiungibile mentre l'acquirente scorre, e una vista rapida che mostra l'essenziale senza caricare un'intera pagina. È una disciplina abbastanza specifica da avere una guida dedicata — vedi commercio mobile — ma il punto centrale per le pagine di categoria è: progetta deliberatamente il layout su telefono, non ereditarlo.

Testa la pagina di categoria, perché i numeri si sommano

Le pagine di categoria combinano traffico elevato e impatto diretto sui ricavi, il che le rende il punto migliore del negozio in cui testare — un piccolo miglioramento qui si moltiplica su ogni prodotto sotto quella categoria. Esperimenti utili, tutti modificabili dalle impostazioni sopra:

• Prodotti per pagina — 24 contro 48 — osservando sia la conversione sia il tempo di caricamento della pagina.
• Ordinamento predefinito — la tua "posizione" curata contro "più venduti".
• Contenuto della scheda — con o senza stelle di valutazione; "Aggiungi al carrello" contro "Vista rapida".
• Posizionamento del testo introduttivo — in alto contro in basso — e se la griglia sopra la piega conta più delle parole.

Misura su un volume sufficiente per fidarti del risultato — almeno qualche settimana e qualche centinaio di sessioni per variante, non tre giorni di rumore — e guarda il clic dalla categoria al prodotto e la conversione finale, non solo i clic. La matematica è il motivo per cui vale la pena farlo: aumentare la conversione anche solo di un paio di punti su una pagina di categoria che vede diecimila visitatori al mese significa centinaia di acquirenti in più, e quel miglioramento si appoggia su ogni prodotto della categoria.

Domande frequenti

Dove imposto l'ordinamento predefinito delle pagine di categoria in PrestaShop?

In Parametri negozio → Impostazioni prodotto, tramite "Ordina per impostazione predefinita" e "Metodo di ordinamento predefinito". Questo imposta il valore predefinito a livello di catalogo che la maggior parte degli acquirenti non cambia mai. Per curare l'ordine all'interno di una singola categoria, trascina i prodotti in Catalogo → Categorie e usa "posizione" / rilevanza come ordinamento.

Quanti prodotti dovrei mostrare per pagina di categoria?

Da 24 a 48 va bene per la maggior parte dei cataloghi. Si imposta in Parametri negozio → Impostazioni prodotto come "Prodotti per pagina". Numeri molto alti (96+) gonfiano il peso della pagina e rallentano il caricamento, aumentando direttamente la frequenza di rimbalzo su una pagina di categoria — quindi privilegia la paginazione invece di mostrare centinaia di prodotti in una volta.

Posso aggiungere una vista elenco al tema Classic di PrestaShop?

Non tramite un selettore URL integrato. Il tema Classic (dalla 1.7 in poi) ha eliminato il vecchio selettore griglia/lista della 1.6 e include solo la griglia. Una vera vista elenco oggi arriva da un tema che la integra o da un modulo dedicato — quindi è una decisione di tema deliberata, da prendere solo quando a vendere il prodotto sono le specifiche (elettronica, ricambi, B2B) più che l'immagine.

Dovrei usare la paginazione o lo scorrimento infinito sulle pagine di categoria?

La paginazione è l'impostazione predefinita sicura in PrestaShop perché produce URL ?page= reali e indicizzabili, compatibili con la cache a pagina intera e capaci di far raggiungere a Google l'inventario più profondo. Se vuoi una sensazione più fluida, un pulsante "Carica altro" è un compromesso migliore dello scorrimento infinito, che rende il piè di pagina irraggiungibile e non offre una posizione salvabile nei preferiti.

Quale template genera una pagina di categoria PrestaShop?

A guidarla è CategoryController (che estende ProductListingFrontController); la griglia arriva dal category.tpl del tema, che include product-list.tpl, e ogni riquadro viene generato tramite catalog/_partials/miniatures/product.tpl. La maggior parte delle ottimizzazioni è un'impostazione del back office o un intervento leggero nel tema child, non una ricostruzione del controller.

Dove si inserisce nel tuo negozio

La pagina di categoria è il ponte tra il modo in cui arrivano i clienti — la tua navigazione con mega menu e la homepage — e la pagina prodotto che chiude la vendita. Sistema griglia, scheda, ordinamento predefinito e paginazione, affida il filtraggio e la ricerca più impegnativi a ps_facetedsearch e a un modulo di ricerca adeguato, e progetta la vista mobile con intenzione. Nulla di tutto questo richiede un fork del tema; quasi tutto vive in Parametri negozio → Impostazioni prodotto, Catalogo → Categorie e in un intervento leggero nel tema child. Il principio sotto ogni impostazione è lo stesso: un visitatore su una pagina di categoria ha espresso un'intenzione ma non ha ancora scelto — il tuo unico compito è rendere la scelta senza sforzo, e poi toglierti di mezzo.

Continua a leggere

• Filter Revolution: aiutare i clienti a trovare i prodotti nei cataloghi grandi — la barra laterale a faccette che sostiene le categorie oltre poche decine di prodotti.
• Struttura delle categorie PrestaShop: navigazione ottimizzata per la SEO — l'albero dietro questi URL: profondità, denominazione e slug.
• Mega menu PrestaShop: costruire una navigazione che converte — come gli acquirenti arrivano alla categoria giusta fin dall'inizio.