Schede prodotto: aggiungere specifiche, guide e contenuti personalizzati alle pagine prodotto

Ultimo aggiornamento: giugno 2026 — l'hook per le schede displayProductExtraContent e il comportamento delle Caratteristiche descritti qui si applicano a PrestaShop 1.7, 8 e 9.

Una pagina prodotto deve soddisfare due persone che non si sovrappongono mai: l'acquirente che ha già deciso e vuole solo il pulsante Aggiungi al carrello, e chi sta ancora valutando e non si impegnerà finché non avrà controllato dimensioni, compatibilità, tabella taglie e condizioni di garanzia. Se inserisci tutto ciò che serve al secondo dentro la descrizione visibile, sommergi il primo in un muro di testo. Se tagli per mantenere la pagina pulita, chi sta cercando risposte se ne va altrove. Le schede sono il modo in cui PrestaShop risolve questa tensione — permettono alla pagina di contenere materiale di approfondimento (specifiche, guide, download, FAQ) senza imporlo a chiunque vi arrivi. Questa guida riguarda nello specifico come portare quei contenuti dentro le schede in un negozio PrestaShop: cosa costruisce già la piattaforma, cosa non fa, e qual è il modo più pulito per aggiungere sezioni a schede personalizzate per prodotto, per categoria o per tutto il negozio.

Se sei in una fase precedente — stai ancora decidendo cosa debba stare nella pagina e in quale ordine — parti dall'anatomia della pagina prodotto e dalle più ampie buone pratiche di progettazione della pagina prodotto. Questo articolo riprende da lì e si concentra sulla meccanica della barra delle schede.

Cosa offrono davvero le schede predefinite di PrestaShop

In un negozio PrestaShop 1.7, 8 o 9 standard, la barra delle schede viene generata dai template prodotto del tema — soprattutto themes/your-theme/templates/catalog/product.tpl e i relativi template parziali di catalogo inclusi — e le schede predefinite vengono alimentate da fonti fisse:

• Descrizione — il campo lungo description dalla scheda Descrizione dell'editor prodotto. La descrizione breve (riepilogo) di solito viene mostrata sopra il prezzo, non dentro una scheda.
• Dettagli prodotto — recupera i dati strutturati del prodotto: le Caratteristiche che colleghi nella scheda Dettagli del prodotto, più Riferimento/EAN/UPC del prodotto. È la scheda che la maggior parte dei commercianti sottovaluta.
• Download — una scheda separata che appare solo quando hai caricato allegati (manuali, schede tecniche) nel prodotto. Nel tema classic è una scheda autonoma, non incorporata in Dettagli prodotto.
• Recensioni — appare solo se è installato un modulo recensioni agganciato alla pagina prodotto. Su 1.7/8/9 il modulo ufficiale Product Comments viene renderizzato tramite l'hook displayProductExtraContent (gli hook legacy displayProductTab/displayProductTabContent usati in 1.6 sono stati rimossi in 1.7).

Quindi? La maggior parte delle schede predefinite non è testo libero. La scheda Dettagli prodotto viene assemblata da dati strutturati, ed è proprio per questo che vale più di quanto sembri — ed è anche il motivo per cui "scrivilo semplicemente nella descrizione" è l'istinto sbagliato per qualsiasi informazione misurabile.

Le Caratteristiche sono la scheda che molti negozi ignorano — e quella che rende due volte

Per tutto ciò che ha attributi misurabili (elettronica, utensili, mobili, qualsiasi prodotto con una scheda tecnica), la sede corretta è Catalogo → Attributi & Caratteristiche → Caratteristiche, non un paragrafo nella descrizione. Crei una caratteristica una sola volta (per esempio "Peso", "Materiale", "Potenza in uscita"), le assegni valori predefiniti, poi colleghi quei valori a ogni prodotto nella sua scheda Dettagli.

Questo ripaga in due punti allo stesso tempo, ed è ciò che rende questa decisione sulle schede una delle più efficaci:

• La scheda delle specifiche si genera da sola. Le Caratteristiche vengono mostrate automaticamente nella scheda Dettagli prodotto come un elenco pulito nome/valore — niente HTML da formattare a mano, nessuna tabella da mantenere prodotto per prodotto. Modifichi un valore una volta sola e ogni punto in cui appare si aggiorna.
• Alimentano il filtro a faccette. Le stesse caratteristiche alimentano la navigazione a livelli (ps_facetedsearch) nelle pagine categoria, quindi "Materiale: pelle" o "Potenza: 2000W" diventano filtri cliccabili per i clienti. Il contenuto in testo libero della descrizione non potrà mai farlo.

