Skip to content

Tutto per WordPress, lo sviluppo web — e non solo

🚀 WPBakery Page Builder: una guida alla creazione di pagine con drag and drop

🚀 WPBakery Page Builder: una guida alla creazione di pagine con drag and drop

Layout di pagina personalizzato senza scrivere una sola riga di codice sembra un sogno. Soprattutto quando il tema WordPress predefinito non offre la struttura che ti serve e non hai tempo di scriverla a mano. I page builder risolvono questo problema: installi un plugin, trascini blocchi con il mouse e ottieni una landing page, un portfolio o una homepage in un'ora.

WPBakery Page Builder è uno dei builder di questo tipo più longevi e diffusi. Secondo il catalogo CodeCanyon, il plugin conta oltre 2 milioni di utenti attivi e più di 5.000 recensioni. È incluso in centinaia di temi premium su ThemeForest ed è tuttora aggiornato con regolarità: la versione corrente 8.7.3 è stata rilasciata a maggio 2026.

💡 Panoramica rapida:

  • Installa WPBakery dal catalogo CodeCanyon o dal pacchetto del tuo tema, attivalo e avrai la modalità builder su qualsiasi pagina
  • Costruisci la struttura: aggiungi una riga, dividila in colonne e riempila con elementi (testo, pulsanti, gallerie, slider)
  • Modifica in modalità visiva: trascina i blocchi nell'ordine desiderato, regola spaziature e sfondi dal pannello della riga
  • Salva il layout come template e riutilizzalo su altre pagine con un clic

Cos'è WPBakery Page Builder

WPBakery (in passato noto come Visual Composer) è un plugin page builder per WordPress sviluppato dal team WP Bakery. È in vendita su CodeCanyon ed è incluso in molti temi popolari. Nota importante: non va confuso con il prodotto separato Visual Composer disponibile su visualcomposer.com: sono due plugin diversi con nomi simili.

Il builder funziona in due modalità: un editor backend direttamente nel pannello di amministrazione e un editor frontend dove vedi la pagina come la vede un visitatore e modifichi gli elementi in tempo reale. Nessun codice richiesto, solo drag-and-drop e configurazione tramite pannelli di opzioni.

Installazione e primi passi

Il plugin si installa nel modo standard: scarica l'archivio ZIP dal tuo account CodeCanyon o dal pacchetto del tema, caricalo via Plugin → Aggiungi nuovo → Carica plugin e attivalo. Una licenza Regular costa $59 per un sito con aggiornamenti a vita.

Dopo l'attivazione, nella schermata di modifica della pagina compaiono nuovi pulsanti: puoi passare dall'editor classico alla modalità builder, più un pulsante per l'editor frontend.

Pulsanti di attivazione/disattivazione modalità WPBakery nell'amministrazione WordPress

Da qui in poi, l'unico limite è la fantasia. Aggiungi righe, colonne, pulsanti, testo e immagini tramite il pannello degli elementi. Puoi salvare il layout finito come template per riutilizzarlo.

Costruire una pagina: righe, colonne ed elementi

Righe e colonne

La costruzione della pagina inizia con una riga. Una riga è un contenitore orizzontale che si suddivide in colonne. Passa il mouse sulla linguetta gialla nell'angolo in alto a sinistra della riga e seleziona un layout di colonne. Il builder dividerà automaticamente lo spazio nel numero di colonne richiesto.

Selezione layout a colonne nell'editor WPBakery

I layout di base includono 1/2+1/2, 1/3+2/3, 1/4+3/4 e le loro varianti speculari. Combinando righe con layout diversi, puoi costruire una griglia di pagina completa senza CSS.

Elementi della pagina

Clicca il pulsante "Aggiungi elemento" per aprire un menu a comparsa con tutti i moduli disponibili. Il pacchetto standard di WPBakery include blocchi di testo, titoli, pulsanti, immagini, gallerie, accordion, tab, toggle, blocchi di articoli recenti e widget della sidebar.

Menu a comparsa per aggiunta elementi WPBakery

Il numero di elementi dipende dal tema e dai plugin attivi. Molti temi premium aggiungono moduli propri pensati per il loro design: caroselli, separatori, icon box, milestone e timeline.

Quando selezioni un elemento, si apre il suo pannello delle impostazioni (a volte con più schede). Qui sotto vedi un esempio della finestra delle opzioni per il modulo Icon Box (disponibile nei temi che lo supportano):

Pannello impostazioni modulo Icon Box in WPBakery

Di default, il builder supporta quattro plugin di terze parti molto diffusi: Layer Slider, Revolution Slider, Gravity Forms e Contact Form 7. Se uno di questi è installato, nel tema compare automaticamente un elemento pagina corrispondente. In fase di inserimento, WPBakery mostra un menu a tendina con gli slider o i form creati in precedenza. Non serve copiare manualmente gli shortcode.

Drag-and-drop e template

Interfaccia drag-and-drop per elementi in WPBakery

Qualsiasi riga o elemento può essere trascinato in una nuova posizione in ogni momento. È disponibile la duplicazione di righe ed elementi, utile per i contenuti ripetuti: colonne identiche, toggle o blocchi FAQ.

