Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aggiungere bellissime tabelle dei prezzi in WordPress (senza codice)

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete aggiungere delle belle tabelle di prezzi al vostro sito WordPress?

Le tabelle dei prezzi hanno un impatto enorme sul modo in cui gli utenti prendono le loro decisioni di acquisto. L’aggiunta di tabelle dei prezzi belle e facili da scansionare consente agli utenti di selezionare il prodotto giusto. Questo vi aiuta a incrementare le conversioni e ad aumentare le vendite.

In questo articolo vi mostreremo come aggiungere facilmente delle belle tabelle di prezzi in WordPress senza scrivere alcun codice.

How to Add Beautiful Pricing Tables in WordPress (No Code)

Perché aggiungere tabelle dei prezzi con un plugin WordPress?

Ci sono due modi per aggiungere nuove funzionalità al vostro sito web WordPress. Potete programmarle manualmente, utilizzando il codice, oppure potete utilizzare un plugin di WordPress.

Se avete familiarità con HTML e CSS, potete creare una tabella dei prezzi utilizzando il codice. Le competenze di programmazione e progettazione richieste non sono particolarmente avanzate e avrete il controllo completo sul design della tabella.

Tuttavia, scrivere e testare il codice richiede tempo. Inoltre, dovrete considerare gli utenti che utilizzano dispositivi mobili o browser diversi. Potreste ritrovarvi con una tabella dei prezzi poco attraente, che non appare corretta a tutti i vostri utenti.

L’utilizzo di un plugin di WordPress è più rapido e semplice ed è la soluzione migliore se non si ha esperienza di progettazione o codifica.

Detto questo, diamo un’occhiata a come aggiungere belle tabelle di prezzi in WordPress senza scrivere alcun codice. Tratteremo due diversi plugin per WordPress e potrete scegliere quello che fa al caso vostro:

Metodo 1: Aggiungere belle tabelle di prezzi con Easy Pricing Tables

Questo metodo consente di aggiungere tabelle di prezzi a una pagina o a un post esistente. Se si ha bisogno di personalizzare il resto della pagina, si deve invece utilizzare il metodo 2.

La prima cosa da fare è installare e attivare il plugin Easy Pricing Tables. Per maggiori dettagli, consultate la nostra guida passo-passo su come installare un plugin di WordPress.

Per questa esercitazione, utilizzeremo il plugin gratuito. Esiste anche un plugin premium che offre più funzioni e costa 49 dollari per una licenza per un singolo sito. La versione premium è necessaria se si desidera accedere a modelli aggiuntivi, aggiungere immagini o integrare la tabella con WooCommerce.

Fase 1: creazione della tabella dei prezzi

Dopo l’attivazione, andare alla pagina Tabelle dei prezzi ” Aggiungi nuovo dalla barra laterale dell’amministrazione di WordPress.

Qui vi verrà chiesto dove volete aggiungere la tabella al vostro sito. È sufficiente selezionare l’opzione “Nuova pagina con tabella prezzi”.

Choose where you want to add the pricing table

In questo modo si aprirà una nuova pagina di prezzi nell’editor di blocchi di WordPress, dove verrà visualizzata la richiesta “Scegli un modello”.

Da qui, selezionate un design di vostro gradimento per incorporare le tabelle dei prezzi nella vostra pagina WordPress.

Choose pricing table template

Fase 2: Personalizzazione della tabella dei prezzi

La personalizzazione della tabella dei prezzi è facilissima. Ad esempio, si può iniziare cambiando i titoli dei piani tariffari.

Dopodiché, è possibile fare clic sulla tabella per iniziare ad aggiungere sottotitoli, caratteristiche, prezzi e altro ancora.

Edit pricing table

È possibile utilizzare la barra degli strumenti del blocco nella parte superiore del blocco tabella per aggiungere una nuova colonna, modificare l’allineamento di righe e colonne, riordinare le colonne e modificarne le dimensioni.

Spesso nelle tabelle dei prezzi un piano è contrassegnato come “in primo piano” o “più popolare”. È possibile farlo selezionando la colonna che si desidera evidenziare e facendo clic sull’icona della stella nella barra degli strumenti.