La disciplina è la stessa che mantiene pulite le descrizioni: i dati strutturati vanno nelle caratteristiche, il testo discorsivo va nella descrizione. Se stai scrivendo la parte testuale, come scrivere descrizioni prodotto che si posizionano e convertono la approfondisce, mentre la tabella delle specifiche fa parte della decisione tra acquistare e tornare indietro descritta nell'anatomia della pagina prodotto.

I quattro tipi di contenuto per le schede — e dove collocare ciascuno

Non tutti i contenuti di riferimento hanno bisogno della stessa sede. Abbinare il tipo di contenuto al meccanismo giusto è ciò che mantiene gestibile un catalogo prodotti a 50 articoli come a 5.000.

L'errore che vediamo più spesso è usare un campo personalizzato per prodotto per contenuti identici in un'intera categoria — una singola tabella taglie per scarpe copiata e incollata su 300 prodotti. Quando la tabella cambia, sono 300 modifiche e un'incoerenza quasi certa. Il contenuto a scheda per categoria risolve il problema: lo stesso blocco viene mostrato su ogni prodotto della categoria, modificato in un solo punto. Quel meccanismo a livello di categoria, scrivi-una-volta, è esattamente ciò che un modulo per schede come Product Extra Info Tabs aggiunge sopra al core.

Aggiungere schede davvero personalizzate: gli approcci puliti

Quando vai oltre caratteristiche e allegati, ti serve una scheda che possa contenere contenuti arbitrari. In PrestaShop ci sono tre modi per farlo, in ordine crescente di quanto ti costeranno in seguito.

Il motivo per cui esiste la strada del modulo è la terza riga: modificare product.tpl in un tema child funziona finché il prossimo aggiornamento del tema non riorganizza quei template parziali, e a quel punto le tue schede spariscono di martedì senza preavviso. Un modulo che registra i propri contenuti tramite l'hook displayProductExtraContent (l'hook moderno per le schede di 1.7/8/9) aggiunge schede senza toccare un solo file del tema, quindi sopravvive agli aggiornamenti del tema e del core — che è il punto centrale del farlo nel modo PrestaShop invece che nel modo veloce.

Come si aggancia un modulo per schede

