Cambiato tema WordPress e tutti i bei pulsanti, tab e colonne forniti in dotazione sono spariti. Vi suona familiare? Gli shortcode integrati nel tema sono legati al suo functions.php e, quando si cambia tema, si perde assolutamente tutto ciò che si è costruito in mesi. Una migrazione senza intoppi è possibile solo se si spostano prima gli elementi personalizzati nei plugin.

Ma perché preoccuparsi degli shortcode quando esistono i page builder? La risposta è più semplice di quanto sembri: se il design del sito funziona per voi e il tema copre completamente le vostre esigenze di layout, inserire un page builder completo con i suoi megabyte di CSS e JS solo per un paio di pulsanti e accordion non è necessario. Gli shortcode risolvono il problema in modo chirurgico: inserite un pulsante in un articolo, aggiungete un avviso alla pagina servizi, costruite colonne per una landing page e non si carica nulla di superfluo.

Abbiamo raccolto 13 strumenti funzionanti, dai plugin di shortcode leggeri ai visual builder completi, in modo che possiate scegliere esattamente ciò che vi serve per un compito specifico. Ogni plugin è testato: attivo, aggiornato, funziona con l'attuale WordPress 6.4+.

💡 Panoramica rapida:

• Scoprite quali plugin di shortcode funzionano davvero nel 2026 e non entrano in conflitto con Gutenberg
• Ottenete shortcode per pulsanti, tab, accordion, avvisi, gallerie, colonne e inserimenti personalizzati di HTML/CSS/JS
• Confrontate i visual page builder, da quelli leggeri (Live Composer, SiteOrigin) a quelli professionali (Elementor, Breakdance)
• Scegliete uno strumento per il vostro compito: shortcode chirurgici o drag-and-drop completo

Plugin di shortcode: strumenti chirurgici per il lavoro

Gli shortcode sono validi proprio perché non si trascinano dietro un ecosistema. Un plugin e nell'editor compare un pulsante per inserire tab, avvisi, pulsanti e colonne. Nessun sovraccarico, nessun conflitto con il tema. Ecco cosa funziona davvero nel 2026.

1. Shortcodes Ultimate

Il plugin di shortcode gratuito più popolare nel repository di WordPress, 400.000+ installazioni attive e 50+ elementi pronti. Tab, accordion, pulsanti, gallerie, slider, caroselli, lightbox, colonne, blocchi icona, Google Maps, tabelle adattive, il tutto inserito tramite un pulsante nell'editor classico o attraverso un blocco nativo di Gutenberg.

Il plugin è completamente compatibile con l'editor a blocchi: ogni shortcode ha il proprio blocco, quindi non è necessario ricordare la sintassi. L'editor CSS integrato consente di sovrascrivere gli stili per il tema e il supporto RTL aiuta nei progetti multilingua. La versione base è gratuita, gli add-on Pro ($39/anno) aggiungono Extra Shortcodes (timeline, tabella prezzi, carosello immagini) e rimuovono i crediti.

Pro: ampia base utenti, supporto attivo, blocchi Gutenberg, editor CSS. Contro: alcuni stili predefiniti richiedono aggiustamenti per temi personalizzati, funzionalità Pro solo in abbonamento.

🔗 Shortcodes Ultimate su WordPress.org

2. Shortcoder

Shortcoder risolve un compito fondamentalmente diverso: non fornisce pulsanti e tab già pronti, ma consente di creare i propri shortcode con qualsiasi HTML, CSS e JavaScript. Avvolgete il codice di Google AdSense in uno shortcode e inseritelo ovunque con un solo tag. Scrivete un blocco personalizzato con parametri, passateli attraverso gli attributi dello shortcode.

Ideale per chi ha bisogno di incorporare in modo chirurgico codice di terze parti senza modificare i template del tema. Supporta il caricamento di file CSS/JS nella libreria media, il collegamento a script CDN esterni e la creazione di snippet HTML con segnaposto che vengono sostituiti dai valori degli attributi al momento dell'inserimento. Gratuito, 60.000+ installazioni attive.