Quando il layout è pronto, salvalo come template: clicca sul pulsante «Templates», inserisci un nome e conferma. Creando una nuova pagina, il template si distribuisce con tutti gli elementi e le impostazioni salvate.

Opzioni di riga

Nell'angolo sinistro di ogni riga, tre icone controllano la gestione: clona l'intera riga con il suo contenuto, aggiungi nuovi moduli e modifica le colonne.

Icone gestione righe in WPBakery per clonazione e impostazioni

Le opzioni di formattazione disponibili dipendono dal tema. Alcuni sviluppatori lasciano WPBakery così com'è, mentre altri estendono il pannello per adattarlo al design del proprio tema. Prima di acquistare un tema, verifica quali impostazioni del builder sono state aggiunte.

Editor frontend

WPBakery include un editor frontend live: vedi la pagina con gli occhi del visitatore e modifichi testi, immagini e spaziature direttamente sul posto. Clicchi su un elemento, si apre il pannello delle impostazioni e vedi subito il risultato.

Non tutti i temi supportano l'editor frontend. Controlla l'elenco delle funzionalità del tema o contatta lo sviluppatore per conoscere la compatibilità. I temi pensati per WPBakery di solito includono il supporto completo per entrambe le modalità (backend e frontend).

Estensioni e shortcode

Sito ufficiale di WPBakery Page Builder

WPBakery supporta l'integrazione di shortcode di terze parti. Nella pagina delle impostazioni del plugin, vai alla scheda «My Shortcodes» e clicca su «Map Shortcodes». Il sistema recupererà tutti gli shortcode registrati sul sito e li aggiungerà al menu degli elementi del builder.

Se sei uno sviluppatore, l'API del plugin ti permette di aggiungere moduli personalizzati all'interfaccia del builder. Per gli utenti normali, CodeCanyon offre decine di addon che estendono il set standard di elementi: griglie di post, schede prodotto, gallerie avanzate e slider.

Impostazioni del plugin

WPBakery funziona non solo con le pagine ma anche con gli articoli e i custom post type. Vai su Impostazioni → WPBakery Page Builder e seleziona i tipi di contenuto per cui ti serve il builder.

Pagina impostazioni WPBakery con selezione tipo di contenuto

Il plugin mostra automaticamente tutti i tipi di contenuto registrati nel tema: pagine, articoli, portfolio, testimonianze, prodotti WooCommerce e forum bbPress. Seleziona quelli che ti servono e salva.

Dove trovare WPBakery

WPBakery Page Builder è in vendita su CodeCanyon a $59, licenza Regular per un sito con aggiornamenti a vita. La licenza Extended per l'inclusione in un tema o plugin ha un costo superiore.

Molti temi premium includono WPBakery nel prezzo, quindi all'acquisto ottieni una licenza per il builder senza costi aggiuntivi. Se stai scegliendo un tema per un nuovo progetto, avere WPBakery incluso fa risparmiare $59 e ore di test di compatibilità.

Pagina di esempio realizzata con WPBakery Page Builder

⁉️🤔 Domande frequenti

Visual Composer e WPBakery sono la stessa cosa?

Sì. Nel 2017, il plugin Visual Composer è stato rinominato WPBakery Page Builder per evitare confusione con il prodotto Visual Composer Website Builder (visualcomposer.com). Il codice e le funzionalità sono rimasti gli stessi; è cambiato solo il nome.

Devo saper programmare?

No. Il builder è progettato per un'esperienza completamente senza codice. Componi le pagine a partire da blocchi già pronti tramite drag-and-drop. Ti servono solo competenze di base nell'amministrazione di WordPress: installare un plugin, creare una pagina e cliccare «Salva».

WPBakery funziona con qualsiasi tema?

Con la maggior parte, sì. Ma il livello di integrazione varia. Alcuni temi semplicemente non interferiscono con il builder, mentre altri aggiungono moduli, stili e griglie propri. Prima di acquistare un tema, verifica nella descrizione la dicitura «Compatibile con WPBakery Page Builder».

Posso usare WPBakery su più siti?

La licenza Regular standard è di $59 per un progetto. Per due o più progetti, acquista licenze separate o valuta la licenza Extended se prevedi di includere il plugin in un tuo prodotto.

In cosa WPBakery è diverso da Elementor?

Elementor è un builder più recente, con un'ampia versione gratuita e un'interfaccia moderna. WPBakery è un veterano collaudato, profondamente integrato nell'ecosistema ThemeForest: centinaia di temi lo includono. La scelta tra i due si riduce alle preferenze di interfaccia e al tema specifico che usi.

WPBakery vale la pena nel 2026

Se il tuo tema include già WPBakery, usalo. È uno strumento maturo, con aggiornamenti regolari e una vasta libreria di addon. Se scegli un tema da zero, guarda al builder con cui ti trovi più a tuo agio nel lavoro quotidiano, più che a confronti appariscenti. Sia WPBakery che Elementor possono realizzare un sito professionale. Il fattore decisivo è l'interfaccia in cui ti senti più a tuo agio a lavorare, perché sarai tu a modificare quelle pagine.