Se guardi sotto il cofano, PrestaShop moderno (1.7, 8 e 9) costruisce le schede personalizzate tramite un unico hook: displayProductExtraContent. Un modulo si aggancia lì e restituisce uno o più oggetti ProductExtraContent — ognuno porta un titolo (l'etichetta cliccabile della scheda) e un contenuto (il corpo del pannello), impostati con setTitle() e setContent() — poi il ProductExtraContentFinder di PrestaShop li raccoglie e li renderizza come schede Bootstrap. Lo scheletro di un hook di questo tipo è questo:

public function hookDisplayProductExtraContent($params)
{
    $tab = (new PrestaShop\PrestaShop\Core\Product\ProductExtraContent())
        ->setTitle($this->l('Care & Sizing'))
        ->setContent($this->fetch('module:mymodule/views/templates/hook/tab.tpl'));

    return [$tab];
}

(Questo ha sostituito il vecchio modello a due hook di 1.6, con displayProductTab per l'etichetta e displayProductTabContent per il corpo, entrambi rimossi in 1.7.) Un modulo costruito bene ti permette di definire più schede, indirizzarle per prodotto o categoria e, cosa importante, inserire il contenuto nell'HTML iniziale della pagina invece di recuperarlo via AJAX al clic. Quest'ultimo dettaglio non è cosmetico — è la differenza tra contenuto che Google indicizza e contenuto che non vedrà mai, come spiega la sezione successiva.

Google legge ciò che si trova dentro una scheda nascosta?

Questa è la domanda che conta davvero per la parte SEO della decisione, e la risposta onesta ha due lati:

• Il contenuto nascosto con CSS (display:none) viene in genere indicizzato. Quando tutto il contenuto della scheda è presente nell'HTML iniziale della pagina e la scheda è solo compressa visivamente, Google può leggerlo. Quindi specifiche, risposte alle FAQ e testi guida contribuiscono alla pertinenza della pagina per le parole chiave anche se il visitatore vede una sola scheda alla volta. Questo è il vantaggio: profondità informativa senza una pagina visibilmente affollata.
• Il contenuto caricato via AJAX al clic potrebbe non esserlo. Se una scheda recupera il proprio corpo solo quando il cliente la clicca, quel testo non è nell'HTML che il crawler riceve per primo, e non puoi fare affidamento sul fatto che venga indicizzato.

Quindi? Preferisci schede il cui contenuto viene renderizzato dal server nell'HTML iniziale. È una singola scelta tecnica con un impatto sproporzionato: le stesse parole lavorano per chi approfondisce e per la ricerca. Il fatto che il contenuto nascosto in una scheda si posizioni con la stessa forza del contenuto visibile è realmente dibattuto, e le indicazioni di Google sono cambiate nel corso degli anni — quindi, per i contenuti su cui vuoi posizionarti di più, la scelta più prudente è mantenere il testo più importante nella descrizione sempre visibile e trattare le schede come approfondimento di supporto, non come unica sede delle parole chiave importanti. Per il testo prodotto che fa il grosso del lavoro di posizionamento, vedi come scrivere descrizioni prodotto che si posizionano e convertono.

[SCREENSHOT: pagina prodotto del front office con la barra delle schede aperta su una scheda personalizzata "Cura & taglie", più la vista del sorgente della pagina che mostra il testo della scheda presente nell'HTML iniziale — evidenziare che il contenuto è renderizzato dal server, non caricato via AJAX.]

Progettare la barra delle schede perché venga usata

Una scheda che nessuno apre è peso morto. Alcune decisioni separano una barra utile da una che travolge l'utente:

• Limitala a 3–5 schede. Oltre le sette, la barra appare affollata e le etichette iniziano ad andare a capo. Unisci i contenuti naturalmente collegati — una scheda "Spedizioni & resi" funziona meglio di due schede sottili.
• Ordina per domanda, non per organigramma. Prima la descrizione, poi le specifiche (è la scheda più aperta dopo il testo principale nei prodotti tecnici), e alla fine le schede a traffico basso come Download o Garanzia.
• Nascondi le schede vuote. Un prodotto senza allegati non dovrebbe mostrare una scheda Download vuota — le schede vuote fanno sembrare il negozio incompleto. I buoni moduli per schede sopprimono automaticamente una scheda quando il contenuto è vuoto; se stai sovrascrivendo i template a mano, devi programmare tu quel controllo (un altro motivo per cui la strada del modulo invecchia meglio).
• Formatta il contenuto dentro la scheda. Tabelle per le specifiche, elenchi puntati per le caratteristiche, blocchi brevi per le FAQ. Un paragrafo denso dentro una scheda non viene letto proprio dalla persona per cui hai aperto quella scheda.

Su mobile, valuta di trasformare le schede in un accordion

PrestaShop standard non garantisce un accordion mobile per le schede prodotto — a seconda del CSS del tema, le schede Bootstrap possono semplicemente andare a capo o restare come una barra orizzontale — quindi verifica prima come si comporta davvero il tuo tema su un telefono. Dove non lo fa già, vale la pena implementare la barra delle schede come un accordion impilato sotto un certo breakpoint, toccando un titolo per espandere la sua sezione. In genere è il comportamento corretto e merita di essere progettato intenzionalmente:

• L'accordion batte lo scorrimento orizzontale. Una fila di schede che richiede swipe laterale su telefono nasconde etichette fuori dallo schermo; un accordion mostra subito il titolo di ogni sezione ed espande solo quella toccata.
• Non annidare mai schede dentro altre schede. Il carico cognitivo di una navigazione a due livelli su uno schermo da 6 pollici è troppo alto — appiattiscila.
• Testa l'ordine da chiuso. Un accordion di solito riusa lo stesso ordine sorgente, quindi la scheda che hai deciso essere "prima" è quella che un cliente da telefono espande per prima — verificalo sul tuo tema. Ordina una volta, e dovrebbe funzionare bene in entrambi i layout.

Schede che non sono davvero specifiche: recensioni, domande & risposte e video

Diversi elementi che spesso finiscono nella barra delle schede non sono affatto contenuti di riferimento — sono funzionalità separate che vengono renderizzate tramite gli stessi hook, e ciascuna ha una propria sede in questo insieme:

• La scheda Recensioni è gestita da un modulo recensioni, non da qualcosa nell'editor prodotto. Quale usare è una decisione a sé — recensioni PrestaShop: integrate o di terze parti.
• Una scheda domande & risposte prodotto / "chiedi informazioni su questo prodotto" trasforma le domande prima dell'acquisto in obiezioni già risolte; questo è trattato in chiedi informazioni sul prodotto, e il gioco più ampio delle FAQ in pagine FAQ per e-commerce.
• Un video prodotto spesso vive in una scheda o in un pannello dedicato — vedi integrazione YouTube per PrestaShop.

Mantenere questi elementi come funzionalità autonome (invece di incollarne il contenuto in una scheda personalizzata generica) è ciò che permette a ciascuno di fare il proprio lavoro — una scheda recensioni ha bisogno di aggregazione delle stelle e dati strutturati, non di una casella di testo.

Misura quali schede meritano il loro posto

Non devi indovinare quali schede contano. Etichetta l'intestazione di ogni scheda con un evento di clic nei tuoi analytics e lascia che un mese di traffico reale te lo dica:

• Cosa cercano davvero i clienti — la scheda più aperta è il contenuto da promuovere verso la parte alta della pagina, magari persino fuori da una scheda e dentro il corpo visibile.
• Quali schede sono morte — una scheda che non viene quasi mai aperta su migliaia di visualizzazioni è candidata a essere unita o rimossa, riportando la barra verso quel punto ideale di 3–5 schede.
• Se la profondità delle schede correla con l'acquisto — se i clienti che aprono la scheda specifiche convertono sensibilmente meglio, è un segnale per mettere le specifiche più in evidenza invece di nasconderle a un clic di distanza.

Domande frequenti

Qual è la differenza tra Caratteristiche e una scheda personalizzata — quando uso l'una o l'altra?

Le Caratteristiche sono coppie strutturate nome/valore (Peso: 2,4 kg) che vengono mostrate automaticamente nella scheda Dettagli prodotto e alimentano la ricerca a faccette. Una scheda personalizzata contiene contenuto libero — una guida alla cura, una FAQ, note di compatibilità — che non entra bene in un elenco nome/valore e non è qualcosa per cui un cliente filtrerebbe mai. Regola pratica: se è una specifica misurabile su cui un acquirente potrebbe filtrare, è una Caratteristica; se è testo o una guida, è una scheda personalizzata.

Posso mostrare la stessa scheda su ogni prodotto di una categoria senza modificarli uno per uno?

Non solo con il core — il core ti dà Caratteristiche e Allegati per prodotto, ma non una "scheda a livello di categoria" nativa. Un modulo per schede che indirizza i contenuti per categoria lo fa: scrivi la tabella taglie una volta e viene mostrata su ogni prodotto di quella categoria, quindi una modifica è un solo intervento, non 300. È il motivo principale per cui i negozi scelgono un modulo per schede invece di incollare contenuti condivisi prodotto per prodotto.

Il contenuto nascosto nelle schede conta per la SEO, o è sprecato?

Se il contenuto viene renderizzato dal server nell'HTML iniziale della pagina ed è solo compresso con CSS, Google in genere lo legge — quindi contribuisce alla pertinenza anche se il visitatore vede una scheda alla volta. La trappola sono le schede AJAX che recuperano il corpo solo al clic; quel testo non è nella prima risposta e non puoi contarci per l'indicizzazione. Tieni le parole chiave più importanti nella descrizione sempre visibile e usa le schede per profondità di supporto.

Le schede personalizzate sopravvivono a un aggiornamento del tema o di PrestaShop?

Se vengono aggiunte tramite l'hook displayProductExtraContent (un modulo), sì — non toccano file del tema, quindi un aggiornamento del tema non può romperle. Se le hai aggiunte modificando direttamente product.tpl o tabs.tpl, no — il prossimo aggiornamento del tema può riorganizzare quei template parziali e far sparire le tue schede senza avvisi. Questa sicurezza negli aggiornamenti è l'intero argomento a favore della strada dell'hook rispetto alla chirurgia sui template.

Quante schede sono troppe?

Limitale a 3–5. Dopo circa sette, la barra va a capo, le etichette vengono tagliate e i clienti smettono di scansionarla. Unisci le schede troppo sottili (una "Spedizioni & resi" batte due schede separate), ordina per domanda invece che secondo la tua logica interna e nascondi automaticamente ogni scheda con contenuto vuoto, così la barra non sembra mai incompleta.

Il principio sotto tutto questo è lo stesso su cui si regge l'intera pagina prodotto: servire l'acquirente rapido e il ricercatore meticoloso nella stessa pagina senza far sentire a nessuno dei due il peso del contenuto dell'altro. Le schede sono lo strumento di PrestaShop esattamente per questo — metti i dati strutturati nelle caratteristiche, i contenuti condivisi nelle schede a livello di categoria, i dettagli per prodotto in schede personalizzate pulite, mantieni il testo più forte renderizzato dal server e visibile, e lascia che i dati sui clic ti dicano cosa promuovere dopo. Se lo fai bene, la pagina resta ordinata per chi è pronto ad acquistare e al tempo stesso risponde a tutti quelli che non lo sono ancora.