Come creare una tabella dei prezzi nell'editor di blocchi di WordPress

Una tabella prezzi è una rappresentazione ben strutturata di prodotti e servizi con i relativi prezzi e caratteristiche. Consente ai clienti di confrontare diversi piani tariffari e di scegliere quello più adatto a loro.

Il blocco tabella predefinito di WordPress Manca di molte funzioni avanzate. Non è possibile creare tabelle dei prezzi complete con esso. È necessario un plugin per la creazione di tabelle, come Tableberg, per creare tabelle di prezzi straordinarie.

È possibile creare tabelle di prezzi incentrate sulla conversione anche con la sua versione gratuita. In questo articolo vi mostreremo come creare una tabella dei prezzi in WordPress utilizzando il plugin Tableberg.

Creare bellissimi tavoli
Con l'editor di blocchi

Scegliere un modello di tabella dei prezzi

Il plugin Tableberg è dotato di alcuni Modelli di tabella prezzi precostituiti. Potete iniziare subito scegliendo uno di questi modelli.

Passo 1: installare e attivare il plugin Tableberg

Vai a Plugin > Aggiungi nuovo plugin. Tipo Tavolo di lavoro nella casella di ricerca. Installare e attivare il plugin dopo che è stato visualizzato qui sotto.

Passo 2: aggiungere il blocco Tableberg al post o alla pagina

Aprite il post o la pagina in cui volete creare la tabella dei prezzi. Fare clic sull'icona + e cercare 'Tableberg'. Fare clic sul blocco Tableberg per inserirlo.

Fase 3: Scegliere un tavolo precostruito

Ora, se volete, potete creare una tabella da zero. Lo mostrerò più avanti.

Vediamo prima l'opzione precostruita. Una volta inserito il blocco Tableberg, è sufficiente fare clic su "Tabelle precostruite".

Verrà visualizzata una libreria di modelli. Selezionate la sezione "Tabella dei prezzi" e scegliete un modello di tabella dei prezzi.

La tabella verrà inserita nell'editor.

Passo 4: personalizzare la tabella

Selezionare l'intero blocco facendo clic sull'icona Tableberg e poi sull'icona Impostazioni nell'angolo in alto a destra. Da qui è possibile personalizzare la tabella.


Creazione di una tabella dei prezzi da zero

È anche possibile creare una tabella da zero.

Passo 1: scegliere il numero di colonne e righe

Una volta inserito il blocco Tableberg, impostarne il numero di righe e colonne. Tuttavia, è possibile aumentare o diminuire il numero di righe e colonne dopo la creazione della tabella, a seconda delle necessità. Per ora, però, selezioniamo una riga e una colonna 4*4.

Impostare il numero di riga e di colonna

Quando si aggiungono molti contenuti, potrebbe essere necessario più spazio all'interno delle celle della tabella. È quindi meglio aumentare la larghezza della tabella. Selezionare l'intera tabella facendo clic sull'icona TableBerg per tre volte nella barra degli strumenti.

Otterrete il Scheda Impostazioni che appare nella barra laterale destra. Sotto la tabella delle impostazioni, si trova la voce Larghezza del tavolo opzione. Aumentate la larghezza secondo le vostre esigenze.

Aumentare la larghezza della tabella

Passo 2: Aggiungere i titoli alle colonne della tabella

Aggiungete titoli adeguati alle colonne della tabella. Supponiamo di creare una tabella di prezzi per un'azienda di web hosting. La tabella contiene quattro piani tariffari. Quindi, il titolo della colonna sarà Economy, Deluxe, Ultimate, e Massimo.

È possibile personalizzare il testo del titolo e il suo colore di sfondo dalla rispettiva scheda nella barra laterale destra. È inoltre possibile aumentare la tipografia del testo e le sue dimensioni.

Aggiungere titoli alle colonne della tabella prezzi

Fase 3: Aggiungere i prezzi e i tassi di sconto alle colonne della tabella dei prezzi

Per prima cosa, aggiungiamo i prezzi dei piani alle rispettive colonne. Abbiamo reso i testi dei prezzi in grassetto, un po' più grandi e colorati di blu.

Aggiungere i prezzi alla tabella dei prezzi

Il tasso di sconto è solitamente molto vicino al prezzo principale. Posizionare il cursore sulla cella dei prezzi e creare uno spazio al di sotto di essi, premendo il tasto Pulsante di invio sulla tastiera.

Successivamente, digitate i tassi di sconto desiderati nelle rispettive colonne.

Aggiungere i tassi di sconto

Evidenzieremo ora il tasso di sconto in modo da renderlo più visibile. Selezionare il tasso di sconto con il cursore. Fate clic sul pulsante Più opzione sulla barra degli strumenti. Scegliete la voce Opzione di evidenziazione.

Selezionare il testo del tasso di sconto nella tabella dei prezzi.

Utilizzare un evidenziatore di sfondo per il testo del tasso di sconto. Abbiamo applicato il codice colore #fcdc4b sullo sfondo del tasso di sconto nella tabella dei prezzi.

Utilizzare un evidenziatore di sfondo per il testo del tasso di sconto.

Applicare lo stesso procedimento a ciascuna colonna nelle rispettive aree.

Utilizzare un evidenziatore di sfondo per tutto il testo dello sconto.

Se ci sono note speciali per i piani, è necessario specificarle nell'area dei prezzi. Lo abbiamo fatto utilizzando il primo segno di parentesi.

Aggiungere note speciali ai piani tariffari

Passo 4: Aggiungere i pulsanti CTA alla tabella

Aggiungendo i pulsanti CTA, non si può spingere gli utenti ad acquistare i prodotti. Selezionate la cella a cui volete aggiungere il pulsante CTA. Premere il tasto Icona più (+) sulla cella e selezionare l'opzione Pulsante CTA.

Aggiungere il blocco pulsante alle tabelle TableBerg

Non ci occupiamo di questa parte in modo dettagliato. Tutto ciò che dovete fare è scrivere un testo CTA convincente per ogni pulsante. Collegare i pulsanti alla pagina di pagamento. Aggiungete i colori dello sfondo e del testo per i pulsanti.

Personalizzare i pulsanti CTA

Passo 5: Aggiungere le caratteristiche alla tabella dei prezzi

Infine, dovete elencare tutte le caratteristiche dei vostri prodotti e servizi in base ai loro piani tariffari. Se ci sono parole particolari che volete evidenziare, potete metterle in grassetto.

Elenco delle caratteristiche nelle tabelle dei prezzi

Fase 6: Anteprima della tabella dei prezzi

Prima di pubblicare la tabella dei prezzi, è meglio vederla in modalità anteprima per verificare se ci sono errori. Se la tabella è completamente pulita, è possibile pubblicarla.

Anteprima della tabella dei prezzi

Conclusione

In questo modo, è possibile creare tabelle di prezzi informative sul proprio sito che aiutino i clienti a prendere decisioni informate. TableBerg sta introducendo altre nuove funzionalità con le quali potrete creare tabelle più avanzate sul vostro sito.

Se vi piace questo post, commentate qui sotto e fateci sapere il vostro parere. Date un'occhiata a come creare una tabella di confronto in WordPress.



Il team Tableberg