{"id":8698,"date":"2025-05-02T22:58:12","date_gmt":"2025-05-02T22:58:12","guid":{"rendered":"https:\/\/tableberg.com\/?p=8698"},"modified":"2025-05-04T10:00:53","modified_gmt":"2025-05-04T10:00:53","slug":"come-creare-una-levetta-per-i-prezzi-mensili-e-annuali-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-create-a-monthly-yearly-pricing-toggle-in-wordpress\/","title":{"rendered":"Come creare una tabella di prezzi mensili\/annuali in WordPress"},"content":{"rendered":"

Gli acquirenti di oggi valutano le opzioni in pochi secondi: alcuni scrutano i prezzi, altri confrontano le caratteristiche e molti discutono di piani mensili o annuali. In questo ambiente decisionale diviso in due secondi, il design della vostra tabella dei prezzi diventa il fattore decisivo per le conversioni.<\/p>\n\n\n\n

Se gestite un'attivit\u00e0 basata su servizi o abbonamenti, la vostra tabella dei prezzi deve fare di pi\u00f9 che elencare le opzioni per convertire i visitatori in clienti paganti. Deve guidare l'attenzione, supportare i confronti e far percepire il piano migliore come la scelta pi\u00f9 ovvia.<\/p>\n\n\n\n

Una tabella dei prezzi ben progettata con un interruttore mensile\/annuale trasforma una tabella dei prezzi standard in qualcosa di molto pi\u00f9 dinamico e incentrato sull'utente. Non si limita a visualizzare le opzioni, ma guida attivamente l'occhio, enfatizza il risparmio ed elimina l'attrito del confronto.<\/p>\n\n\n\n

In questa guida, imparerete a creare in WordPress una selezione pulita di prezzi mensili e annuali, utilizzando un formato tabellare che risulti perfetto su qualsiasi dispositivo.<\/p>\n\n\n\n

<\/span>
\n

Tariffazione mensile\/annuale Toggle<\/p>\n\n\n\n

Mensile<\/p>\n <\/div>\n

Annuale<\/p>\n <\/div><\/nav>

\n
\n\t\t\t
\n\t\t\t\t<\/colgroup>\n\n\n\n\n
\n

Base<\/p>\n<\/div><\/th>\n\n

\n

Pro<\/p>\n<\/div><\/th>\n\n

\n

Enterprise<\/p>\n<\/div><\/th>\n<\/tr>

\n

Per gli individui<\/p>\n<\/div><\/td>\n\n

\n

Per le startup<\/p>\n<\/div><\/td>\n\n

\n

Per le grandi aziende<\/p>\n<\/div><\/td>\n<\/tr>

\n

$99\/mese<\/p>\n<\/div><\/td>\n\n

\n

$199\/mese<\/p>\n<\/div><\/td>\n\n

\n

$299\/mese<\/p>\n<\/div><\/td>\n<\/tr>

\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tutte le funzioni di analisi<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Fino a 250.000 visite tracciate<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Supporto normale<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Fino a 3 membri del team<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tutte le funzioni di analisi<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Fino a 1.000.000 di visite tracciate<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Supporto premium<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Fino a 10 membri del team<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tutte le funzioni di analisi<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Fino a 5.000.000 di visite tracciate<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Supporto dedicato<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Fino a 50 membri del team<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n<\/tr>
Iniziare<\/div><\/div><\/div><\/td>\n\n
Iniziare<\/div><\/div><\/div><\/td>\n\n
Iniziare<\/div><\/div><\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div>\n\n
\n\t\t\t
\n\t\t\t\t<\/colgroup>\n\n\n\n\n
\n

Base<\/p>\n<\/div><\/th>\n\n

\n

Pro<\/p>\n<\/div><\/th>\n\n

\n

Enterprise<\/p>\n<\/div><\/th>\n<\/tr>

\n

Per gli individui<\/p>\n<\/div><\/td>\n\n

\n

Per le startup<\/p>\n<\/div><\/td>\n\n

\n

Per le grandi aziende<\/p>\n<\/div><\/td>\n<\/tr>

\n

$990\/anno<\/p>\n<\/div><\/td>\n\n

\n

$1990\/anno<\/p>\n<\/div><\/td>\n\n

\n

$2990\/anno<\/p>\n<\/div><\/td>\n<\/tr>

\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tutte le funzioni di analisi<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Fino a 250.000 visite tracciate<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Supporto normale<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Fino a 3 membri del team<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tutte le funzioni di analisi<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Fino a 1.000.000 di visite tracciate<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Supporto premium<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Fino a 10 membri del team<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tutte le funzioni di analisi<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Fino a 5.000.000 di visite tracciate<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Supporto dedicato<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Fino a 50 membri del team<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n<\/tr>
Iniziare<\/div><\/div><\/div><\/td>\n\n
Iniziare<\/div><\/div><\/div><\/td>\n\n
Iniziare<\/div><\/div><\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n<\/div><\/div>\n\n\n

Costruito con Tableberg<\/a><\/p>\n<\/div><\/div>\n\n\n\n

\n\n\n\n

Come aggiungere un indicatore di prezzo mensile\/annuale in WordPress<\/strong><\/h2>\n\n\n\n

Ora che sapete come un toggle di prezzo aiuta a semplificare i confronti e a mettere in evidenza il valore, vediamo i passaggi per crearne uno utilizzando il plugin Tableberg.<\/p>\n\n\n\n

Passo 1: installare e attivare l'Tableberg<\/strong><\/h3>\n\n\n\n

Accedere alla dashboard di WordPress, andare su Plugin \u2192 Aggiungi nuovo, cercare Tableberg, quindi fare clic su Installa ora, seguito da Attiva. Una volta attivato, troverete due nuovi blocchi nell'editor: Tableberg e Toggle for Tableberg.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Passo 2: aggiungere il selettore per il blocco Tableberg<\/strong><\/h3>\n\n\n\n

Aprire il post o la pagina in cui si desidera inserire la tabella dei prezzi. Fare clic sull'icona pi\u00f9, cercare Toggle for Tableberg e inserire il blocco. Per impostazione predefinita, il blocco inizia con tre schede. Passare il mouse su una scheda per rimuoverla o fare clic sul segno pi\u00f9 per aggiungerne altre. Per questa configurazione, manteniamo solo due schede: una per \"Mensile\" e una per \"Annuale\".<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Passo 3: Configurare le impostazioni della scheda<\/strong><\/h3>\n\n\n\n

Con il blocco selezionato, utilizzare il pannello delle impostazioni sulla destra per regolare le opzioni generali e di stile.<\/p>\n\n\n\n

Nella scheda Generale, rinominare ogni scheda, scegliere quella attiva per impostazione predefinita e allineare le schede come necessario. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

In Stile, \u00e8 possibile regolare i colori per le schede attive e inattive, impostare la spaziatura sotto la levetta e modificare il raggio del bordo per arrotondare gli angoli se si desidera un aspetto pi\u00f9 morbido.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Passo 4: Aggiungere tabelle all'interno di ogni scheda<\/strong><\/h3>\n\n\n\n

Fare clic sulla prima scheda e creare la tabella. Questa conterr\u00e0 la tabella dei prezzi mensili. Ripetere la stessa operazione nella seconda scheda e aggiungere la versione annuale. La struttura di entrambe le tabelle deve rimanere la stessa, cambiando solo i prezzi e le relative etichette.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Passo 5: personalizzare le tabelle<\/strong><\/h3>\n\n\n\n

Aggiungete i nomi dei piani, i tag del pubblico, i prezzi, le caratteristiche e i pulsanti di invito all'azione all'interno di ogni colonna. Utilizzate blocchi di paragrafi, elenchi e pulsanti all'interno delle celle della tabella. <\/p>\n\n\n\n

Quindi aprire le impostazioni generali per impostare l'intestazione e il pi\u00e8 di pagina e, se necessario, regolare funzioni come l'intestazione appiccicosa, l'ordinamento e la ricerca. Infine, utilizzare la scheda Stile per regolare con precisione la spaziatura, i colori di sfondo, i bordi e l'allineamento per ottenere un aspetto pulito e coerente in entrambe le tabelle.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Fase 6: salvataggio, anteprima e pubblicazione<\/strong><\/h3>\n\n\n\n

Non dimenticate di salvare il vostro lavoro. Quindi, utilizzare l'opzione di anteprima per verificare l'aspetto del toggle sia su desktop che su mobile. Assicuratevi che il cambio di scheda sia fluido e che ogni versione della tabella sia chiara. Una volta soddisfatti, premere Pubblica per renderlo attivo.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Pensieri finali<\/strong><\/p>\n\n\n\n

L'opzione di selezione dei prezzi mensili\/annuali non \u00e8 solo un trucco di design. \u00c8 un modo pratico per presentare opzioni di fatturazione flessibili senza appesantire il layout. Con Tableberg, non avete bisogno di plugin aggiuntivi o di codice personalizzato per farlo bene. \u00c8 possibile creare una tabella dei prezzi reattiva e ben strutturata che aiuta i visitatori a confrontare i piani in modo chiaro e a scegliere quello pi\u00f9 adatto a loro.<\/p>\n\n\n\n

Prendete il tempo necessario per impostare con cura i toggle e otterrete una pagina pi\u00f9 pulita e un'esperienza decisionale pi\u00f9 fluida per i vostri utenti.<\/p>","protected":false},"excerpt":{"rendered":"

Today’s buyers evaluate options in seconds: some scan prices, others compare features, and many debate monthly versus annual plans. In this split-second decision-making environment, your pricing table’s design becomes the decisive factor in conversions. If you run a service or subscription-based business, your pricing table needs to do more than list options to convert visitors […]<\/p>\n","protected":false},"author":9,"featured_media":8700,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,130],"tags":[],"class_list":["post-8698","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/MonthlyYearly-Pricing-Toggle-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/it\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/8698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=8698"}],"version-history":[{"count":39,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/8698\/revisions"}],"predecessor-version":[{"id":8761,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/8698\/revisions\/8761"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/8700"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=8698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=8698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=8698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}