{"id":129914,"date":"2025-10-20T09:00:00","date_gmt":"2025-10-20T07:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=129914"},"modified":"2025-11-10T21:24:59","modified_gmt":"2025-11-10T20:24:59","slug":"kadence-blocks","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/kadence-blocks\/","title":{"rendered":"Kadence Blocks: guida completa 2025"},"content":{"rendered":"\n<p><strong>Kadence Blocks<\/strong> \u00e8 uno dei builder a blocchi per WordPress pi\u00f9 apprezzati e utilizzati a livello globale. Con oltre <strong>500.000 installazioni attive<\/strong> e una valutazione media di <strong>4.8 stelle<\/strong> nel repository ufficiale di WordPress, questo plugin si \u00e8 affermato come una delle alternative pi\u00f9 solide per chi desidera potenziare l\u2019<a href=\"https:\/\/supporthost.com\/it\/gutenberg\/\" data-type=\"post\" data-id=\"22269\">editor Gutenberg<\/a> senza ricorrere a soluzioni esterne o pi\u00f9 pesanti come Elementor o <a href=\"https:\/\/supporthost.com\/it\/wpbakery\/\" data-type=\"post\" data-id=\"82105\">WPBakery<\/a>.<\/p>\n\n\n\n<p>Negli ultimi anni l\u2019editor a blocchi nativo di WordPress ha subito un\u2019evoluzione significativa, passando da un semplice sostituto dell\u2019editor classico a un vero e proprio sistema modulare. Questa trasformazione ha dato vita a un nuovo approccio nella creazione dei contenuti: quello dei <strong>block builder<\/strong>, strumenti pensati per ampliare le possibilit\u00e0 offerte da Gutenberg mantenendo compatibilit\u00e0 con il core di WordPress e ottimizzazione a livello di codice.<\/p>\n\n\n\n<p>In questo contesto, <strong>Kadence Blocks<\/strong> si distingue per la sua combinazione di <strong>leggerezza, controllo avanzato sul design e integrazione profonda con l\u2019ecosistema Kadence<\/strong>, in particolare con Kadence Theme. Il plugin permette di costruire layout complessi, sezioni dinamiche, moduli personalizzati e perfino template condizionali, tutto all\u2019interno dell\u2019editor nativo e senza scrivere codice.<\/p>\n\n\n\n<p>Scegliere Kadence Blocks significa poter contare su uno strumento solido, continuamente aggiornato, ideale per sviluppatori, web designer e utenti che vogliono costruire siti professionali, performanti e SEO-friendly. In questa guida completa ti aiuteremo a conoscere tutte le funzionalit\u00e0 pi\u00f9 interessanti di questo plugin.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cose-kadence-blocks-e-perche-usarlo\">Cos&#8217;\u00e8 Kadence Blocks e perch\u00e9 usarlo<\/a><ul><li><a href=\"#prestazioni-e-leggerezza\">Prestazioni e leggerezza<\/a><\/li><\/ul><\/li><li><a href=\"#kadence-blocks-vs-generate-blocks\">Come installare Kadence Blocks<\/a><ul><li><a href=\"#installare-kadence-blocks-free\">Installare il plugin gratuito<\/a><\/li><li><a href=\"#installare-kadence-blocks-pro\">Installare la versione Pro<\/a><\/li><\/ul><\/li><li><a href=\"#panoramica-completa-dei-moduli-disponibili\">Blocchi di Kadence Blocks gratuito<\/a><ul><li><a href=\"#row-layout\">Layout riga<\/a><\/li><li><a href=\"#row-layout-1\">Text ADV<\/a><\/li><li><a href=\"#advanced-text-e-advanced-button\">Advanced Button<\/a><\/li><li><a href=\"#info-box\">Box Informazioni<\/a><\/li><li><a href=\"#icon-list\">Elenco Icone<\/a><\/li><li><a href=\"#conto-alla-rovescia\">Conto alla rovescia<\/a><\/li><li><a href=\"#advanced-heading\">Header ADV<\/a><\/li><li><a href=\"#tabs\">Schede<\/a><\/li><li><a href=\"#accordion\">Fisarmonica (accordion)<\/a><\/li><li><a href=\"#show-more\">Mostra altro<\/a><\/li><li><a href=\"#form\">Modulo<\/a><\/li><li><a href=\"#spacer-divider\">Distanziatore \/ Divisore<\/a><\/li><li><a href=\"#gallery\">Gallery ADV<\/a><\/li><li><a href=\"#post-grid\">Articoli<\/a><\/li><li><a href=\"#google-maps\">Google Maps<\/a><\/li><li><a href=\"#animazioni-lottie\">Animazioni lottie<\/a><\/li><\/ul><\/li><li><a href=\"#blocchi-esclusivi-della-versione-pro\">Blocchi esclusivi della versione Pro<\/a><\/li><li><a href=\"#editor-visuale-struttura-e-modalita-di-costruzione\">Editor visuale: struttura e modalit\u00e0 di costruzione<\/a><\/li><li><a href=\"#stili-globali-e-impostazioni-del-design\">Stili globali e impostazioni del design<\/a><\/li><li><a href=\"#controlli-responsive-e-visibilita-condizionata\">Controlli responsive e visibilit\u00e0 condizionata<\/a><\/li><li><a href=\"#pattern-library-e-componenti-riutilizzabili\">Compatibilit\u00e0 con temi e plugin<\/a><ul><li><a href=\"#kadence-theme-labbinamento-perfetto\">Kadence Theme<\/a><\/li><li><a href=\"#compatibilita-con-altri-temi\">Compatibilit\u00e0 con altri temi<\/a><\/li><li><a href=\"#compatibilita-con-plugin-di-terze-parti\">Compatibilit\u00e0 con plugin di terze parti<\/a><\/li><\/ul><\/li><li><a href=\"#confronto-con-altri-builder-generate-blocks-bricks-elementor-oxygen\">Kadence Blocks vs GenerateBlocks<\/a><ul><li><a href=\"#kadence-blocks-vs-generate-blocks-1\">Kadence Blocks VS GenerateBlocks: prestazioni<\/a><\/li><\/ul><\/li><li><a href=\"#prezzi-e-piani-disponibili\">Prezzi e piani disponibili<\/a><ul><li><a href=\"#1-blocks-pro-119-anno\">Kadence Blocks Pro<\/a><\/li><li><a href=\"#2-plus-plan-169-anno\">Kadence Blocks Plus Plan<\/a><\/li><li><a href=\"#3-ultimate-299-anno-piano-piu-completo\">Kadence Blocks Ultimate<\/a><\/li><\/ul><\/li><li><a href=\"#kadence-blocks-vantaggi-e-limiti\">Vantaggi e svantaggi di Kadence Blocks<\/a><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-kadence-blocks-e-perche-usarlo\">Cos&#8217;\u00e8 Kadence Blocks e perch\u00e9 usarlo<\/h2>\n\n\n\n<p>Kadence Blocks \u00e8 un plugin che estende l\u2019editor a blocchi (Gutenberg) di WordPress, aggiungendo una serie di blocchi avanzati pensati per offrire maggiore flessibilit\u00e0 nella creazione dei contenuti. A differenza di page builder esterni come Elementor o Bricks, Kadence Blocks lavora <strong>all\u2019interno dell\u2019editor nativo di WordPress<\/strong>, garantendo cos\u00ec prestazioni elevate e un output HTML pulito e aderente agli standard del CMS.<\/p>\n\n\n\n<p>Il funzionamento \u00e8 semplice: una volta installato, il plugin <strong>aggiunge nuovi <a href=\"https:\/\/supporthost.com\/it\/blocchi-gutenberg\/\" data-type=\"post\" data-id=\"34484\">blocchi personalizzati all\u2019interfaccia di Gutenberg<\/a><\/strong>. Questi blocchi non si limitano a sostituire quelli base, ma introducono funzionalit\u00e0 pi\u00f9 avanzate per layout personalizzati, sezioni interattive, griglie dinamiche, moduli di contatto, tab, accordion, gallerie e molto altro. L\u2019obiettivo \u00e8 fornire strumenti di livello professionale senza richiedere competenze di sviluppo o codice personalizzato.<\/p>\n\n\n\n<p>Tra i principali motivi per cui molti utenti scelgono Kadence Blocks troviamo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>maggiore controllo sul layout<\/strong>. Blocchi come Row Layout permettono di gestire colonne, spaziature e allineamenti in modo preciso, anche su dispositivi mobili, con un\u2019interfaccia semplice e intuitiva;<\/li>\n\n\n\n<li><strong>design modulare e personalizzabile<\/strong>. Ogni blocco offre numerose opzioni di stile e comportamento, dai bordi alle animazioni on-scroll, passando per overlay, ombre e breakpoint personalizzati;<\/li>\n\n\n\n<li><strong>compatibilit\u00e0 con i global style<\/strong>. I blocchi si adattano perfettamente agli stili definiti nel tema, in particolare con Kadence Theme, ma funzionano bene anche con altri temi popolari come Astra o <a href=\"https:\/\/supporthost.com\/it\/generatepress\/\" data-type=\"post\" data-id=\"68792\">GeneratePress<\/a>;<\/li>\n\n\n\n<li><strong>espandibilit\u00e0 con la versione Pro<\/strong>. Per chi ha bisogno di funzionalit\u00e0 aggiuntive, la versione a pagamento sblocca condizioni di visibilit\u00e0 avanzate, contenuti dinamici, blocchi extra e integrazioni con servizi esterni.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"440\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-blocks-1024x440.png\" alt=\"Kadence Blocks\" class=\"wp-image-129791\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-blocks-1024x440.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-blocks-300x129.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-blocks-768x330.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-blocks-120x52.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-blocks-1536x660.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-blocks-2048x880.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Kadence Blocks diventa quindi particolamente interessante se la tua priorit\u00e0 \u00e8 quella di costruire un sito WordPress moderno, personalizzato e performante, mantenendo allo stesso tempo piena compatibilit\u00e0 con l\u2019editor nativo e ampia libert\u00e0 creativa.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"prestazioni-e-leggerezza\">Prestazioni e leggerezza<\/h3>\n\n\n\n<p>Un interessante punto di forza \u00e8 l\u2019<strong>approccio leggero e orientato alle performance<\/strong>: Kadence Blocks carica solo il codice necessario per i blocchi utilizzati nella pagina, migliorando i tempi di caricamento e contribuendo al rispetto dei parametri richiesti dai <a href=\"https:\/\/supporthost.com\/it\/core-web-vitals-ranking\/\" data-type=\"post\" data-id=\"28266\">Core Web Vitals di Google<\/a>. Uno dei motivi principali per cui molti utenti scelgono Kadence Blocks \u00e8 l\u2019<strong>estrema leggerezza del codice generato<\/strong> e l\u2019approccio orientato alle performance, a differenza di altri builder che tendono a caricare interi framework anche quando non necessari.<\/p>\n\n\n\n<p>I blocchi vengono infatti <strong>caricati in modo condizionale<\/strong>: questo significa che, se una pagina non contiene un determinato blocco, <strong>i relativi CSS e JavaScript non verranno nemmeno inclusi<\/strong> nel frontend. Un approccio che si traduce in pagine pi\u00f9 leggere e rapide da caricare.<\/p>\n\n\n\n<p>Come confermato anche in un\u2019<a href=\"https:\/\/kaderank.com\/en\/blog\/superior-performance-for-an-ultra-fast-website\/\" rel=\"noopener\">analisi tecnica di KadeRank<\/a> di maggio 2025, il sistema Kadence (Theme + Blocks) permette di ottenere punteggi elevati in LCP, FID e CLS, grazie anche all\u2019assenza di jQuery e all\u2019uso di <a href=\"https:\/\/supporthost.com\/it\/formato-svg\/\" data-type=\"post\" data-id=\"84013\">SVG<\/a> inline.<\/p>\n\n\n\n<p>In un <a href=\"https:\/\/www.wpgeared.com\/kadence-theme-review-vs-page-builders\/\" rel=\"noopener\">confronto indipendente condotto da WP Geared<\/a>, una pagina costruita con Kadence \u00e8 risultata pi\u00f9 leggera e veloce rispetto a soluzioni basate su Elementor o <a href=\"https:\/\/supporthost.com\/it\/divi\/\" data-type=\"post\" data-id=\"78110\">Divi<\/a>. In particolare, la dimensione media della pagina \u00e8 stata di <strong>circa 54 KB<\/strong>, peso che, ad esempio, con Divi aumenta ben del 400%. La differenza \u00e8 evidente: Kadence permette di costruire layout moderni mantenendo una struttura estremamente leggera, con benefici tangibili in termini di <strong>tempo di caricamento<\/strong>, <strong>esperienza utente<\/strong> e <strong>ottimizzazione SEO<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-block-vs-page-builders-by-wpgeared.webp\" alt=\"Kadence Block Vs Page Builders By Wpgeared\" class=\"wp-image-129792\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-block-vs-page-builders-by-wpgeared.webp 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-block-vs-page-builders-by-wpgeared-300x200.webp 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-block-vs-page-builders-by-wpgeared-768x512.webp 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-block-vs-page-builders-by-wpgeared-94x63.webp 94w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Confronto fra builder a cura di WP Geared<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"kadence-blocks-vs-generate-blocks\">Come installare Kadence Blocks<\/h2>\n\n\n\n<p>L\u2019installazione di Kadence Blocks \u00e8 semplice e alla portata di tutti, sia che tu voglia provare la versione gratuita o nel caso tu ti senta di iniziare subito con le funzionalit\u00e0 pro del builder.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"installare-kadence-blocks-free\">Installare il plugin gratuito<\/h3>\n\n\n\n<p>Per installare la versione gratuita puoi basta agire direttamente dalla dashboard di WordPress. Vai su &#8220;Plugin&#8221; e poi &#8220;Aggiungi plugin&#8221;. Nella barra di ricerca in alto a destra digita \u201c<a href=\"https:\/\/it.wordpress.org\/plugins\/kadence-blocks\/\" rel=\"noopener\">Kadence Blocks<\/a>\u201d. Una volta trovato il plugin &#8220;<strong>Gutenberg Blocks with AI by Kadence WP<\/strong>&#8221; clicca su &#8220;Installa ora&#8221;, poi su &#8220;Attiva&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"402\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/installare-kadence-blocks-1024x402.png\" alt=\"Installare Kadence Blocks\" class=\"wp-image-129805\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/installare-kadence-blocks-1024x402.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/installare-kadence-blocks-300x118.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/installare-kadence-blocks-768x302.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/installare-kadence-blocks-120x47.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/installare-kadence-blocks-1536x604.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/installare-kadence-blocks-2048x805.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A questo punto, troverai una nuova voce chiamata \u201cKadence\u201d nel menu laterale da cui, cliccando su &#8220;Impostazioni&#8221;, potrai gestire le configurazioni globali dei blocchi. Inoltre, all\u2019interno dell\u2019editor a blocchi di WordPress (Gutenberg), avrai accesso ai nuovi moduli personalizzati, pronti per essere usati nelle pagine o negli articoli.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"766\" height=\"837\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-blocks.png\" alt=\"Blocchi Kadence Blocks\" class=\"wp-image-129849\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-blocks.png 766w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-blocks-275x300.png 275w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-blocks-58x63.png 58w\" sizes=\"auto, (max-width: 766px) 100vw, 766px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"installare-kadence-blocks-pro\">Installare la versione Pro<\/h3>\n\n\n\n<p>Per utilizzare la versione Pro di Kadence Blocks, invece, il primo passo \u00e8 l&#8217;acquisto di una delle licenze disponibili sul <a href=\"https:\/\/www.kadencewp.com\/kadence-blocks\/pro\/\" rel=\"noopener\">sito ufficiale di KadenceWP<\/a>. Dopo aver completato l\u2019acquisto, riceverai via mail le credenziali di accesso alla tua <strong>area utente<\/strong>, dove potrai scaricare il file del plugin in formato ZIP.<\/p>\n\n\n\n<p>A questo punto non ti rester\u00e0 che accedere alla bacheca di WordPress e, dal menu \u201cPlugin\u201d, scegliere l\u2019opzione \u201cAggiungi nuovo\u201d. Da l\u00ec \u00e8 sufficiente cliccare sul pulsante \u201cCarica plugin\u201d, selezionare il file scaricato e procedere con l\u2019installazione e l\u2019attivazione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"717\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/carica-plugin-wordpress-1024x717.png\" alt=\"Carica Plugin WordPress\" class=\"wp-image-16121\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/carica-plugin-wordpress-1024x717.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/carica-plugin-wordpress-300x210.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/carica-plugin-wordpress-768x538.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/carica-plugin-wordpress-90x63.png 90w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/carica-plugin-wordpress.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Una volta caricato e attivato il nuovo plugin, il gioco \u00e8 fatto: <strong>non dovrai inserire nessuna chiave di licenza<\/strong>, e il builder sar\u00e0 subito pronto all&#8217;uso. Terminata l\u2019installazione, infatti, i nuovi blocchi Pro e le opzioni avanzate saranno immediatamente disponibili all\u2019interno dell\u2019editor Gutenberg.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"panoramica-completa-dei-moduli-disponibili\">Blocchi di Kadence Blocks gratuito<\/h2>\n\n\n\n<p><strong>La versione gratuita di Kadence Blocks include gi\u00e0 una selezione di blocchi essenziali<\/strong>, progettati per coprire tutte le esigenze comuni nella costruzione di pagine web professionali. Ogni blocco \u00e8 pensato per essere altamente personalizzabile, leggero e completamente integrato con lo stile del tema attivo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"695\" height=\"1024\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-695x1024.png\" alt=\"Blocchi Kadence\" class=\"wp-image-129807\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-695x1024.png 695w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-204x300.png 204w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-768x1132.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-43x63.png 43w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-1042x1536.png 1042w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-scaled.png 1200w\" sizes=\"auto, (max-width: 695px) 100vw, 695px\" \/><\/figure>\n\n\n\n<p>Vediamo insieme i pi\u00f9 interessanti e innovativi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"row-layout\">Layout riga<\/h3>\n\n\n\n<p>Layout riga \u00e8 <strong>il cuore del sistema Kadence Blocks<\/strong>. \u00c8 il blocco strutturale per eccellenza, quello che consente di costruire righe e colonne su cui posizionare tutti gli altri elementi. A differenza del blocco Colonne nativo di WordPress, qui il <strong>controllo sul layout \u00e8 molto pi\u00f9 ampio<\/strong> e permette di:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>definire il numero di colonne fra diversi layout;<\/li>\n\n\n\n<li>impostare larghezze personalizzate;<\/li>\n\n\n\n<li>gestire margini e padding con precisione;<\/li>\n\n\n\n<li>applicare sfondi, overlay, gradienti, immagini, video e animazioni.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"333\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-layout-riga-1024x333.png\" alt=\"Blocco Layout Riga\" class=\"wp-image-129808\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-layout-riga-1024x333.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-layout-riga-300x98.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-layout-riga-768x250.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-layout-riga-120x39.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-layout-riga-1536x499.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-layout-riga-2048x666.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Una volta inserito il blocco avrai tutte le funzioni a portata, fra layout, pulsanti di modifica e il rimando alla libreria con tutta una serie di template gi\u00e0 pronti all&#8217;uso.<\/p>\n\n\n\n<p>Questo blocco supporta anche <strong>breakpoint personalizzati<\/strong> per ottimizzare la resa su dispositivi mobili e consente di controllare la <strong>spaziatura interna<\/strong> sia a livello di singola colonna che dell\u2019intera riga.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"row-layout-1\">Text ADV<\/h3>\n\n\n\n<p>Il blocco Text ADV <strong>nasce per superare le limitazioni del paragrafo base di Gutenberg<\/strong>. In questo blocco infatti puoi scrivere un testo, modificarne il colore e scegliere tra i pochi stili predefiniti per la tipografia. Tuttavia, non hai modo di impostare margini e padding specifici, non puoi applicare un\u2019ombra al testo, non puoi cambiare la spaziatura tra le lettere o la distanza tra le righe in modo granulare, n\u00e9 puoi definire un comportamento differente su mobile e desktop. Non \u00e8 nemmeno possibile inserire condizioni di visibilit\u00e0 o controllare in dettaglio l\u2019allineamento verticale all\u2019interno di una colonna.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"617\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/text-adv-1024x617.png\" alt=\"Text Adv\" class=\"wp-image-129809\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/text-adv-1024x617.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/text-adv-300x181.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/text-adv-768x462.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/text-adv-105x63.png 105w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/text-adv-1536x925.png 1534w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/text-adv.png 1535w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Con l\u2019<strong>Advanced Text<\/strong> tutto questo \u00e8 possibile. Oltre a offrire la possibilit\u00e0 di scrivere testi e titoli come in un normale editor e personalizzarlo con la classica barra di Gutenberg che compare sopra al testo, qui c&#8217;\u00e8 molto di pi\u00f9. La barra laterale sulla destra, infatti, consente di personalizzare in profondit\u00e0 lo stile di ogni elemento:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>font (colori, gradiente, ombreggiatura, etc)<\/li>\n\n\n\n<li>dimensioni e peso<\/li>\n\n\n\n<li>spaziatura lettere e righe<\/li>\n\n\n\n<li>allineamento<\/li>\n\n\n\n<li>visibilit\u00e0 condizionata per dispositivo.<\/li>\n<\/ul>\n\n\n\n<p>Una funzione molto utile \u00e8 la <strong>possibilit\u00e0 di applicare padding e margini personalizzati direttamente al testo<\/strong>, senza l&#8217;esigenza di un contenitore a parte.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"517\" height=\"190\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/margine-testo.png\" alt=\"Margine Testo\" class=\"wp-image-129810\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/margine-testo.png 517w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/margine-testo-300x110.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/margine-testo-120x44.png 120w\" sizes=\"auto, (max-width: 517px) 100vw, 517px\" \/><\/figure>\n\n\n\n<p>Inoltre, con la versione Pro del plugin, il blocco pu\u00f2 ospitare contenuti dinamici provenienti da campi personalizzati, trasformandosi in uno strumento potente anche per siti basati su post type o ACF.<\/p>\n\n\n\n<p>Insomma, grazie a questo blocco puoi personalizzare ogni parametro <strong>sia a livello estetico che funzionale<\/strong>, per adattarsi perfettamente al design complessivo della tua pagina. Questo ti consente di ottenere risultati professionali senza dover ricorrere a CSS personalizzato o a plugin esterni.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"advanced-text-e-advanced-button\">Advanced Button<\/h3>\n\n\n\n<p>Questo blocco permette di creare pulsanti completamente personalizzati in pochi click. Si pu\u00f2 scegliere se inserire un singolo bottone o una serie di pulsanti affiancati, con pieno controllo su spaziatura, allineamento e comportamento responsive.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"369\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/button-adv-1024x369.png\" alt=\"Button Adv\" class=\"wp-image-129811\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/button-adv-1024x369.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/button-adv-300x108.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/button-adv-768x276.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/button-adv-120x43.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/button-adv-1536x553.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/button-adv-2048x737.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Anche qui lo <strong>stile \u00e8 gestibile in ogni dettaglio<\/strong>: colore del testo e di sfondo, bordi, ombre, effetto hover, tipografia e persino icone integrate. A livello pratico \u00e8 uno strumento molto utile per creare <strong>call to action coerenti con l\u2019identit\u00e0 visiva del sito<\/strong>, anche in pi\u00f9 versioni (ad esempio pulsanti primari e secondari). La versione avanzata del blocco consente inoltre di usare dati dinamici come URL personalizzati per ogni singolo utente o contenuto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"info-box\">Box Informazioni<\/h3>\n\n\n\n<p>Box Informazioni \u00e8 un blocco che consente di creare contenuti visivamente accattivanti combinando i<strong>cone, titoli, testi descrittivi e pulsanti in un\u2019unica sezione coerente<\/strong>, con una serie di layout base gi\u00e0 pronti per te. \u00c8 pensato per mettere in evidenza elementi come servizi, funzionalit\u00e0, vantaggi o sezioni chiave del sito, spesso utilizzato nella parte iniziale di landing page o homepage.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"466\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/box-informazioni-1024x466.png\" alt=\"Box Informazioni\" class=\"wp-image-129812\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/box-informazioni-1024x466.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/box-informazioni-300x136.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/box-informazioni-768x349.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/box-informazioni-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/box-informazioni-1536x698.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/box-informazioni-2048x931.png 2033w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/box-informazioni.png 2032w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Rispetto a una combinazione manuale di pi\u00f9 blocchi (icona + heading + paragrafo + bottone), l\u2019Info Box <strong>semplifica tutto in un\u2019interfaccia unificata<\/strong>, permettendo di controllare spaziature, allineamenti e colori con estrema precisione. Si possono anche impostare effetti al passaggio del mouse, gradienti di sfondo e bordi arrotondati, mantenendo il tutto responsive per ogni dispositivo.<\/p>\n\n\n\n<p>\u00c8 un blocco perfetto per chi vuole creare contenuti chiari e leggibili senza dover gestire strutture complesse.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"icon-list\">Elenco Icone<\/h3>\n\n\n\n<p>Qui puoi creare elenchi puntati o numerati con <a href=\"https:\/\/supporthost.com\/it\/icone-wordpress\/\">icone WordPress<\/a> personalizzate al posto dei tradizionali bullet. A prima vista pu\u00f2 sembrare una funzione secondaria, ma dal punto di vista del design visivo rappresenta un <strong>enorme passo avanti<\/strong> rispetto al blocco \u201cLista\u201d di base di WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"466\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/elenco-icone-1024x466.png\" alt=\"Elenco Icone\" class=\"wp-image-129813\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/elenco-icone-1024x466.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/elenco-icone-300x137.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/elenco-icone-768x350.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/elenco-icone-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/elenco-icone-1536x699.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/elenco-icone.png 2030w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ogni voce pu\u00f2 essere accompagnata da un\u2019icona selezionata da una libreria integrata, con opzioni per:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>modificare colore, dimensione e posizione;<\/li>\n\n\n\n<li>impostare separatori tra gli elementi;<\/li>\n\n\n\n<li>controllare margini e padding;<\/li>\n\n\n\n<li>disporre le liste in orizzontale per creare voci affiancate;<\/li>\n\n\n\n<li><strong>modificare in maniera individuale i singoli punti elenco<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>Questo blocco \u00e8 spesso utilizzato per mostrare caratteristiche di un prodotto, step di un processo, vantaggi o servizi in modo visivamente ordinato e coerente con il resto del sito.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"conto-alla-rovescia\">Conto alla rovescia<\/h3>\n\n\n\n<p>Kadence Blocks ti permette di aggiungere un <strong>timer personalizzabile<\/strong> a qualsiasi pagina o articolo, ideale per campagne a tempo limitato, promozioni speciali, eventi o lanci di prodotti. Si tratta di un blocco estremamente flessibile: puoi impostare una <strong>data e ora di fine<\/strong>, scegliere se eseguire <strong>azioni automatiche allo scadere<\/strong> (come mostrare un messaggio o nascondere contenuti), e personalizzare completamente l\u2019aspetto grafico del timer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"419\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/conto-alla-rovescia-1024x419.png\" alt=\"Conto Alla Rovescia\" class=\"wp-image-129851\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/conto-alla-rovescia-1024x419.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/conto-alla-rovescia-300x123.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/conto-alla-rovescia-768x314.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/conto-alla-rovescia-120x49.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/conto-alla-rovescia-1536x628.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/conto-alla-rovescia-2048x837.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u00c8 possibile modificare <strong>font, colori, spaziatura e stili<\/strong> per adattare perfettamente il conto alla rovescia al design del sito. Inoltre, il blocco \u00e8 responsive, quindi il timer resta leggibile e funzionale anche su dispositivi mobili. Grazie all\u2019integrazione con le <strong>condizioni di visibilit\u00e0<\/strong>, puoi mostrare o nascondere contenuti specifici prima o dopo la scadenza, rendendolo uno strumento utile non solo per il marketing, ma anche per la gestione dinamica delle offerte e dei contenuti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"advanced-heading\">Header ADV<\/h3>\n\n\n\n<p>Il blocco <strong>Header<\/strong> <strong>ADV <\/strong>crea <strong>intestazioni completamente personalizzate <\/strong>direttamente nell\u2019editor a blocchi di WordPress, senza dipendere da temi o builder esterni.<\/p>\n\n\n\n<p>Puoi utilizzare <strong>layout multi-riga e multi-sezione<\/strong> (Top, Middle, Bottom), ognuna contenente tre aree (Left, Center e Right) per avere il pieno controllo della disposizione degli elementi nel header.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"662\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/advanced-header-1024x662.png\" alt=\"Advanced Header\" class=\"wp-image-129814\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/advanced-header-1024x662.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/advanced-header-300x194.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/advanced-header-768x496.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/advanced-header-97x63.png 97w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/advanced-header-1536x993.png 1429w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/advanced-header.png 1430w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Le funzionalit\u00e0 principali includono la gestione di header <strong>sticky (fissi durante lo scroll)<\/strong>, <strong>trasparenti<\/strong> o entrambi, personalizzabili separatamente per desktop, tablet e mobile. Puoi anche aggiungere <em>mega menu<\/em>, sottomenu avanzati e link personalizzati con icone e immagini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"567\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/header-adv-configurazione-1024x567.png\" alt=\"Header Adv Configurazione\" class=\"wp-image-129815\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/header-adv-configurazione-1024x567.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/header-adv-configurazione-300x166.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/header-adv-configurazione-768x425.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/header-adv-configurazione-114x63.png 114w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/header-adv-configurazione-1536x850.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/header-adv-configurazione.png 1669w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Header ADV offre anche un <strong>builder visivo integrato<\/strong> che consente di aggiungere, spostare o eliminare blocchi all\u2019interno della testata, tutto tramite un\u2019interfaccia drag &amp; drop direttamente nell\u2019editor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"tabs\">Schede<\/h3>\n\n\n\n<p>Questo blocco permette di <strong>organizzare i contenuti in una serie di schede navigabili<\/strong>, visibili una alla volta. \u00c8 uno strumento molto utile quando si vuole ottimizzare lo spazio a disposizione senza rinunciare a fornire informazioni dettagliate. Ad esempio, pu\u00f2 essere usato per suddividere le specifiche tecniche di un prodotto, le domande frequenti (FAQ), le sezioni di un profilo o le descrizioni di servizi differenti.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"614\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-schede-1024x614.png\" alt=\"Blocco Schede\" class=\"wp-image-129817\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-schede-1024x614.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-schede-300x180.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-schede-768x460.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-schede-105x63.png 105w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-schede-1536x921.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-schede.png 1541w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A livello visivo, le schede possono essere completamente personalizzate: colori, tipografia, bordo attivo, ombreggiature e transizioni sono configurabili <strong>senza bisogno di scrivere codice<\/strong>. La struttura \u00e8 completamente responsive: se lo spazio orizzontale non \u00e8 sufficiente, le schede possono essere visualizzate come elementi impilati o a discesa.<\/p>\n\n\n\n<p>Rispetto a plugin esterni o soluzioni personalizzate, questo blocco offre tutto il necessario <strong>direttamente dentro Gutenberg<\/strong>, mantenendo leggerezza e compatibilit\u00e0.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"accordion\">Fisarmonica (accordion)<\/h3>\n\n\n\n<p>Fisarmonica \u00e8 un blocco pensato per <strong>presentare contenuti in modo compatto<\/strong>, espandibile a richiesta dell\u2019utente. Ogni sezione pu\u00f2 essere cliccata per aprire o chiudere il contenuto, rendendo questo blocco ideale per mostrare informazioni secondarie, come approfondimenti, istruzioni o FAQ, senza appesantire visivamente la pagina.<\/p>\n\n\n\n<p>Anche in questo caso Kadence Blocks ti permette di personalizzare ogni voce dell\u2019accordion: titolo, contenuto, comportamento al click (apertura singola o multipla), colore e animazioni.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-accordion-1024x559.png\" alt=\"Blocco Accordion\" class=\"wp-image-129818\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-accordion-1024x559.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-accordion-300x164.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-accordion-768x419.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-accordion-115x63.png 115w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-accordion-1536x838.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-accordion.png 1693w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Anche questo blocco si adatta perfettamente al design del sito, ereditando gli stili globali e offrendo il pieno controllo su spacing e responsive.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"show-more\">Mostra altro<\/h3>\n\n\n\n<p>Il blocco Mostra altro serve per nascondere temporaneamente una parte del contenuto e mostrarla solo quando l\u2019utente decide di espandere la sezione. \u00c8 una <strong>soluzione utile per testi lunghi<\/strong> che potrebbero scoraggiare la lettura se mostrati per intero subito, come descrizioni dettagliate, regolamenti, schede tecniche o contenuti \u201cextra\u201d che si vogliono offrire solo a chi \u00e8 davvero interessato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"457\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/mostra-altro-1024x457.png\" alt=\"Mostra Altro\" class=\"wp-image-129819\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/mostra-altro-1024x457.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/mostra-altro-300x134.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/mostra-altro-768x342.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/mostra-altro-120x54.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/mostra-altro-1536x685.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/mostra-altro-2048x913.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>L\u2019utente vede un primo paragrafo introduttivo, poi pu\u00f2 cliccare su un pulsante (personalizzabile) per leggere il resto. Anche in questo caso, lo <strong>stile \u00e8 completamente personalizzabile<\/strong>, e il comportamento del blocco resta fluido e leggero sia su desktop che su dispositivi mobili.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"form\">Modulo<\/h3>\n\n\n\n<p>Il blocco <strong>Modulo<\/strong> incluso nella versione gratuita di Kadence Blocks \u00e8 una soluzione immediata per creare moduli di contatto senza dover installare plugin aggiuntivi. Anche se semplice, \u00e8 estremamente efficace per chi vuole raccogliere messaggi dai visitatori, richiedere informazioni o ricevere prenotazioni.<\/p>\n\n\n\n<p>Pu\u00f2 contenere campi standard come nome, email, testo e checkbox, oltre al bottone di invio personalizzabile. \u00c8 possibile definire l\u2019etichetta dei campi, i messaggi di successo o errore e l\u2019indirizzo email di destinazione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"598\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-modulo-1024x598.png\" alt=\"Blocco Modulo\" class=\"wp-image-129827\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-modulo-1024x598.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-modulo-300x175.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-modulo-768x449.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-modulo-108x63.png 108w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-modulo-1536x898.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-modulo.png 1581w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Un altro punto importante \u00e8 la <strong>protezione anti-spam<\/strong>, garantita da meccanismi come Google reCAPTCHA. Anche se alcune funzionalit\u00e0 avanzate (come le integrazioni con servizi esterni tipo <a href=\"https:\/\/supporthost.com\/it\/mailchimp\/\" data-type=\"post\" data-id=\"59016\">Mailchimp<\/a> o Brevo) sono riservate alla versione Pro, il blocco base \u00e8 pi\u00f9 che sufficiente per esigenze comuni, mantenendo sempre un buon livello di <strong>accessibilit\u00e0 e compatibilit\u00e0 responsive<\/strong>.<\/p>\n\n\n\n<p>Nella <strong>versione Pro<\/strong>, le possibilit\u00e0 si ampliano notevolmente. Oltre ai campi avanzati, puoi configurare <strong>azioni multiple all&#8217;invio<\/strong>, come:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>invio dell\u2019email all\u2019amministratore e\/o all\u2019utente;<\/li>\n\n\n\n<li><strong>reindirizzamento a una pagina di ringraziamento<\/strong>;<\/li>\n\n\n\n<li>salvataggio del modulo nel database;<\/li>\n\n\n\n<li><strong>integrazione diretta con servizi esterni<\/strong> come Mailchimp, Sendinblue, ActiveCampaign, MailerLite, ConvertKit;<\/li>\n\n\n\n<li><strong>invio webhook<\/strong> verso automazioni personalizzate o sistemi esterni.<\/li>\n<\/ul>\n\n\n\n<p>Inoltre, ogni form pu\u00f2 essere <strong>visualizzato o nascosto in base a condizioni specifiche<\/strong>, ad esempio in funzione del ruolo utente o del dispositivo, sfruttando le impostazioni di visibilit\u00e0 condizionata gi\u00e0 viste per altri blocchi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"spacer-divider\">Distanziatore \/ Divisore<\/h3>\n\n\n\n<p>Questo blocco svolge due funzioni fondamentali nel design di una pagina: <strong>creare spazio<\/strong> tra gli elementi e <strong>inserire separatori visivi<\/strong>. Il distanziatore aggiunge margini vuoti, regolabili in altezza, per migliorare la leggibilit\u00e0 e la composizione complessiva del layout. \u00c8 particolarmente utile per evitare che testi e immagini risultino troppo compressi, specialmente su mobile.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"555\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-divisore-1024x555.png\" alt=\"Blocco Divisore\" class=\"wp-image-129828\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-divisore-1024x555.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-divisore-300x162.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-divisore-768x416.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-divisore-116x63.png 116w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-divisore-1536x832.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-divisore.png 1706w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Il divisore, invece, aggiunge una linea (orizzontale o verticale) che separa sezioni, titoli o gruppi di contenuti. Entrambi gli elementi sono pienamente personalizzabili: \u00e8 possibile definire <strong>colore, spessore, stile della linea, larghezza e allineamento<\/strong>, offrendo cos\u00ec strumenti semplici ma potenti per controllare l\u2019equilibrio visivo di una pagina.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gallery\">Gallery ADV<\/h3>\n\n\n\n<p>Il blocco <strong>Gallery ADV<\/strong> di Kadence Blocks offre molto pi\u00f9 controllo rispetto alla galleria nativa di WordPress. Pu\u00f2 essere utilizzato per mostrare una griglia di immagini, realizzare una selezione fotografica o presentare prodotti in maniera ordinata e coerente con il resto del sito.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-gallery-adv-1024x597.png\" alt=\"Blocco Gallery Adv\" class=\"wp-image-129829\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-gallery-adv-1024x597.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-gallery-adv-300x175.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-gallery-adv-768x448.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-gallery-adv-108x63.png 108w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-gallery-adv-1536x895.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-gallery-adv.png 1585w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tra le funzionalit\u00e0 pi\u00f9 utili ci sono il <strong>controllo sulle colonne, gli spazi tra le immagini, i bordi, gli effetti <\/strong>al passaggio del mouse e la possibilit\u00e0 di aprire le <strong>immagini in lightbox<\/strong>. \u00c8 possibile anche aggiungere didascalie, scegliere il rapporto tra le immagini e mantenere tutto completamente responsive, con un comportamento diverso in base al dispositivo.<\/p>\n\n\n\n<p>Per chi lavora con contenuti visivi, questo blocco rappresenta una soluzione flessibile e leggera, integrata perfettamente nell\u2019editor Gutenberg.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"post-grid\">Articoli<\/h3>\n\n\n\n<p>Il blocco <strong>Articoli<\/strong> consente di visualizzare automaticamente gli articoli del blog, le pagine o qualsiasi tipo di contenuto personalizzato (custom post type) in formato griglia. \u00c8 uno strumento molto utile per mostrare anteprime di contenuti recenti, raccolte tematiche o portfolio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-articoli-1024x513.png\" alt=\"Blocco Articoli\" class=\"wp-image-129920\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-articoli-1024x513.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-articoli-300x150.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-articoli-768x384.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-articoli-120x60.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-articoli-1536x769.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocco-articoli.png 1846w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Si pu\u00f2 decidere <strong>quanti post mostrare, su quante colonne, se includere immagine, titolo, data, autore e un estratto del contenuto<\/strong>, oltre alla possibilit\u00e0 di inserire un bottone \u201cLeggi di pi\u00f9\u201d. Le opzioni di stile sono numerose e includono tutti gli elementi visualizzati: colore dei testi, spaziatura, animazioni al passaggio, gestione delle immagini in evidenza, personalizzazione categorie e altro ancora.<\/p>\n\n\n\n<p>Il grande vantaggio \u00e8 che <strong>il contenuto si aggiorna automaticamente<\/strong> ogni volta che viene pubblicato un nuovo articolo, senza dover intervenire manualmente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"google-maps\">Google Maps<\/h3>\n\n\n\n<p>Nella versione gratuita di Kadence Blocks, il blocco <strong>Google Maps<\/strong> consente di <strong>integrare facilmente una mappa dinamica<\/strong> all\u2019interno delle pagine e degli articoli, offrendo gi\u00e0 alcune opzioni di base per personalizzare l\u2019esperienza dell\u2019utente.<\/p>\n\n\n\n<p>Puoi <strong>inserire un indirizzo specifico<\/strong> o utilizzare <strong>coordinate geografiche<\/strong> per determinare il punto da mostrare, regolare <strong>il livello di zoom<\/strong> e scegliere tra diverse visualizzazioni della mappa, come il layout standard o satellitare. Il blocco supporta inoltre la definizione dell\u2019altezza della mappa (in pixel o viewport height) per un controllo pi\u00f9 preciso sull\u2019aspetto grafico.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"582\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/google-maps-1024x582.png\" alt=\"Google Maps\" class=\"wp-image-129852\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/google-maps-1024x582.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/google-maps-300x170.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/google-maps-768x436.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/google-maps-111x63.png 111w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/google-maps-1536x873.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/google-maps.png 1626w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A differenza del semplice embed fornito da Google, il blocco Google Maps gratuito di Kadence si integra nativamente con Gutenberg e consente di mantenere una maggiore coerenza con il layout della pagina, senza dover inserire codice manuale.<\/p>\n\n\n\n<p>Tuttavia, per funzionalit\u00e0 avanzate come <strong>personalizzazione dei marker<\/strong>, <strong>interazioni dinamiche<\/strong>, <strong>controllo del caricamento asincrono<\/strong> o <strong>multi-mappa<\/strong>, \u00e8 necessario passare alla versione Pro.<\/p>\n\n\n\n<p>Su questo argomento, tra l&#8217;altro, ti invitiamo anche a dare un&#8217;occhiata alla nostra <a href=\"https:\/\/supporthost.com\/it\/google-maps-wordpress\/\">guida per integrare al meglio Google Maps su WordPress<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"animazioni-lottie\">Animazioni lottie<\/h3>\n\n\n\n<p>Questo blocco ti consente di <strong>integrare animazioni leggere e interattive<\/strong> realizzate in formato JSON direttamente all\u2019interno delle pagine, senza appesantire il sito. \u00c8 una soluzione ideale per aggiungere elementi visivi coinvolgenti come icone animate, illustrazioni in movimento o micro-interazioni, mantenendo al tempo stesso alte prestazioni e tempi di caricamento ridotti.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"773\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/animazione-lottie-1024x773.jpg\" alt=\"Animazione Lottie\" class=\"wp-image-129921\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/animazione-lottie-1024x773.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/animazione-lottie-300x226.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/animazione-lottie-768x580.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/animazione-lottie-83x63.jpg 83w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/animazione-lottie.jpg 1224w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Con la versione gratuita di Kadence Blocks \u00e8 possibile <strong><a href=\"https:\/\/lottiefiles.com\/\" rel=\"noopener\">inserire un\u2019animazione Lottie<\/a> caricandola da URL o da file JSON<\/strong>, regolare le dimensioni, la velocit\u00e0 di riproduzione e decidere se l\u2019animazione deve avviarsi automaticamente, al passaggio del mouse o quando l\u2019elemento entra nell\u2019area visibile dello schermo. Puoi anche scegliere se riprodurla una sola volta o in loop continuo.<\/p>\n\n\n\n<p>Per chi desidera un controllo ancora pi\u00f9 avanzato \u2014 ad esempio legare l\u2019animazione allo scroll della pagina, sincronizzarla con altri eventi dinamici o caricarla in modo condizionale \u2014 \u00e8 disponibile una versione estesa nella suite Pro.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"blocchi-esclusivi-della-versione-pro\">Blocchi esclusivi della versione Pro<\/h2>\n\n\n\n<p>La versione Pro di Kadence Blocks non si limita ad aggiungere funzionalit\u00e0 avanzate ai blocchi gi\u00e0 presenti nella versione gratuita. Introduce una <strong>serie di blocchi completamente nuovi<\/strong>, pensati per offrire il massimo della flessibilit\u00e0 mantenendo al tempo stesso un\u2019architettura leggera e ottimizzata.<\/p>\n\n\n\n<p>Tra i punti di forza di questi blocchi c\u2019\u00e8 l\u2019estrema capacit\u00e0 di <strong>interagire con i contenuti dinamici<\/strong> di WordPress. \u00c8 possibile creare griglie di articoli o prodotti personalizzate, costruire query avanzate per mostrare contenuti filtrati, oppure utilizzare condizioni per mostrare o nascondere interi blocchi in base al ruolo dell\u2019utente, alla data o a campi personalizzati.<\/p>\n\n\n\n<p>I blocchi Pro includono strumenti per la <strong>costruzione visuale di layout dinamici<\/strong>, come carousel, slider e moduli a comparsa, perfetti per chi vuole arricchire l\u2019esperienza del sito senza affidarsi a plugin esterni. Non mancano nemmeno opzioni per creare <strong>call to action visivamente coinvolgenti<\/strong>, blocchi video con popup, layout a contenuto alternato e perfino controlli dedicati all\u2019utilizzo di <strong>icone SVG personalizzate<\/strong> e <strong>font custom<\/strong>.<\/p>\n\n\n\n<p>Un altro vantaggio \u00e8 rappresentato dal supporto nativo a <strong>contenuti condizionali e contenuti dinamici personalizzati<\/strong>, che consente di costruire pagine complesse (come archivi tematici, landing personalizzate o vetrine dinamiche) senza dover ricorrere a soluzioni esterne come ACF o query scritte a mano.<\/p>\n\n\n\n<p>Per consultare l\u2019elenco completo dei blocchi disponibili nella versione Pro puoi fare riferimento alla <a class=\"\" href=\"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/blocks-pro\/\" rel=\"noopener\">documentazione ufficiale di Kadence<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"editor-visuale-struttura-e-modalita-di-costruzione\">Editor visuale: struttura e modalit\u00e0 di costruzione<\/h2>\n\n\n\n<p>Kadence Blocks si integra in modo nativo con l\u2019editor a blocchi di WordPress, noto anche come Gutenberg. A differenza dei page builder esterni che richiedono interfacce separate, qui tutto avviene <strong>dentro l\u2019editor standard<\/strong>, mantenendo la semplicit\u00e0 dell\u2019ambiente originale ma potenziandone notevolmente le possibilit\u00e0.<\/p>\n\n\n\n<p>Appena installato il plugin, nella barra laterale di Gutenberg compaiono <strong>nuovi blocchi organizzati in categorie<\/strong>, tutti facilmente identificabili grazie all\u2019icona distintiva di Kadence in cima. Ti baster\u00e0 cliccare sul simbolo &#8220;+&#8221; in alto a sinistra della pagina o articolo in lavorazione, poi un altro click su &#8220;Blocchi&#8221; e l&#8217;elenco degli elementi di Kadence sar\u00e0 subito a tua disposizione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"766\" height=\"837\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-blocks-1.png\" alt=\"Blocchi Kadence Blocks\" class=\"wp-image-129854\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-blocks-1.png 766w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-blocks-1-275x300.png 275w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/blocchi-kadence-blocks-1-58x63.png 58w\" sizes=\"auto, (max-width: 766px) 100vw, 766px\" \/><\/figure>\n\n\n\n<p>Una volta inserito un blocco, l\u2019editor ti mostrer\u00e0 sulla destra un pannello completo di <strong>impostazioni specifiche<\/strong> per il blocco selezionato.<\/p>\n\n\n\n<p>Un grande punto di forza \u00e8 la <strong>fluidit\u00e0 dell\u2019interfaccia<\/strong>: l\u2019inserimento dei blocchi \u00e8 rapido, le modifiche vengono applicate istantaneamente e ogni blocco include delle <strong>opzioni contestuali<\/strong> che cambiano in base all\u2019elemento selezionato, evitando menu confusi o ridondanti.<\/p>\n\n\n\n<p>Nel suo complesso l\u2019editor visuale di Kadence Blocks riesce a combinare la leggerezza dell\u2019ambiente Gutenberg con un\u2019ampia gamma di opzioni professionali, permettendo a chiunque \u2013 dal principiante al designer esperto \u2013 di costruire pagine belle, funzionali e completamente personalizzate, senza uscire dall\u2019interfaccia nativa di WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"stili-globali-e-impostazioni-del-design\">Stili globali e impostazioni del design<\/h2>\n\n\n\n<p>Uno degli aspetti pi\u00f9 rilevanti nella costruzione di un sito WordPress moderno \u00e8 la <strong>coerenza visiva<\/strong>. Mantenere colori, font, spaziature e dimensioni omogenei su tutte le pagine non \u00e8 solo una questione estetica, ma anche di <strong>leggibilit\u00e0, accessibilit\u00e0 e identit\u00e0 del brand<\/strong>. Kadence Blocks affronta questo tema in modo completo grazie al sistema degli <strong>stili globali<\/strong> (disponibili cliccando in alto a destra sul logo di Kadence), che consente di definire un design unificato per l\u2019intero sito o per specifiche aree.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"546\" height=\"1024\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/controlli-di-kadence-blocks-546x1024.png\" alt=\"Controlli Di Kadence Blocks\" class=\"wp-image-129856\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/controlli-di-kadence-blocks-546x1024.png 546w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/controlli-di-kadence-blocks-160x300.png 160w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/controlli-di-kadence-blocks-34x63.png 34w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/controlli-di-kadence-blocks.png 631w\" sizes=\"auto, (max-width: 546px) 100vw, 546px\" \/><\/figure>\n\n\n\n<p>Con Kadence Blocks \u00e8 possibile configurare <strong>colori globali<\/strong>, selezionando una palette personalizzata che verr\u00e0 applicata a tutti i blocchi compatibili. Una volta impostata, questa palette pu\u00f2 essere richiamata ovunque: titoli, pulsanti, sfondi, icone e box informativi erediteranno automaticamente i colori scelti, evitando l\u2019inserimento manuale dei codici in ogni sezione. Se in futuro cambi idea, ti baster\u00e0 aggiornare la palette globale per vederla riflessa su tutte le pagine del sito, senza interventi singoli.<\/p>\n\n\n\n<p>Lo stesso principio vale per la <strong>tipografia globale<\/strong>. Puoi definire font, dimensioni, spaziature tra lettere e righe per i vari livelli di titoli (H1\u2013H6), paragrafi e pulsanti. In questo modo, anche utilizzando blocchi diversi, il sito manterr\u00e0 un <strong>aspetto coerente e professionale<\/strong>, senza disallineamenti tra sezioni. Kadence Blocks supporta i <strong>Google Fonts<\/strong>, i <strong>font personalizzati caricati manualmente<\/strong> e anche <strong>Adobe Fonts<\/strong>, accessibili tramite integrazione nella versione Pro.<\/p>\n\n\n\n<p>Un altro aspetto interessante \u00e8 la gestione degli <strong>spazi<\/strong>: puoi definire <strong>valori di padding e margin predefiniti<\/strong>, da applicare ai blocchi senza doverli impostare ogni volta. Questo ti permette di lavorare pi\u00f9 velocemente e mantenere una gerarchia visiva chiara, migliorando la leggibilit\u00e0 soprattutto su mobile.<\/p>\n\n\n\n<p>Per chi desidera un controllo ancora pi\u00f9 avanzato, la versione Pro consente di <strong>creare preset di stile<\/strong> personalizzati da applicare a singoli blocchi o sezioni, oltre a impostare <strong>icone personalizzate<\/strong>, <strong>animazioni su scroll<\/strong> e <strong>transizioni fluide<\/strong> che si integrano con il resto del design.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"controlli-responsive-e-visibilita-condizionata\">Controlli responsive e visibilit\u00e0 condizionata<\/h2>\n\n\n\n<p>In un mondo in cui oltre la met\u00e0 del traffico web arriva da smartphone, \u00e8 essenziale progettare siti che si adattino perfettamente a ogni dispositivo. Kadence Blocks offre <strong>un controllo responsive avanzato<\/strong>, pensato per aiutarti a costruire layout flessibili, leggibili e coerenti su desktop, tablet e mobile, senza bisogno di scrivere codice o usare media query personalizzate.<\/p>\n\n\n\n<p>Ogni blocco di Kadence include impostazioni specifiche per la gestione della visualizzazione su diversi dispositivi. Puoi decidere, ad esempio, di mostrare un certo elemento solo su desktop, oppure nasconderlo su mobile. Ma non si tratta solo di visibilit\u00e0: \u00e8 possibile <strong>modificare padding, margini, dimensioni del testo, allineamenti, dimensioni delle colonne e persino ordine degli elementi<\/strong> in modo indipendente per ciascun breakpoint.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"972\" height=\"297\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/controlli-responsive-kadence-blocks.png\" alt=\"Controlli Responsive Kadence Blocks\" class=\"wp-image-129857\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/controlli-responsive-kadence-blocks.png 972w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/controlli-responsive-kadence-blocks-300x92.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/controlli-responsive-kadence-blocks-768x235.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/controlli-responsive-kadence-blocks-120x37.png 120w\" sizes=\"auto, (max-width: 972px) 100vw, 972px\" \/><\/figure>\n\n\n\n<p>Accanto al controllo responsive troviamo un\u2019altra funzionalit\u00e0 chiave: la <strong>visibilit\u00e0 condizionata<\/strong>, disponibile nella versione Pro. Questa funzione permette di <strong>mostrare o nascondere qualsiasi blocco in base a condizioni specifiche<\/strong>. Le condizioni possono essere semplici, come \u201cl\u2019utente \u00e8 loggato\u201d o \u201cil dispositivo \u00e8 mobile\u201d, oppure pi\u00f9 complesse: puoi decidere di mostrare un blocco solo agli utenti con un certo ruolo (es. abbonati o clienti), solo su determinate pagine, o in base a data e ora. <\/p>\n\n\n\n<p class=\"note\">Suggerimento: leggi anche la nostra guida se vuoi scoprire altri metodi per gestire la <a href=\"https:\/\/supporthost.com\/it\/visibilita-blocchi-wordpress\/\">visibilit\u00e0 dei blocchi su WordPress<\/a> (anche con plugin gratuiti).<\/p>\n\n\n\n<p>Queste funzionalit\u00e0 rendono Kadence Blocks non solo uno strumento di design, ma anche un sistema intelligente per <strong>adattare e personalizzare dinamicamente i contenuti del sito<\/strong>, offrendo maggiore rilevanza, usabilit\u00e0 e controllo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pattern-library-e-componenti-riutilizzabili\">Compatibilit\u00e0 con temi e plugin<\/h2>\n\n\n\n<p>Kadence Blocks nasce come estensione modulare dell\u2019editor a blocchi di WordPress, ma la sua <strong>vera forza emerge quando viene usato in combinazione con un tema compatibile<\/strong>. In questo contesto il tema ideale \u00e8 senza dubbio <strong>Kadence Theme<\/strong>, progettato dagli stessi sviluppatori del plugin. Tuttavia, Kadence Blocks dimostra un livello di compatibilit\u00e0 elevato anche con altri temi e plugin di terze parti, rendendolo una soluzione flessibile per diversi tipi di progetto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"kadence-theme-labbinamento-perfetto\">Kadence Theme<\/h3>\n\n\n\n<p>Utilizzare Kadence Blocks insieme al Kadence Theme consente di sbloccare <strong>un\u2019integrazione profonda e senza attriti<\/strong> tra layout, stile globale e funzionalit\u00e0 dinamiche. Il tema \u00e8 pensato per essere <strong>leggero, accessibile e altamente personalizzabile<\/strong>, e offre un sistema di configurazione visiva che si sposa perfettamente con i blocchi del plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"346\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-theme-1024x346.png\" alt=\"Kadence Theme\" class=\"wp-image-129860\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-theme-1024x346.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-theme-300x101.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-theme-768x260.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-theme-120x41.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-theme-1536x520.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/kadence-theme-2048x693.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tra i vantaggi pi\u00f9 evidenti dell\u2019accoppiata Kadence Blocks + Kadence Theme ci sono:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>coerenza completa nella gestione di <strong>palette colori, font e spaziature globali<\/strong>;<\/li>\n\n\n\n<li><strong>caricamento condizionale delle risorse<\/strong> CSS e JS per blocchi e sezioni;<\/li>\n\n\n\n<li>accesso immediato agli <strong>Elements<\/strong> per creare header, footer e layout condizionali;<\/li>\n\n\n\n<li>compatibilit\u00e0 garantita con la <strong>libreria di template<\/strong> fornita da Kadence;<\/li>\n\n\n\n<li>supporto prioritario da parte del team di sviluppo.<\/li>\n<\/ul>\n\n\n\n<p>In breve, chi desidera un sistema costruito per funzionare senza compromessi trover\u00e0 nel binomio Kadence Theme + Kadence Blocks una combinazione solida, efficiente e duratura.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"compatibilita-con-altri-temi\">Compatibilit\u00e0 con altri temi<\/h3>\n\n\n\n<p>Kadence Blocks \u00e8 perfettamente compatibile con tutti i temi che rispettano gli standard del Full Site Editing o che offrono un buon livello di flessibilit\u00e0 nel gestire layout e contenuti. Tra i temi pi\u00f9 usati e testati con successo troviamo <strong><a href=\"https:\/\/supporthost.com\/it\/generatepress\/\" data-type=\"post\" data-id=\"68792\">GeneratePress<\/a>, Astra, <a href=\"https:\/\/supporthost.com\/it\/neve\/\" data-type=\"post\" data-id=\"127344\">Neve<\/a><\/strong> e molti altri.<\/p>\n\n\n\n<p>In questi casi, sebbene non tutte le funzionalit\u00e0 avanzate siano sbloccate (come gli Elements, che sono legati a Kadence Theme), i blocchi funzionano senza problemi mantenendo prestazioni elevate e offrendo la stessa libert\u00e0 di costruzione.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"compatibilita-con-plugin-di-terze-parti\">Compatibilit\u00e0 con plugin di terze parti<\/h3>\n\n\n\n<p>Kadence Blocks \u00e8 compatibile con la <strong>maggior parte dei plugin pi\u00f9 utilizzati<\/strong> nell\u2019ecosistema WordPress. Non solo funziona bene con <a href=\"https:\/\/supporthost.com\/it\/wordpress-woocommerce\/\" data-type=\"post\" data-id=\"55370\">WooCommerce<\/a>, WPML, <a href=\"https:\/\/supporthost.com\/it\/rank-math\/\" data-type=\"post\" data-id=\"50441\">Rank Math<\/a> e <a href=\"https:\/\/supporthost.com\/it\/yoast-seo\/\" data-type=\"post\" data-id=\"50403\">Yoast SEO<\/a>, ma mostra un ottimo comportamento anche con plugin pi\u00f9 tecnici e strumenti per la cache, la minificazione o il lazy loading, come <strong><a href=\"https:\/\/supporthost.com\/it\/lscache-vs-wp-rocket\/\" data-type=\"post\" data-id=\"40693\">WP Rocket e Litespeed Cache<\/a><\/strong>.<\/p>\n\n\n\n<p>La compatibilit\u00e0 estesa \u00e8 uno degli elementi che rende Kadence Blocks una scelta adatta <strong>non solo a chi parte da zero<\/strong>, ma anche a chi vuole integrare il builder in siti esistenti senza rischiare rotture, conflitti o perdite di performance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"confronto-con-altri-builder-generate-blocks-bricks-elementor-oxygen\">Kadence Blocks vs GenerateBlocks<\/h2>\n\n\n\n<p>Kadence Blocks e GenerateBlocks sono builder &#8220;ibridi&#8221;: non sono un page builder esterno come Elementor o Bricks, ma nemmeno un semplice set di blocchi aggiuntivi. La loro forza risiede nell\u2019equilibrio tra <strong>integrazione nativa con l\u2019editor di WordPress<\/strong>, <strong>prestazioni elevate<\/strong> e <strong>funzionalit\u00e0 avanzate<\/strong>.<\/p>\n\n\n\n<p>Entrambi sono tra i plugin Gutenberg-based pi\u00f9 utilizzati e apprezzati per lo sviluppo con WordPress moderno, e un confronto fra i due ti permetter\u00e0 di scegliere la soluzione pi\u00f9 adatta alle tue esigenze.<\/p>\n\n\n\n<p>Diciamo che <strong>GenerateBlocks<\/strong> ha un approccio decisamente <strong>minimalista<\/strong>: offre solo sei blocchi base (Contenitore, Griglia, Headline, Pulsante, Query Loop e Image) e punta tutto sulla modularit\u00e0 e la leggerezza estrema.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"844\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/panoramica-funzionalita-builder-1024x844.png\" alt=\"Panoramica Funzionalit\u00e0 Builder\" class=\"wp-image-69908\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/panoramica-funzionalita-builder-1024x844.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/panoramica-funzionalita-builder-300x247.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/panoramica-funzionalita-builder-768x633.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/panoramica-funzionalita-builder-76x63.png 76w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/panoramica-funzionalita-builder.png 1188w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>L\u2019obiettivo \u00e8 fornire <strong>una base solida e leggera<\/strong> per costruire layout completamente personalizzati, lasciando all\u2019utente il pieno controllo sulla progettazione. \u00c8 ideale per sviluppatori e utenti avanzati che desiderano lavorare con un set essenziale di strumenti e costruire ogni sezione da zero.<\/p>\n\n\n\n<p><strong>Kadence Blocks<\/strong>, invece, mette a disposizione <strong>molti pi\u00f9 blocchi<\/strong> anche nella versione gratuita, con impostazioni pi\u00f9 ricche, stile visuale pi\u00f9 pronto all\u2019uso e una curva di apprendimento pi\u00f9 rapida.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table data-mtr-unique-id=\"16d84a431e1228666935968f0b748d96-1\" class=\"has-fixed-layout mtr-table mtr-thead-th\"><thead><tr><th data-mtr-content=\"Caratteristica\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\"><strong>Caratteristica<\/strong><\/div><\/th><th data-mtr-content=\"Kadence Blocks\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\"><strong>Kadence Blocks<\/strong><\/div><\/th><th data-mtr-content=\"GenerateBlocks\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\"><strong>GenerateBlocks<\/strong><\/div><\/th><\/tr><\/thead><tbody><tr><td data-mtr-content=\"Caratteristica\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Blocchi nella versione gratuita<\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">15+ blocchi preconfigurati<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">6 blocchi base<\/div><\/td><\/tr><tr><td data-mtr-content=\"Caratteristica\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Facilit\u00e0 d\u2019uso<\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Adatta anche ai principianti<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Pi\u00f9 tecnica ed evoluta<\/div><\/td><\/tr><tr><td data-mtr-content=\"Caratteristica\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Opzioni di stile integrate<\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Ombre, gradienti, tipografia, animazioni<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Minimo indispensabile<\/div><\/td><\/tr><tr><td data-mtr-content=\"Caratteristica\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Performance e leggerezza<\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Molto leggera<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Estremamente leggera<\/div><\/td><\/tr><tr><td data-mtr-content=\"Caratteristica\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Funzioni dinamiche (scroll, visibilit\u00e0 condizionale, show more\u2026)<\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Disponibili anche nella versione gratuita<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">In gran parte assenti<\/div><\/td><\/tr><tr><td data-mtr-content=\"Caratteristica\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Integrazione con starter template<\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Libreria di template integrata<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">No<\/div><\/td><\/tr><tr><td data-mtr-content=\"Caratteristica\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Compatibilit\u00e0 ideale<\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Kadence Theme e ambienti Gutenberg<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">GeneratePress e ambienti Gutenberg<\/div><\/td><\/tr><tr><td data-mtr-content=\"Caratteristica\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Libreria design predefinita<\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">S\u00ec<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">No<\/div><\/td><\/tr><tr><td data-mtr-content=\"Caratteristica\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Prezzi piani pro<\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">A partire da 119$\/anno<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">A partire da 59$\/anno<\/div><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"kadence-blocks-vs-generate-blocks-1\">Kadence Blocks VS GenerateBlocks: prestazioni<\/h3>\n\n\n\n<p>Secondo una serie di <a href=\"https:\/\/www.wpallimport.com\/kadence-blocks-vs-generateblocks\/\" rel=\"noopener\">test effettuati da WP All Import<\/a> per valutare le differenze in termini di prestazioni tra i due strumenti, entrambi riportano risultati eccellenti.<\/p>\n\n\n\n<p>Come abbiamo gi\u00e0 visto nelle sezioni precedenti <strong>Kadence Blocks <\/strong>\u00e8 pi\u00f9 ricco di funzioni, ma mantiene buone performance grazie a codice leggero per i singoli blocchi e funzionalit\u00e0 come il lazy loading. Nei test su Google PageSpeed Insights ha ottenuto <strong>100\/100 su desktop<\/strong> e <strong>95\/100 su mobile<\/strong>, con punteggi alti anche per accessibilit\u00e0 (91-92) e SEO (92). Su Pingdom ha registrato <strong>53,1 KB di peso pagina<\/strong> e un tempo di caricamento di <strong>504 ms<\/strong>.<\/p>\n\n\n\n<p>Dal canto suo <strong>GenerateBlocks<\/strong> \u00e8 stato progettato con la leggerezza come priorit\u00e0, usando un codice minimale e pochi script. Nei test ha raggiunto <strong>99\/100 su desktop<\/strong> e <strong>93\/100 su mobile<\/strong> su PageSpeed Insights, con valori analoghi per accessibilit\u00e0 e SEO. Anche su Pingdom ha mostrato <strong>53,1 KB<\/strong> di peso e un tempo di caricamento di <strong>507 ms<\/strong>.<\/p>\n\n\n\n<p>In sintesi, <strong>GenerateBlocks<\/strong> risulta leggermente pi\u00f9 orientato alla massima efficienza grazie al suo approccio minimalista, mentre <strong>Kadence Blocks<\/strong> offre pi\u00f9 funzionalit\u00e0 pronte all\u2019uso senza tuttavia compromettere in modo significativo la velocit\u00e0.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table data-mtr-unique-id=\"16d84a431e1228666935968f0b748d96-2\" class=\"has-fixed-layout mtr-table mtr-thead-th\"><thead><tr><th data-mtr-content=\"Parametro\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\"><strong>Parametro<\/strong><\/div><\/th><th data-mtr-content=\"Kadence Blocks\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\"><strong>Kadence Blocks<\/strong><\/div><\/th><th data-mtr-content=\"GenerateBlocks\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\"><strong>GenerateBlocks<\/strong><\/div><\/th><\/tr><\/thead><tbody><tr><td data-mtr-content=\"Parametro\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><strong>PageSpeed Insights (Desktop)<\/strong><\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Performance: 100<br>Accessibilit\u00e0: 92<br>Best Practices: 100<br>SEO: 92<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Performance: 99<br>Accessibilit\u00e0: 92<br>Best Practices: 100<br>SEO: 92<\/div><\/td><\/tr><tr><td data-mtr-content=\"Parametro\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><strong>PageSpeed Insights (Mobile)<\/strong><\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Performance: 95<br>Accessibilit\u00e0: 91<br>Best Practices: 100<br>SEO: 91<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Performance: 93<br>Accessibilit\u00e0: 91<br>Best Practices: 100<br>SEO: 91<\/div><\/td><\/tr><tr><td data-mtr-content=\"Parametro\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><strong>Pingdom \u2013 Performance Grade<\/strong><\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">A (98)<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">A (98)<\/div><\/td><\/tr><tr><td data-mtr-content=\"Parametro\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><strong>Pingdom \u2013 Peso pagina<\/strong><\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">53,1 KB<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">53,1 KB<\/div><\/td><\/tr><tr><td data-mtr-content=\"Parametro\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><strong>Pingdom \u2013 Tempo di caricamento<\/strong><\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">504 ms<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">507 ms<\/div><\/td><\/tr><tr><td data-mtr-content=\"Parametro\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><strong>Pingdom \u2013 Richieste<\/strong><\/div><\/td><td data-mtr-content=\"Kadence Blocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">7<\/div><\/td><td data-mtr-content=\"GenerateBlocks\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">7<\/div><\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Confronto prestazioni Kadence Blocks VS GenerateBlocks su Page Speed e Pingdom<\/figcaption><\/figure>\n\n\n\n<p>Riportiamo anche un\u2019analisi comparativa molto interessante tra Kadence Blocks e GenerateBlocks pubblicata da <a href=\"https:\/\/theadminbar.com\/performance-implications-of-generateblocks-new-features\/\" rel=\"noopener\">The Admin Bar<\/a> per confrontare l\u2019impatto sul peso della pagina e il numero di richieste HTTP di alcuni blocchi interattivi, in particolare <strong>Tabs<\/strong> e <strong>Accordion<\/strong>.<\/p>\n\n\n\n<p>Vediamo i risultati:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Il blocco <strong>Tabs<\/strong> di <strong>Kadence<\/strong> ha aggiunto <strong>4 richieste HTTP<\/strong> e aumentato la dimensione della pagina di <strong>37.9 KB<\/strong>. Nello stesso test, il blocco Tabs di <strong>GenerateBlocks<\/strong> ha aggiunto solo <strong>1 richiesta<\/strong> e un incremento minimo di <strong>1.3 KB<\/strong>, risultando quindi pi\u00f9 leggero.<\/li>\n\n\n\n<li>Nel test sull\u2019<strong>Accordion<\/strong>, Kadence si comporta meglio, rimanendo comunque leggermente pi\u00f9 \u201cpesante\u201d: <strong>2 richieste<\/strong> e <strong>6.3 KB<\/strong> in pi\u00f9 rispetto all&#8217;unica richiesta e ai 2.1 KB in pi\u00f9 di GenerateBlocks.<\/li>\n<\/ul>\n\n\n\n<p>Tuttavia lo stesso autore dell\u2019articolo chiarisce che si tratta di <strong>differenze davvero minime<\/strong>, che peraltro non approfondiscono funzionalit\u00e0 e potenzialit\u00e0 di sviluppo di un sito, e che comunque dimostrano che <strong>Kadence \u00e8 un prodotto leggero<\/strong> e altamente ottimizzato.<\/p>\n\n\n\n<p>Per dare maggiore prospettiva a questi numeri l\u2019autore ha voluto anche testare Elementor aggiungendo semplicemente <strong>un titolo a una pagina<\/strong>. Il risultato? <strong>21 richieste HTTP<\/strong> e <strong>145 KB<\/strong> di peso totale. Questo dimostra quanto i block builder come Kadence e GenerateBlocks siano in generale molto pi\u00f9 efficienti rispetto ai page builder tradizionali.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"prezzi-e-piani-disponibili\">Prezzi e piani disponibili<\/h2>\n\n\n\n<p>Kadence Blocks \u00e8 disponibile in versione gratuita, ma per accedere a tutte le funzionalit\u00e0 professionali \u00e8 possibile scegliere tra <a href=\"https:\/\/www.kadencewp.com\/kadence-blocks\/pro\/\" rel=\"noopener\">tre piani a pagamento<\/a>, ciascuno pensato per un diverso livello di utilizzo e numero di siti.<\/p>\n\n\n\n<p>Tutti i piani includono una <strong>garanzia soddisfatti o rimborsati di 30 giorni<\/strong>, e l\u2019abbonamento \u00e8 <strong>rinnovabile annualmente<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-blocks-pro-119-anno\">Kadence Blocks Pro<\/h3>\n\n\n\n<p>Con una fee di <strong>119$\/anno<\/strong>, questo piano \u00e8 pensato per chi desidera potenziare Gutenberg con i blocchi avanzati di Kadence, mantenendo un approccio snello. Include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>licenza per uso <strong>fino a 5 siti<\/strong><\/li>\n\n\n\n<li><strong>1.250 crediti AI <\/strong>all\u2019anno<\/li>\n\n\n\n<li>Oltre <strong>800 pattern premium<\/strong><\/li>\n\n\n\n<li><strong>Premium Blocks Header Builder<\/strong><\/li>\n\n\n\n<li><strong>Advanced Forms<\/strong> con opzioni professionali<\/li>\n\n\n\n<li><strong>Hooked Elements<\/strong><\/li>\n\n\n\n<li><strong>Contenuti dinamici e query<\/strong><\/li>\n\n\n\n<li><strong>Layout Pro <\/strong>per le gallerie<\/li>\n\n\n\n<li><strong>Icone <\/strong>personalizzate<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-plus-plan-169-anno\">Kadence Blocks Plus Plan<\/h3>\n\n\n\n<p>Ideale per chi vuole un ecosistema Kadence pi\u00f9 completo, con template, funzionalit\u00e0 avanzate e strumenti aggiuntivi. Con <strong>169$\/anno<\/strong> hai a disposizione tutte le funzionalit\u00e0 del piano precedente e in aggiunta:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Licenza per uso <strong>fino a 10 siti<\/strong><\/li>\n\n\n\n<li><strong>4.000 crediti AI all\u2019anno<\/strong><\/li>\n\n\n\n<li>Oltre <strong>40 Starter Templates Premium<\/strong><\/li>\n\n\n\n<li>Modalit\u00e0 <strong>Coming Soon \/ Maintenance<\/strong><\/li>\n\n\n\n<li>Scroll infinito<\/li>\n\n\n\n<li><strong>Banners e elementi fissi<\/strong><\/li>\n\n\n\n<li>Script personalizzati per header\/footer<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-ultimate-299-anno-piano-piu-completo\">Kadence Blocks Ultimate<\/h3>\n\n\n\n<p>Questo piano parte da <strong>299$\/anno<\/strong> ed \u00e8 pensato per agenzie, sviluppatori e business scalabili, aggiungendo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Licenza <strong>fino a 25 siti<\/strong> (oppure fino a 1000 siti a 399$\/anno)<\/li>\n\n\n\n<li><strong>8.000 crediti AI all\u2019anno<\/strong><\/li>\n\n\n\n<li><strong>A\/B Testing<\/strong><\/li>\n\n\n\n<li><strong>Popup Builder<\/strong><\/li>\n\n\n\n<li>Tracciamento delle conversioni<\/li>\n\n\n\n<li>Funzionalit\u00e0 avanzate per eCommerce<\/li>\n\n\n\n<li>Pattern Hub + Child Theme Builder<\/li>\n\n\n\n<li>Modalit\u00e0 <strong>White Label<\/strong> per branding personalizzato<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"372\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/confronto-piani-kadence-blocks-pro-1024x372.png\" alt=\"Confronto Piani Kadence Blocks Pro\" class=\"wp-image-129863\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/confronto-piani-kadence-blocks-pro-1024x372.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/confronto-piani-kadence-blocks-pro-300x109.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/confronto-piani-kadence-blocks-pro-768x279.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/confronto-piani-kadence-blocks-pro-120x44.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/confronto-piani-kadence-blocks-pro-1536x558.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/confronto-piani-kadence-blocks-pro-2048x744.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"kadence-blocks-vantaggi-e-limiti\">Vantaggi e svantaggi di Kadence Blocks<\/h2>\n\n\n\n<p>Uno dei principali motivi per cui Kadence Blocks sta guadagnando popolarit\u00e0 tra sviluppatori e creator \u00e8 la sua capacit\u00e0 di combinare <strong>prestazioni elevate<\/strong> con un\u2019esperienza utente fluida e coerente.<\/p>\n\n\n\n<p>Tra i suoi punti di forza spicca senza dubbio la <strong>leggerezza del codice<\/strong>: il caricamento condizionale, abbinato a un\u2019attenzione costante all\u2019ottimizzazione, comporta <strong>tempi di caricamento molto rapidi<\/strong> e punteggi elevati nei test PageSpeed.<\/p>\n\n\n\n<p>Un altro vantaggio significativo \u00e8 rappresentato dalla <strong>modularit\u00e0 dell\u2019offerta<\/strong>. L\u2019utente pu\u00f2 iniziare gratuitamente, con un set di blocchi gi\u00e0 ricco e ben strutturato, e decidere in seguito se espandere le funzionalit\u00e0 acquistando la versione Pro.<\/p>\n\n\n\n<p>Nel complesso, Kadence Blocks fornisce ottime funzionalit\u00e0 per chi cerca <strong>un builder leggero, performante e nativamente compatibile con Gutenberg<\/strong>, ma ricordati di valutare attentamente le tue esigenze: se il tuo progetto richiede animazioni complesse, workflow visuali drag &amp; drop o un\u2019interfaccia completamente diversa da quella di WordPress, potrebbero esserci soluzioni pi\u00f9 adatte.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>Kadence Blocks si conferma uno dei builder pi\u00f9 potenti, leggeri e versatili dell\u2019ecosistema WordPress. Pensato per sfruttare al massimo l\u2019editor a blocchi nativo, offre un\u2019<strong>esperienza di costruzione moderna, fluida e orientata alle prestazioni<\/strong>, senza rinunciare alla personalizzazione visiva e al controllo granulare su ogni elemento della pagina.<\/p>\n\n\n\n<p>Se hai gi\u00e0 avuto modo di provare Kadence Blocks, oppure se stai valutando quale builder usare per il tuo prossimo sito, ci farebbe piacere conoscere la tua opinione. Condividi la tua esperienza nei commenti!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kadence Blocks \u00e8 uno dei builder a blocchi per WordPress pi\u00f9 apprezzati e utilizzati a livello globale. Con oltre 500.000 installazioni attive e una valutazione media di 4.8 stelle nel repository ufficiale di WordPress, questo plugin si \u00e8 affermato come una delle alternative pi\u00f9 solide per chi desidera potenziare l\u2019editor Gutenberg senza ricorrere a soluzioni [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":132371,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-129914","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/129914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=129914"}],"version-history":[{"count":21,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/129914\/revisions"}],"predecessor-version":[{"id":134193,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/129914\/revisions\/134193"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/132371"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=129914"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=129914"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=129914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}