È inoltre possibile modificare l’aspetto visivo della tabella a proprio piacimento dal pannello di blocco nell’angolo destro dello schermo.

Ad esempio, è possibile modificare il colore dell’accento per evidenziare il piano tariffario migliore o cambiare il colore del pulsante in fondo alla tabella.

Change accent color in the pricing table

È inoltre possibile fare clic sui pulsanti per modificarne le etichette.

Una volta fatto ciò, è possibile aggiungere ai campi un’etichetta e un URL a scelta.

Add button label and URL

Fase 3: pubblicazione della tabella dei prezzi

Per pubblicare la tabella dei prezzi sul vostro sito WordPress, è sufficiente fare clic sul pulsante “Aggiorna” o “Pubblica” nell’angolo in alto a destra della schermata.

Potete anche cliccare sul link “Anteprima” per vedere la vostra pagina prima di renderla attiva sul vostro sito web.

Save and publish pricing page

Ora potete visitare il vostro sito web per vedere il risultato finale.

pricing table preview

Metodo 2: Aggiungere belle tabelle dei prezzi con un costruttore di pagine

Questo metodo è il migliore se si vuole avere il controllo completo sul design della pagina dei prezzi.

Per prima cosa, è necessario installare e attivare il plugin SeedProd. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

SeedProd è un costruttore di pagine WordPress drag-and-drop per aziende, blogger e proprietari di siti web ed è la scelta migliore per creare pagine di prezzi ad alta conversione. È necessario il piano Pro o Elite per accedere al blocco della tabella dei prezzi che utilizziamo in questo tutorial.

Dopo l’attivazione, accedere alla pagina SeedProd ” Impostazioni per inserire la chiave di licenza del plugin. Questa informazione si trova nel proprio account sul sito web di SeedProd.

Enter your SeedProd license key

Dopo aver inserito la chiave di licenza, iniziamo a creare una nuova pagina di destinazione e aggiungiamo un blocco per la tabella dei prezzi.

Creazione di una nuova pagina di destinazione

Per creare la pagina di destinazione per la vostra tabella dei prezzi, dovete andare su SeedProd ” Pagine di destinazione e cliccare sul pulsante “Crea una nuova pagina di destinazione”.

Add a New SeedProd Landing Page

Nella schermata successiva, vi verrà chiesto di scegliere un tema per la pagina di destinazione. SeedProd offre decine di bellissimi modelli di pagine di destinazione, organizzati in modo ordinato per i diversi tipi di campagna.

È sufficiente fare clic per selezionare il modello che si desidera utilizzare come punto di partenza.

Select a SeedProd Landing Page Template

Potete imparare a personalizzare la pagina e ad aggiungere nuovi blocchi nella nostra guida su come creare una landing page con WordPress. Quando sarete pronti, passeremo ad aggiungere la tabella dei prezzi.

Aggiunta di una tabella dei prezzi

Per prima cosa, è necessario aggiungere alcune colonne, in modo da avere un posto dove collocare i blocchi della tabella dei prezzi. Si può trascinare il blocco ‘Colonna’ sulla pagina e poi selezionare un numero di colonne sufficiente a visualizzare i prezzi. Per questa esercitazione, selezioneremo tre colonne.

Start by Adding a Column Block to Your Landing Page

Successivamente, è necessario individuare il blocco ‘Tabella dei prezzi’ e trascinarlo sulla scritta ‘Trascina qui un nuovo blocco’ in ciascuna delle celle appena create.

Per questa esercitazione, dovrete trascinare il blocco sulla pagina tre volte, una per ogni colonna.

Add a SeedProd Pricing Table Block to Each Column

Per modificare una tabella prezzi, è sufficiente fare clic su di essa.

Ora è possibile utilizzare le impostazioni della scheda Contenuto per modificare il nome del piano e inserire il nome del prodotto o del servizio. È inoltre possibile modificare il prezzo e la valuta, aggiungere il prezzo che l’articolo normalmente costa quando non è in vendita e altro ancora.

Customize Your Pricing Table Blocks Using the Content Tab

Successivamente, è necessario passare alla scheda Avanzate per personalizzare il carattere e la dimensione del testo, il colore e la dimensione dei pulsanti, la spaziatura, gli effetti hover e altro ancora.