Pro: personalizzazione illimitata, shortcode parametrizzati, funziona con script esterni. Contro: richiede conoscenze di base di HTML/CSS/JS, non è per «costruire un pulsante con un paio di clic».

🔗 Shortcoder su WordPress.org

3. Meks Flexible Shortcodes

Plugin leggero e piacevole del team Meks, creatori di temi popolari per editori e blog. Solo 12+ shortcode, ma ognuno è rifinito: avvisi con colore personalizzabile, barre di avanzamento, pulsanti a tre dimensioni, divisori, colonne e blocchi di evidenziazione. Nessun inferno di impostazioni, cliccate un pulsante nell'editor visuale, scegliete uno shortcode dal menu a tendina, compilate 2-3 parametri e inserite.

Il plugin è specificamente progettato affinché gli stili entrino in conflitto minimamente con il tema: utilizza una tavolozza di colori neutra e l'ereditarietà dei font. Gratuito, senza versioni Pro e upsell. 20.000+ installazioni attive.

Pro: semplicità al limite dell'«installa e dimentica», gli stili convivono in armonia con il tema, zero upsell. Contro: pochi elementi, solo le basi, niente slider, gallerie, tab.

🔗 Meks Flexible Shortcodes su WordPress.org

4. Events Shortcodes per The Events Calendar

Plugin altamente specializzato per siti che usano The Events Calendar (oltre 800.000 installazioni). Il calendario base mostra gli eventi attraverso i suoi template, ma se devi inserire un elenco di eventi in arrivo in una sidebar o in una pagina personalizzata? Events Shortcodes aggiunge shortcode per visualizzare gli eventi come lista, lista minimalista o timeline.

La versione Pro ($49/anno) aggiunge la visualizzazione per sede, slider di eventi, griglia calendario e filtri per categorie. Per siti di conferenze, teatri, piattaforme educative, è indispensabile.

Pro: colma una lacuna critica di The Events Calendar, tre modalità di visualizzazione. Contro: richiede The Events Calendar attivo, Pro a $49/anno.

🔗 Events Shortcodes su WordPress.org

Page builder: quando gli shortcode non bastano

Gli shortcode sono ottimi per modifiche mirate. Ma se devi costruire una landing page da zero, assemblare una home page personalizzata o ricostruire il template di un articolo, entrano in gioco i visual builder. Ecco cosa è rilevante nel 2026.

5. Elementor

Il page builder più diffuso nell'ecosistema WordPress, oltre 16 milioni di installazioni attive. Interfaccia drag-and-drop con anteprima live, oltre 100 widget nella versione gratuita e più di 300 nella Pro ($59/anno per un sito). Sistema a container basato su Flexbox, breakpoint personalizzati per il responsive, tab e accordion annidati, contenuti dinamici da ACF e campi personalizzati.

Elementor ha superato da tempo il concetto di "page builder": è una piattaforma completa con theme builder, popup, pagine WooCommerce e loop builder per gli archivi. La licenza Pro include oltre 100 kit pronti per iniziare subito. Per siti clienti e lavoro in agenzia, è lo standard di settore.

Pro: community vastissima, tantissimi template già pronti, integrazione profonda con WooCommerce. Contro: genera molti elementi DOM, può rallentare su hosting deboli, uscire dall'ecosistema è complicato.

🔗 Elementor su WordPress.org

6. WPBakery Page Builder

Ex Visual Composer, uno dei builder più datati e diffusi (incluso in migliaia di temi premium su ThemeForest). Editor backend con moduli drag-and-drop e lightbox frontend per le regolazioni di fino. Basato su jQuery UI e Bootstrap, include oltre 50 moduli di contenuto e "blocchi", equivalenti a shortcode per Google Maps, icone social, accordion, tab e pulsanti.

Licenza a $59 (pagamento una tantum) per un sito con aggiornamenti a vita. Per i temi in cui WPBakery è incluso in bundle, è gratuito. Tra i contro, alla disattivazione lascia molti shortcode nel corpo degli articoli (il classico problema del "contenuto bloccato").

