Come creare tabelle dei prezzi che attirino l'attenzione

Pubblicato: 2018-10-02

C'è un motivo per cui così tanti siti Web utilizzano tabelle dei prezzi. Ti consentono di mostrare molte informazioni importanti fianco a fianco e possono sembrare molto eleganti mentre lo fanno. Tuttavia, la creazione, lo stile e l'aggiunta di una tabella dei prezzi al tuo sito Web può essere molto più difficile di quanto potresti aspettarti.

È qui che Uncode viene in soccorso. Con il nostro tema WordPress multiuso, puoi progettare facilmente tabelle dei prezzi eleganti e aggiungerle a qualsiasi pagina o post che ti piace, utilizzando un visual builder intuitivo. Tutto ciò che serve è imparare alcuni semplici passaggi e creerai fantastiche tabelle dei prezzi in pochissimo tempo.

In questo articolo parleremo un po' di più delle tabelle dei prezzi, del perché sono così efficaci e quando ha senso usarle. Quindi ti mostreremo come creare la tua tabella dei prezzi usando Uncode. Andiamo a lavorare!

Un'introduzione alle tabelle dei prezzi (e perché sono utili)

Una volta che inizi a cercarli, scoprirai che le tabelle dei prezzi sono ovunque. Ad esempio, se controlli il sito di qualsiasi provider di hosting, scommettiamo che troverai almeno una tabella che elenca i piani o i livelli di quella società:

Un esempio di tabella dei prezzi.

La struttura generale delle tabelle dei prezzi è abbastanza semplice. Vedrai più colonne, ognuna focalizzata su un singolo piano, prodotto o altra opzione, divise in sezioni con ulteriori dettagli. Nell'esempio sopra, puoi vedere i nomi di ogni piano, insieme alle sue caratteristiche principali e ai suoi prezzi.

Con una tabella dei prezzi, puoi confrontare a colpo d'occhio quali sono le tue opzioni e fornire ai visitatori un riepilogo di ciò che possono aspettarsi da ciascuna di esse. Inoltre, l'utilizzo delle tabelle dei prezzi ti consente anche di attirare l'attenzione sui piani o sui prodotti che desideri che i visitatori scelgano.

Se controlli di nuovo lo screenshot sopra, noterai che c'è un piano evidenziato con un adesivo con il miglior rapporto qualità -prezzo. Nella maggior parte dei casi, questo è il piano più redditizio per te e utile per i tuoi clienti.

Sebbene la struttura delle tabelle dei prezzi sia sempre simile, il loro stile può variare molto. Ecco un bell'esempio da un sito Uncode, che utilizza un approccio molto minimalista:

Una tabella dei prezzi minimalista.

Puoi anche eliminare del tutto i bordi e scegliere uno stile più uniforme:

Un design della tabella dei prezzi senza soluzione di continuità.

Nota che anche in questo caso, le informazioni sono suddivise in segmenti e puoi trovare rapidamente ciò che stai cercando. Questo dimostra solo che puoi utilizzare qualsiasi stile desideri per le tue tabelle dei prezzi, purché le informazioni siano ben organizzate.

In generale, le tabelle dei prezzi si adattano perfettamente ai siti Web di servizio e di abbonamento. Vale a dire, sono quasi essenziali per i siti che offrono più livelli di piani. Puoi anche utilizzare le tabelle dei prezzi per confrontare i singoli prodotti. Infine, se hai un portafoglio online e offri servizi a prezzo fisso, potresti anche trarre vantaggio dall'utilizzo delle tabelle dei prezzi.

Come creare tabelle dei prezzi che attirino l'attenzione utilizzando Uncode (in soli 2 passaggi)

La creazione di una tabella dei prezzi utilizzando Uncode è piuttosto semplice. Il vero lavoro sta nel personalizzarne lo stile. Esamineremo entrambi i passaggi del processo nelle sezioni seguenti.

Passaggio 1: aggiungi un modulo tabella prezzi alla tua pagina o al tuo post

Ai fini di questo tutorial, supponiamo che tu abbia già Uncode impostato e attivato sul tuo sito web. Dopodiché, la prima cosa che devi fare è aprire l'editor per qualsiasi pagina o post in cui desideri posizionare la tabella e assicurati di essere nel visual builder Uncode:

Apertura dell'editor Uncode.

Fai clic sull'icona più per la sezione che desideri utilizzare e ti verrà presentato un elenco di opzioni del modulo. Trova quella chiamata Tabella dei prezzi e selezionala:

Aggiunta di un elemento della tabella dei prezzi.

Tieni presente che dovrai aggiungere un nuovo modulo della tabella dei prezzi per ogni colonna che desideri includere. Ad esempio, stiamo creando una tabella dei prezzi con tre opzioni, quindi abbiamo posizionato tre moduli affiancati. Ecco come appare ora la nostra pagina:

Aggiunta di tre elementi della tabella dei prezzi.

Questo ti fornisce la struttura per la tua tabella dei prezzi, ma non è abbastanza. Il tuo prossimo passo sarà aggiungere le informazioni che desideri includere in ciascuna colonna. Per farlo, scegli uno dei moduli che hai appena posizionato e seleziona l'icona Modifica per apportare alcune modifiche.

Apparirà ora una nuova finestra, in cui puoi inserire il testo per quella colonna della tabella dei prezzi:

Modifica del testo degli elementi della tabella dei prezzi.

Ci sarà del testo predefinito qui, che puoi sostituire con qualsiasi cosa tu voglia. Naturalmente, puoi anche inserire il prezzo per quel particolare piano o opzione.

Dopo aver salvato le modifiche, ripeti questo processo per ogni altra colonna che desideri includere nella tabella. Quando hai finito, la tua tabella dei prezzi dovrebbe essere simile a questa:

Un design della tabella dei prezzi in corso.

A questo punto, potresti chiamarlo un giorno e pubblicare la tua nuova tabella dei prezzi. Tuttavia, Uncode ti offre molte opzioni di personalizzazione che puoi utilizzare per rendere i tuoi tavoli visivamente più accattivanti, che tratteremo in seguito.

Passaggio 2: personalizza lo stile della tabella dei prezzi

Per personalizzare la tua tabella dei prezzi, dovrai aprire ancora una volta la finestra di modifica per ciascuno dei suoi elementi. Nel passaggio precedente, hai utilizzato il menu risultante per modificare il testo e i prezzi in ciascuna colonna. Tuttavia, se scorri ulteriormente verso il basso all'interno della finestra delle impostazioni, noterai che hai anche alcune opzioni stilistiche:

Modificare lo stile dei tuoi tavoli.

Le due impostazioni più importanti che puoi personalizzare qui sono denominate Colore a blocchi e Più popolari . Il primo ti consente di scegliere i colori accentati per il contenuto all'interno di ciascuna colonna, come nell'esempio seguente:

Aggiungere colori d'accento alla tua tavola.

Hai un sacco di opzioni di colore con cui giocare. Quindi sentiti libero di testarli tutti, finché non trovi una combinazione che ti piace. Per quanto riguarda l'impostazione Più popolari , puoi utilizzare quell'opzione per rendere più prominente una particolare colonna all'interno della tabella, in questo modo:

Evidenziando un piano specifico all'interno della tabella dei prezzi.

Questo è utile poiché in molti casi avrai un piano che vuoi che le persone scelgano rispetto agli altri. Evidenziandolo, ti assicurerai che gli occhi dei tuoi visitatori siano attratti da quella colonna. Tuttavia, tieni presente che dovrai comunque convincerli che il piano vale i loro soldi, il che dipende dal contenuto di quella colonna.

In pratica, puoi completare l'intero processo in pochi minuti se hai già tutto il contenuto che desideri includere nella tua tabella pronto per l'uso. Dopodiché, si tratta solo di apportare alcune semplici modifiche stilistiche e la tua tabella sarà pronta per la pubblicazione. Naturalmente, puoi continuare a giocare nel visual builder Uncode quanto vuoi, modificando l'aspetto e il layout della tua tabella dei prezzi fino a quando non è giusto.

Conclusione

Ci sono molte situazioni in cui l'utilizzo delle tabelle dei prezzi può cambiare le regole del gioco. I siti Web di servizi, ad esempio, possono trarre vantaggio dalla presentazione di tutti i loro piani e opzioni fianco a fianco. In questo modo, i potenziali clienti potranno ottenere rapidamente le informazioni di cui hanno bisogno.

Quando si tratta di creare tabelle dei prezzi, Uncode ti semplifica la vita grazie al suo elemento Tabelle dei prezzi dedicato. Ciò semplifica l'aggiunta di una tabella dei prezzi in qualsiasi punto del tuo sito. Quindi puoi personalizzarlo quanto vuoi, per farlo risaltare.

Hai domande su come progettare tabelle prezzi efficaci? Parliamo di loro nella sezione commenti qui sotto!