Ad esempio, è possibile far risaltare un livello di prezzo più degli altri, incoraggiando gli utenti a scegliere quell’opzione.

Customize Your Pricing Table Blocks Using the Advanced Tab

Pubblicazione della tabella dei prezzi

Una volta soddisfatti della landing page e delle tabelle dei prezzi, è il momento di pubblicarla.

È sufficiente fare clic sulla freccia a discesa del pulsante “Salva” e fare clic su “Pubblica”.

Publish Your SeedProd Landing Page

Verrà visualizzata una notifica che informa che la pagina è stata pubblicata.

È anche possibile fare clic sul pulsante “Vedi pagina dal vivo” per vedere come appare la nuova pagina dei prezzi di WordPress.

SeedProd Pricing Table Preview

Bonus: Aumentare le conversioni della pagina dei prezzi

Una volta creata una pagina dei prezzi attraente, è importante ottimizzarla per le conversioni e incoraggiare gli utenti a effettuare un acquisto.

A tal fine, potete offrire sconti ai nuovi utenti su un piano tariffario specifico. Questo può fungere da incentivo e motivare gli utenti.

Per creare un buono sconto, si consiglia di utilizzare il plugin Advanced Coupons. Per maggiori dettagli, potete consultare il nostro tutorial su come creare coupon intelligenti in WooCommerce.

Is Advanced Coupons the right coupon plugin for your WooCommerce store or WordPress website?

Un altro consiglio per incrementare le vendite sulla vostra pagina dei prezzi è quello di creare un senso di urgenza. In questo modo si può creare la FOMO tra gli utenti e spingerli ad agire.

Potete farlo aggiungendo timer per il conto alla rovescia, offrendo prodotti limitati, sconti sensibili al tempo e altro ancora.

Inoltre, potete utilizzare TrustPulse, il miglior plugin WordPress per la prova sociale presente sul mercato.

Is TrustPulse the best social proof plugin for WordPress?

Visualizza le attività dei clienti in tempo reale sul vostro sito web, come acquisti e iscrizioni, per aumentare le conversioni. Per ulteriori suggerimenti, potete consultare il nostro tutorial su come aumentare le conversioni della pagina dei prezzi del 30%.

Speriamo che questo tutorial vi abbia aiutato a imparare come aggiungere bellissime tabelle dei prezzi in WordPress, senza bisogno di codifica. Potreste anche voler imparare a creare un sito associativo in WordPress o consultare il nostro elenco di plugin WordPress essenziali per i siti web aziendali.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

9 commentiLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed says

    Pricing table is a must have feature for any website that is making an online sale of products and services.
    Having a good looking, informative and call to action pricing table helps make quick purchase decision.
    it also helps make a comparison of different available options for some tweak of the costs, thus helps make informed decisions regarding the plan that best suits the need.

  3. Anika says

    Hi
    I want to make pricing table and add buy now button, on clicking on the buy now button wordpress admin will get an email notification of the plan choosed by the user
    Is it possible with this plugin

  4. Alex says

    I’ve created a really nice price table, which i can preview in table editing, but when I copied the ‘deployed’ text into the wanted webpage, nothing shows up. In page editing the deployed text is just written and in preview the page is blank :(

    So 2 questions: 1) where do you insert the deployed text? 2) after copying the text how do you activate it, so it is visible on the webpage?

    Thanks!

  5. Donna Heath says

    I don’t sell anything. I want to do reveiws on animal products and thus get advertisers. But, I am having a hard time gettig my followers numbers up. Should I go ahead write the reviews and contact the companies and ask for them to advertise on my page for a fee. When they say yes, hopeful thinking, how do I put advertisements on my site?

  6. Allan Jackson says

    This plugin sounds good but a bit pricey to my mind. Elementor does the same thing and much, much more for $45. I guess this would work if you couldn’t use a page builder for some reason.

  7. Farukh hussain says

    This is a very useful article for me. I was just finding some way to make these tables. Thanx for sharing.

  8. Krishna says

    Please make a tutorial video on how to make left navigation bar or WordPress custom page .just like any tutorial website like w3school . threy have a beautiful navigation sidebar on their website . I want this feature in WordPress website too.please do fast and notify me via email

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.