Pro: ampia base di temi con bundle, pagamento una tantum, codebase matura. Contro: interfaccia backend pesante, contenuto bloccato quando si cambia builder, più lento della concorrenza.

🔗 WPBakery Page Builder

7. Beaver Builder

Scelta di agenzie e freelance che apprezzano stabilità e codice pulito. Beaver Builder non genera caos di shortcode alla disattivazione, i contenuti restano leggibili nell'editor di WordPress. Drag-and-drop frontend con anteprima live, oltre 30 moduli per testo, immagini, slider, form, box icone, mappe e tabelle prezzi.

La versione Lite gratuita su WordPress.org offre un set base di moduli. La Premium da $99/anno (siti illimitati) include Beaver Themer per costruire template di post, archivi, header e footer, diretto concorrente di Elementor Pro nel segmento del full-site editing. Oltre 500.000 installazioni totali.

Pro: uscita pulita senza «contenuti bloccati», siti illimitati nella Premium, Beaver Themer. Contro: meno moduli di Elementor, più costoso per un sito singolo.

🔗 Beaver Builder su WordPress.org

8. Divi Builder (Elegant Themes)

Divi è un visual builder + tema in un unico pacchetto di Elegant Themes. Funziona sia sul tema Divi sia su qualsiasi tema di terze parti tramite il Divi Builder Plugin. Editor visuale con modifica del testo inline (clicchi sul titolo e scrivi), oltre 200 layout pronti, split test, filtri CSS personalizzati, motore gradienti e sistema di ruoli.

Licenza $89/anno per siti illimitati + accesso a tutti i temi di Elegant Themes. Funzionalità principale, Divi Cloud per archiviare layout e sincronizzarli tra progetti. Per un freelance con una dozzina di siti clienti, economicamente molto vantaggioso.

Pro: siti illimitati nell'abbonamento, oltre 200 layout pronti, modifica inline. Contro: backend appesantito da molti layout salvati, uscita dall'ecosistema simile a Elementor.

🔗 Divi Builder

9. SiteOrigin Page Builder

Il page builder gratuito originale, oltre 500.000 installazioni. A differenza di Elementor e WPBakery, SiteOrigin non inventa widget propri ma utilizza i widget standard di WordPress in una griglia responsive multi-colonna. Questo significa che qualsiasi widget installato (da qualsiasi plugin) è immediatamente disponibile per essere trascinato nel layout.

Modifica lato backend, con cronologia delle modifiche (rollback a qualsiasi passaggio) e anteprima al clic. Il pacchetto aggiuntivo SiteOrigin Widgets Bundle aggiunge oltre 25 widget personalizzati (galleria, slider, Google Map, tabella prezzi, testimonianze). Completamente gratuito, ideale per chi vuole restare nell'ecosistema WordPress senza vendor lock-in.

Pro: gratuito, utilizza widget standard, disattivazione pulita senza caos di shortcode. Contro: editor backend senza anteprima live, meno layout pronti.

🔗 SiteOrigin Page Builder su WordPress.org

10. Brizy

Brizy, il «cavallo outsider» tra i builder: focus sulla UX per utenti non tecnici. Interfaccia con pannello sinistro minimalista e controlli contestuali direttamente sulla tela, trascini l'angolo di un'immagine e la ridimensioni, clicchi sul testo e lo modifichi. Oltre 40 elementi (pulsanti, form, slider, timer), colori e tipografia globali, breakpoint personalizzati.

Versione gratuita su WordPress.org con gli elementi di base. La versione Pro ($49/anno per 1 sito, $99/anno per 100 siti) aggiunge popup, contenuti dinamici, integrazioni marketing e un builder per header e footer con condizioni di visualizzazione. La piattaforma cloud Brizy Cloud ($16/mese) permette di creare landing page senza usare affatto WordPress.

Pro: UX eccellente, prototipazione rapida, Pro conveniente per le agenzie ($99 per 100 siti). Contro: meno template già pronti rispetto a Elementor o Divi, community giovane.

🔗 Brizy su WordPress.org

11. Breakdance

