Come creare una tabella di specifiche di prodotto in WordPress

Una tabella di specifiche di prodotto mostra le caratteristiche principali, le specifiche e i dettagli di un prodotto. È possibile creare tabelle di specifiche di prodotto sia per i software che per i prodotti di eCommerce.

Può aiutarvi a fornire una panoramica dettagliata del prodotto in modo conciso, affinché le persone possano confrontare più prodotti e prendere decisioni informate.

In questo articolo vi mostreremo come creare una tabella di specifiche di prodotto in WordPress per i prodotti dell'eCommerce Amazon con una guida passo passo.

Creare bellissimi tavoli
Con l'editor di blocchi

Passo 01: Installare e attivare il plugin TableBerg

La tabella predefinita di WordPress non è sufficiente per creare tabelle di specifiche di prodotto complete. Perché non è possibile aggiungere immagini, pulsanti CTA e molte altre opzioni al blocco tabella predefinito.

TavoloBerg è un plugin per la creazione di tabelle personalizzate con molte funzioni avanzate. È possibile utilizzarlo su WordPress proprio come il blocco tabelle predefinito. Ma prima, installare e attivare il plugin dalla sezione plugin del backend.

Installare e attivare il plugin TableBerg

Passo 02: Aggiungere il blocco TableBerg all'editor del post o della pagina

Aprire un nuovo post, una pagina o una pagina esistente. Aprire la libreria di blocchi di Gutenberg facendo clic sul pulsante Più (+) icona. Trovare il blocco digitando TableBerg nella casella di ricerca.

Aggiungere il blocco TableBerg all'editor del post o della pagina

Definire il numero di riga e di colonna. Dopo aver impostato una cifra iniziale, è possibile modificare i numeri di riga e di colonna secondo le necessità. Ma per ora impostiamo il numero colonna e fila numero 6*3.

Impostare il numero di riga e di colonna

Passo 03: Iniziare ad aggiungere contenuto alla tabella

Poiché questa tabella di specifiche è per i prodotti del commercio elettronico, aggiungeremo le immagini dei prodotti nella prima riga.

# Aggiungi immagini

Selezionare una cella della riga superiore. Gutenberg più (+) apparirà l'icona . Facendo clic su di essa, selezionare e aggiungere il Blocco immagine alla cella. Quindi, aggiungere l'immagine desiderata alla cella e seguire lo stesso metodo per l'altra cella.

Aggiungere immagini alla tabella delle specifiche del prodotto

Si può notare che abbiamo aggiunto due immagini di due dei nostri prodotti alla tabella. Successivamente, abbiamo dato un nome al prodotto sopra le immagini.

Facendo clic sul pulsante Icona di spostamento verso il basso sulla barra degli strumenti, è possibile riportare questi nomi sotto l'immagine.

Aggiungere l'immagine del prodotto e il suo nome alla tabella delle specifiche del prodotto

È possibile cambiare il colore del nome del prodotto per attirare l'attenzione dei visitatori. Selezionare il testo del nome e premere il tasto Più opzione sulla barra degli strumenti di Gutenberg. Fate clic su In evidenza nell'elenco e scegliere un colore adatto per il testo.

Si può notare che abbiamo utilizzato il codice colore #2b7186 sul testo.

Evidenziare il nome del prodotto

# Aggiungi prezzo

Passare a una nuova colonna in basso e impostare Prezzo come nome. Inserite i prezzi nelle celle sotto la rispettiva colonna. Abbiamo reso il testo del prezzo leggermente più grande utilizzando l'opzione sotto Tipografia.

Successivamente, abbiamo cambiato il suo colore utilizzando il metodo Opzione di evidenziazione nello stesso modo in cui vi abbiamo mostrato poco fa.

Aggiungere i prezzi alla tabella delle specifiche del prodotto

# Aggiungi valutazione

Tornare a una nuova colonna e darle un nome Valutazioni. Attualmente a TableBerg manca il blocco Valutazione. Ma al momento in cui state leggendo questo post, il blocco di valutazione potrebbe essere disponibile.

Verificare se il blocco è disponibile con il plugin. In caso contrario, è possibile mostrare le valutazioni in testo semplice. La prima è la media di tutte le valutazioni raccolte. Quello tra parentesi è il numero totale di valutazioni ricevute.

Aggiungere la valutazione alla tabella delle specifiche del prodotto

# Caratteristiche dell'elenco

Infine, è il momento di elencare tutte le caratteristiche dei prodotti (fotocamera). È possibile utilizzare righe separate per ogni caratteristica. Nella tabella sono elencate tutte le caratteristiche del prodotto

Elencare tutte le caratteristiche del prodotto nella tabella

# Aggiungere pulsanti CTA

I pulsanti CTA non sono obbligatori nella tabella delle specifiche del prodotto. Tuttavia, è possibile aggiungerli per provare se qualcuno acquista i vostri prodotti. Colpire il pulsante Icona più (+), aggiungere il Blocco di pulsanti alla tabella e creare i pulsanti CTA.

Aggiungere pulsanti CTA alla tabella delle specifiche del prodotto in WordPress

Fase 04: Anteprima della tabella delle specifiche del prodotto

A questo punto, il tavolo dovrebbe essere pronto. Passare alla modalità di anteprima e dare un'ultima occhiata alla tabella per vedere se è pronta per essere pubblicata. Se non ci sono problemi, si può pubblicare la tabella.

Anteprima della tabella delle specifiche del prodotto

Conclusione

In questo modo, potete creare tabelle di specifiche di prodotto sul vostro sito WordPress. Ma prima di concludere, ecco alcuni consigli essenziali per voi. Utilizzate un linguaggio semplice per descrivere le caratteristiche del prodotto.

Organizzate i contenuti in modo logico, senza lasciare lacune informative. Date la priorità alle informazioni più importanti. Infine, progettate la tabella in modo che sia compatibile con i dispositivi mobili, per garantire la massima esperienza all'utente.

Ecco una guida su come creare una tabella comparativa di prodotti.



Il team Tableberg