Nuovo player nel mercato dei builder (lanciato nel 2023), ma già con una base notevole: oltre 140 elementi, visualizzazione condizionale, contenuti dinamici, builder per popup, form, temi, builder per header e footer, Mega Menu e builder per WooCommerce, tutto incluso out of the box, senza costi aggiuntivi per i moduli.

Interfaccia in modalità split: canvas con anteprima live e pannello delle impostazioni a destra. L'analizzatore di performance integrato mostra quanti elementi DOM genera la pagina. $149,99/anno per siti illimitati, uno dei migliori rapporti qualità/prezzo sul mercato.

Pro: oltre 140 elementi senza costi extra, analizzatore di performance integrato, WooCommerce out of the box. Contro: prodotto giovane, meno materiale didattico rispetto a Elementor.

🔗 Breakdance

12. Live Composer

Builder gratuito open source con editing frontend. A differenza della maggior parte dei competitor che lavorano in backend o tramite un'interfaccia separata, Live Composer permette di modificare la pagina direttamente dove la vedono i visitatori, sul frontend.

Pannello modulare nella parte inferiore dello schermo: trascina i moduli (testo, articoli del blog, gallerie, testimonianze, mappe, pulsanti) sulla canvas e vedi subito il risultato. Oltre 30.000 installazioni, aggiornato attivamente. Ottimo per landing page e layout rapidi di pagine promozionali.

Pro: gratuito e open source, editing live sul frontend, leggero. Contro: meno elementi rispetto ai builder commerciali, nessun theme builder.

🔗 Live Composer su WordPress.org

13. Themify Builder

Builder dello studio canadese Themify con modalità di editing backend e frontend. Permette di costruire pagine con il mouse nell'area di amministrazione o di passare all'anteprima live e rifinire visivamente. Oltre 40 moduli, inclusi slider, galleria, mappe, prodotti WooCommerce, form, pannello icone e tabella prezzi.

Se usi un tema Themify, il builder è integrato gratuitamente con il Themify Framework. Per temi di terze parti, esiste il plugin separato Themify Builder. Sono disponibili addon per funzionalità aggiuntive (timeline, tabella prezzi, modulo di contatto, test A/B), ma la base è già generosa.

Pro: due modalità di editing (backend e frontend), ricca dotazione di moduli. Contro: alcuni addon a pagamento, legato all'ecosistema Themify.

🔗 Themify Builder

⁉️🤔 Domande frequenti

Posso usare gli shortcode insieme a Gutenberg?

Sì, ed è esattamente come lavora la maggior parte degli utenti nel 2026. Gutenberg mette a disposizione un blocco standard «Shortcode»: inserisci qualsiasi shortcode di un plugin nel corpo dell'articolo. Molti plugin per shortcode (Shortcodes Ultimate, Shortcoder) registrano anche blocchi Gutenberg propri per ogni elemento: pulsanti, tab, accordion vengono aggiunti come blocchi normali, senza dover digitare manualmente le parentesi quadre. Non ci sono conflitti tra shortcode ed editor a blocchi: sono due livelli paralleli che convivono correttamente nei contenuti. Dal 2024 Gutenberg è l'editor predefinito in tutte le nuove installazioni di WordPress (versione 6.4+). Tutti i plugin per shortcode elencati nella recensione sono testati specificamente per la compatibilità con questo editor.

Shortcode o builder, cosa scegliere per il sito di un cliente?

Decidi in base a un solo criterio: quanti layout di pagina unici servono al cliente. Se è un blog con un layout standard e un paio di elementi personalizzati (pulsante, modulo, avviso), gli shortcode saranno più che sufficienti e il sito resterà veloce. Per i clienti che gestiranno il sito in autonomia, conta anche la barriera d'ingresso: Elementor è intuitivo per un utente non tecnico, vedi, clicchi, modifichi. Anche gli shortcode con interfaccia di backend (Shortcodes Ultimate) sono semplici, ma richiedono di ricordare dove si trova ogni pulsante. Se il cliente prevede di modificare regolarmente la struttura delle pagine, un builder visuale ti farà risparmiare ore di assistenza.

Cosa succede ai contenuti se rimuovo il builder?

Il classico dolore di WordPress: disattivi il builder e al posto dei contenuti vedi una sfilza di shortcode tra parentesi quadre. Non tutti i builder si comportano allo stesso modo. Beaver Builder e SiteOrigin lasciano i contenuti leggibili: i loro dati sono salvati in post_content come commenti HTML e, dopo la disattivazione, WordPress mostra testo semplice. Elementor e Divi generano «contenuti bloccati»: senza il plugin attivo vedi solo shortcode e markup JSON. Se pensi di cambiare builder in futuro, scegli SiteOrigin/Beaver Builder oppure preparati a una migrazione manuale dei contenuti via export/import.

Come verificare se un builder sta rallentando il sito?

Apri una pagina qualsiasi costruita con il builder su Google PageSpeed Insights o GTmetrix. Guarda la dimensione del DOM: se il builder genera più di 1500 elementi DOM per pagina, è un motivo per riflettere. Per fare un confronto: una pagina di SiteOrigin con tre colonne e cinque widget di solito sta dentro gli 800-1000 elementi DOM, mentre un layout complesso di Elementor con animazioni e overlay a livelli può generarne oltre 2500. Breakdance ha un contatore DOM integrato direttamente nell'editor. Un indicatore aggiuntivo è il numero di richieste HTTP: builder come Elementor e Divi caricano file CSS/JS comuni su ogni pagina, anche se widget specifici non sono utilizzati.

Qual è il builder più leggero per siti piccoli?

Live Composer e SiteOrigin, due builder open source dall'impronta minima. Live Composer carica solo ciò che viene usato nella pagina (caricamento degli asset on-demand), mentre SiteOrigin si appoggia ai widget standard di WordPress senza un proprio framework JS pesante. Per un sito vetrina o un piccolo blog in cui il builder serve per 2-3 pagine, questa è la scelta ottimale senza bagaglio extra. Se il budget lo consente, Brizy ($49/anno) offre un'esperienza visiva a livello di Elementor con un'impronta significativamente più ridotta: il suo pacchetto JavaScript è 2-2,5 volte più leggero di quello di Elementor.

Quale strumento scegliere per il tuo progetto

Non esiste una risposta universale del tipo «installa X e non pensarci più»: shortcode e builder risolvono compiti troppo diversi. Ecco invece una matrice decisionale per tre scenari tipici:

«Ho già un buon tema, devo solo aggiungere pulsanti e avvisi agli articoli.» → Shortcodes Ultimate. Oltre 400.000 utenti non possono sbagliarsi. Gratuito, oltre 50 elementi, blocchi Gutenberg.

«Sono un freelance, gestisco 15 siti di clienti, mi serve un builder per creare landing page in fretta.» → Divi o Breakdance. Divi: $89/anno per siti illimitati + oltre 200 layout pronti (partenza rapida). Breakdance: $149,99/anno, oltre 140 elementi senza costi aggiuntivi (massime funzionalità per ogni dollaro speso).

«Devo costruire una sola landing page e poi dimenticarmene, non voglio moltiplicare gli abbonamenti.» → Beaver Builder Lite (gratuito) o SiteOrigin (gratuito). Entrambi lasciano contenuti puliti alla disattivazione: installi, costruisci la pagina, rimuovi.

«Sito WooCommerce, devo personalizzare le schede prodotto e il carrello.» → Elementor Pro ($59/anno), profonda integrazione con WooCommerce e builder per pagine prodotto, carrello e checkout. In alternativa, Breakdance ($149,99/anno) con i moduli WooCommerce già inclusi.

«Ho un negozio online, voglio aggiungere shortcode WooCommerce mirati senza usare un builder.» → Shortcode WooCommerce nativi (gratuiti nel core del plugin), oltre 20 funzioni per vetrina, carrello, stati dell'ordine e autenticazione. Documentazione su woocommerce.com.

Regola semplice: se il problema si risolve con uno shortcode, non tirare in ballo un builder. Se ti servono cinque shortcode diversi su ogni pagina, il builder ti farà risparmiare tempo, anche se può sembrare «pesante».