Page Builder su WordPress per creare layout personalizzati

Nello sconfinato ed eterogeneo mondo di WordPress una delle tendenze in forte crescita è quella dei cosiddetti page builder, ossia quei plugin che consentono di creare pagine ricche di contenuti di diverso tipo come slider, testi, immagini e video, in modo semplice e veloce.

Cos’è un Page Builder

Si tratta generalmente di un plugin o di una funzione presente in alcuni temi che ti permette di progettare e realizzare il layout di una pagina, spesso mediante drag and drop, anche se non conosci nulla di PHP, HTML o CSS.

Un page builder può essere considerato con un editor wysiwyg (What You See Is What You Get) avanzato di WordPress che consente di progettare l’intera struttura di una pagina e non semplicemente il contenuto testuale.

Solitamente i page builder lavorano principalmente a livello di pagina, ma possono essere utilizzati anche per personalizzare articoli e custom post di WordPress.

Il vantaggio principale offerto da questi page builder è quello di consentire la creazione di layout complessi anche alle persone che non padroneggiano linguaggi come HTML, CSS, JavaScript, PHP e che ignorano la struttura di un tema WordPress.

Però anche gli sviluppatori o i web designer più esperti, così come gli utenti WordPress un po’ più evoluti possono trarre enormi benefici da questi strumenti, basta usarli con cautela.

I page builder sono e restano comunque degli strumenti che si rivolgono soprattutto al cliente finale, ossia alla persone che vogliono realizzare un sito e gestirlo in modo autonomo.

Se vuoi quindi avere la possibilità di creare delle landing page in autonomia, personalizzare la home page del tuo sito senza dover dipendere altre persone, allora un page builder ti può essere d’aiuto. Basta sapere che potresti arrivare, prima o poi, a scontrarti con i limiti del page builder. Ossia potresti voler fare un determinata cosa che però non è prevista dal page builder.

Se invece vuoi/devi realizzare siti per conto dei tuoi clienti e pensi che — grazie a un page builder puoi costruirli anche senza conoscere i dettagli di come funziona WordPress o anche solo di come si modifica del codice HTML e CSS — ti sconsiglio caldamente di farlo.

Praticamente tutti i page builder, per quanto belli, potenti e ricchi di funzionalità, hanno comunque dei limiti e soprattutto non sono adatti a tutte le tipologie di sito.

…e se un giorno un cliente ti chiedesse qualcosa che non sei in grado di realizzare con il page builder? Cerco un plugin che mi permette di farlo non è la risposta corretta 😉

Fatta questa doverosa premessa vediamo come scegliere un page builder e quali sono le varie soluzioni offerte dal mercato, sia gratuite che a pagamento.

Come scegliere un Page Builder

L’offerta di questi strumenti è piuttosto variegata e non è facile scegliere velocemente lo strumento migliore, non in senso assoluto ovviamente, ma più adatto alle proprie esigenze.

In questo post ti voglio fornire una panoramica dei principali plugin disponibili. Ti consiglio di provare questi strumenti e effettuare una scelta basandosi non solo sul prezzo o sul numero di moduli disponibili.

Anche l’interfaccia di amministrazione rappresenta un criterio decisivo per la scelta. Alcuni di questi strumenti sono infatti molto intuitivi e di facile apprendimento, mentre altri, nonostante le enormi potenzialità, possono risultare piuttosto ostici da manovrare.

Un altro fattore estremamente importante da considerare è il cosiddetto plugin lock-in, ossia il rapporto di dipendenza che si può instaurare verso un determinato plugin che ne rende estremamente difficoltosa, o costosa in termini di tempo, la sostituzione.

Giusto per fare un esempio, i classici plugin per la condivisione social presentano generalmente  un fattore di lock-in basso o addirittura nullo, dato che possono essere sostituiti senza troppe complicazioni. Viceversa, un plugin utilizzato per la gestione le varie versioni in lingua di un sito ha un fortissimo lock-in, dato che non è semplice passare da un plugin all’altro a cuor leggero.

Passando al caso dei page builder, plugin come Visual Composer presentano sicuramente un fattore di lock-in molto più elevato rispetto ad altri come Beaver Builder. Nel primo caso infatti, come vedremo poi in dettaglio, una volta disattivato il plugin i contenuti inseriti risultano quasi inutilizzabili. Nel caso di Beaver Builder invece, i contenuti inseriti restano facilmente gestibili all’interno del tradizionale editor di WordPress.

Vediamo quindi insieme quali sono alcuni dei page builder  più famosi e diffusi per WordPress.

Visual Composer ($34)

Sviluppato da WPBakery e presente in moltissimi temi acquistabili su ThemeForest (e non solo). È uno dei più diffusi e dispone di oltre 40 moduli che è possibile inserire sulla pagina.

Il plugin è piuttosto semplice da usare ed è estremamente potente. Consente anche di creare pagine con query personalizzate per mostrare post e contenuti con diversi layout (da quello tradizionale tipico del blog, a quelli a griglia o Masonry).

Visual Composer dispone sia di un editor front-end che di uno back-end. Consente quindi di operare sul layout sia in modalità visuale, sia all’interno dell’interfaccia di amministrazione di WordPress.

Ecco un video che fornisce una panoramica di questo plugin:

Come avviene per molti altri page builder, Visual Composer fa un largo uso di shortcode all’interno delle pagine. Questo significa che, qualora non volessi più utilizzare il plugin, le pagine del tuo sito rimarranno piene di shortcode e i contenuti caricati all’interno di quelle pagine saranno quasi inutilizzabili. Ecco cosa intendo:

Visual Composer offre un ampio set di funzionalità, ma tra i page builder è uno di quelli con il fattore di lock-in più forte. Una volta che hai creato pagine e contenuti con questo plugin, difficilmente li potrai riutilizzare al di fuori da Visual Composer.

SiteOrigin Page Builder (gratuito)

Questo page builder consente di creare dei layout personalizzati inserendo vari widget all’interno della pagina. Questo plugin funziona generalmente con qualsiasi tema per WordPress ed è particolarmente leggero e veloce da utilizzare.

Uno degli aspetti che meno mi piace di questo plugin è il fatto che non è possibile passare dal page builder all’interfaccia standard di modifica di WordPress per la medesima pagina: o si utilizza SiteOrigin o l’editor di WordPress.

Così come per altri plugin, anche per questa soluzione è piuttosto elevato il grado di lock-in ed è sicuramente difficile la migrazione dei contenuti.

Essendo però un plugin gratuito, il consiglio è quello di provarlo per vedere se fa al caso tuo.

Live Composer (gratuito)

Con circa 30 moduli messi a disposizione e un prezzo imbattibile (è gratis), Live Compose si presenta come un’alternativa decisamente interessante per la costruzione e personalizzazione di pagine su un sito WordPress.

Live Composer permette di creare template direttamente sulla pagina, senza passare per il back-end di WordPress. I template creati possono poi essere esportati per utilizzarli su un’altra pagina o su un altro sito.

Questo plugin, pur essendo gratuito, offre parecchie funzionalità. La sua interfaccia di amministrazione però può richiedere parecchio tempo per la realizzazione del layout desiderato.

Questo plugin inoltre è piuttosto invasivo e non si occupa solo del layout delle pagine ma crea anche nuovi tipi di contenuto che possono essere usati nei layout, creando quindi ancora più problemi in caso di migrazione verso soluzioni differenti.

Essendo gratis, è possibile provarlo liberamente, ma personalmente lo sconsiglio per la creazione di pagine e contenuti su WordPress.

 

Themify Builder (da $39)

Questo plugin dispone di circa 15 moduli per la creazione di pagine responsive su WordPress. Offre inoltre la possibilità di acquistare ulteriori addon per aggiungere funzionalità ed effetti particolari alle pagine del tuo sito, come ad esempio contatori animati, grafici a barre, listini prezzi e altro ancora.

Il Builder è presente nei temi sviluppati da Themify, ma è possibile utilizzarlo anche in altri temi come ad esempio quelli Genesis di StudioPress o i temi sviluppati da WooThemes.

Themify Builder viene venduto a $ 39 e il pacchetto degli addon richiede ulteriori $ 39.

Divi Builder di Elegant Themes (da $69 all’anno)

Originariamente nato come un tema a sé stante, recentemente Divi è stato reso disponibile anche come plugin in modo da poterlo integrare anche nei temi non prodotti da Elegant Themes.

Divi Builder mette a disposizione 48 moduli che permettono di personalizzare pagine e post del proprio sito WordPress. Nelle sue demo Divi punta molto sull’impatto grafico delle pagine che è possibile realizzare con questo plugin.

L’utilizzo di questo builder è molto intuitivo, ma Divi presenta un elevatissimo fattore di lock-in. I contenuti creati con questo plugin sono infatti disponibili e utilizzabili solo con Divi Builder attivo.

Personalmente ritengo che abbia senso usare Divi solo in combinazione con il proprio tema, è in questo caso che questo page builder offre la migliore esperienza e il maggior livello di efficienza.

Trovo inoltre alcune scelte di Divi piuttosto scomode e discutibili, come ad esempio l’impossibilità di inserire direttamente un widget di WordPress all’interno di un layout. È necessario infatti prima creare un’area widget personalizzata e poi inserire tale area all’interno del layout di una pagina.

Inoltre in molti elementi di Divi che permettono l’inserimento di un URL, non è possibile cercare pagine e articoli del proprio sito da linkare, ma devo inserire o incollare manualmente tali URL.

Beaver Builder (da $99)

Quando si parla di page builder, questo è il plugin che preferisco. È facile da usare, leggero, veloce e soprattutto non lascia in eredità una tonnellata di shortcode nelle pagine. Se infatti a un certo punto deciderai di disattivare il plugin, i tuoi contenuti saranno mantenuti all’interno del tradizionale editor di WordPress. Si tratta di una soluzione particolarmente developer-friendly e sono disponibili anche parecchi plugin ed estensioni che permettono di potenziare Beaver Builder.

Beaver Builder mette a disposizione diversi layout già pronti, utilizzabili in pagine, articoli e altri custom post. Ovviamente è possibile anche creare dei layout da zero, così come salvare ed esportare i propri layout personalizzati.

Beaver Builder è inoltre espandibile, dato che consente agli sviluppatori di creare moduli personalizzati da utilizzare all’interno dei layout. Supporta inoltre altri plugin come ad esempio WPML e WooCommerce così come gli shortcode e i vari widget disponibili all’interno del tuo sito WordPress.

In un altro articolo ho descritto più in dettaglio le caratteristiche e i vantaggi di Beaver Builder, dato che è la soluzione che ho adottato quando ho la necessità di utilizzare un page builder all’interno di un progetto WordPress. Nel frattempo, dai un’occhiata a questo video per scoprire meglio il funzionamento del plugin:

Beaver Builder offre anche un tema, da abbinare all’uso del plugin, ma questo plugin è compatibile e utilizzabile con moltissimi temi, come ad esempio Genesis. Inoltre da alcuni mesi è disponibile anche Beaver Themer, un plugin aggiuntivo che ti permette di personalizzare l’interno tema, non solo singole pagine. Con Beaver Themer puoi usare il page builder anche per personalizzare header e footer del sito e molti altri elementi.

Thrive Architect (da $67)

Questo plugin in precedenza era conosciuto come Thrive Content Builder, ma recentemente è stata rilasciata una nuove versione col nome di Thrive Architect. Si tratta di un buon page builder particolarmente orientato alla creazione di landing page, dato che contiene parecchi moduli dedicati alle call to action, alle testimonianze e alle popolari tabelle dei prezzi. Una caratteristica interessante è la possibilità di creare dei long form post inserendo automaticamente un indice dei contenuti.

Personalmente però ritengo potenzialmente rischioso utilizzare spesso un page builder per la redazione dei post, dato che questo aumenta decisamente e pericolosamente il fattore di lock-in nei confronti del page builder utilizzato.

Ecco un video che presenta le funzionalità di Thrive Architect:

Rispetto ad altri page builder, quello di Thrive separa nettamente il contenuto presente nell’editor standard di WordPress dal contenuto creato con il page builder. In pratica il l’editor visuale di Thrive sovrascrive il contenuto della pagina e se in futuro decidessi di disabilitare questo plugin, tutti i contenuti creati con Thrive andrebbero persi.

Questo page builder funziona piuttosto bene ma il rischio lock-in con è molto elevato.

Tailor Page Builder (gratuito)

Si tratta di un page builder gratuito molto semplice da usare, anche se non particolarmente ricco di funzionalità. Presenta inoltre un basso grado di lock-in rendendo i contenuti accessibili anche dopo aver disattivato il plugin.

Pootle Pagebuilder (gratuito – $99)

È disponibile sia in versione gratuita, sia nella versione Pro a partire da $99. La versione a pagamento aggiunge funzionalità quali il supporto a WooCommerce, la possibilità di creare gallerie fotografiche e slideshow così come il fatto di poter disporre di numerosi temi pronti.

Ecco un video che mostra la versione gratuita di Pootle:

Questo plugin non è particolarmente invasivo e non presenta un elevato grado di lock-in. Non è ricchissimo di funzionalità ma vale la pena provarlo.

Elementor ( gratuito – da $49 )

Si tratta di un page builder che già nella versione gratuita offre un notevole numero di funzionalità. Oltre alla creazione di righe e colonne per l’impostazione del layout di una pagina, Elementor mette a disposizione 29 moduli che permettono di inserire varie tipologie di contenuto all’interno di un layout.

Anche Elementor, così come Beaver Builder, non lascia in eredità una quantità incredibile di shortcode all’interno di pagine e post una volta disattivato. Questo è sicuramente un gran vantaggio.

Nella versione Pro, disponibile a partire da $49 (per un solo sito), sono inclusi altri 14 moduli e una serie di template aggiuntivi.

Elementor ha il grande vantaggio di offrire un elevatissimo numeri di moduli e di template già pronti all’uso, disponibili già nella versione gratuita.

Cornerstone ($39 o gratuito se acquisti Theme X )

È il page builder creato da ThemeCo, gli stessi autori del tema X, un tema che ha venduto più di 100.000 copie su ThemeForest. A differenza di altri page builder, può essere utilizzato completamente dal front end del sito. Dispone di circa 42 moduli, che permettono di arricchire le varie sezioni, righe e colonne di una pagina con una moltitudine di contenuti eterogenei. Slider, contatori, mappe personalizzabili, animazioni, icone, flipbox, accordion, tab, bottoni di varie forme e stili.

Pur essendo compatibile, sulla carta con qualsiasi tema per WordPress, Cornerstone è ottimizzato per il tema X  e la cosa pare piuttosto ovvia, dato che gli autori sono gli stessi.

Di Cornerstone non esiste una versione gratuita con funzionalità ridotta, ma è disponibile solo la versione a pagamento oppure quella compresa con l’acquisto del tema X.

WP Toolset ( da $69 )

Questa soluzione si differenzia parecchio dai classici page builder per WordPress. Non si tratta infatti di un semplice plugin che permette di utilizzare un’interfaccia drag and drop per la crezione di pagine, ma di un insieme di plugin che consentono di sviluppare soluzioni anche complesse su WordPress, senza mettere mano al codice.

Toolset è infatti una soluzione basata su plugin come Types, Views, Layouts, CRED e Access particolarmente ricca di funzionalità. Rispetto ad altre soluzioni la flessibilità messa a disposizione da Toolset è enorme, ma mancano i componenti già pronti all’uso ed esteticamente curati come ad esempio in Divi, Beaver Builder e altri plugin simili.

Toolset è particolarmente interessante se desideri realizzare un intero tema per il tuo sito. Se invece vuoi solo personalizzare l’aspetto di qualche pagina o creare una landing page, non è la soluzione che ti consiglio.

Rexpansive (da € 19)

Si tratta di un page builder che permette di definire le dimensioni dei vari elementi presenti in una pagina attraverso il trascinamento dei vari oggetti con il mouse. Quindi niente pixel, percentuali o altre impostazioni.

Rappresenta una soluzione piuttosto interessante soprattutto per layout di pagina particolarmente creativi. Il plugin è disponibile anche in versione gratuita, con funzionalità limitate, e in versione premium che mette a disposizione ben altre 18 funzioni.

Ecco un video che illustra il funzionamento di questo page builder:

Brix ( da $69 )

Un nuovo page builder realizzato da Evolve, che permette di creare pagine mediante un’interfaccia drag & drop. A differenza di molti altri plugin simili, Brix non fa uso di shortcode e questo significa maggiore pulizia e soprattutto portabilità dei contenuti, nel caso ad esempio decidessi di non utilizzare più questo page builder.

In questo video puoi vedere il funzionamento di Brix:

Così come accade anche con alcuni altri plugin, con Brix il passaggio dal visual editor all’editor tradizionale di WordPress comporta la perdita del layout della pagina.

Altre soluzioni

Il numero di page builder per WordPress è in continua crescita ed ecco altre soluzioni che puoi valutare per semplificare e velocizzare la creazione di layout personalizzati:

• VelocityPage
• MotoPress
• Drag and Drop Shortcodes – WP Visual Page Builder
• Awesome Builder – Drag & Drop Page Builder
• Azexo Composer WordPress page / widget builder
• Frontend Builder – WordPress Content Assembler
• PT Builder | WP Drag & Drop Page Builder
• Aqua Page Builder
• Page Builder by WooRockets.com

Pro e contro dei page builder

Alcuni vantaggi dei page builder

La velocità di realizzazione delle pagine è sicuramente uno dei punti di forza di questi strumenti. Anche un utente esperto non può competere con la rapidità di esecuzione offerta da un page builder. Inoltre, il fatto di essere responsive, rende questi plugin ancora più interessanti.

Non è richiesta alcuna conoscenza del codice anche per realizzare le pagine graficamente più complesse e, nella maggior parte dei casi, le pagine realizzate sono indipendenti dal tema attivato sul sito. Questo significa poter anche cambiare tema mantenendo però il layout delle pagine realizzate con il page builder.

Alcuni svantaggi dei page builder

La maggior parte dei page builder utilizza degli shortcode proprietari e questo rende praticamente impossibile migrare verso altri page builder mantenendo lo stesso layout. Il fattore di lock-in è spesso molto forte e questo rende estremamente importante la scelta di un page builder rispetto a un altro.

I plugin che adottano molti shortcode rendono potenzialmente complesso anche manutenere e modificare una pagina. È sufficiente infatti un piccolo errore per rendere inutilizzabile un template e distruggere completamente il layout di una pagina.

La pesantezza di alcuni page builder può avere inoltre effetti sulle prestazioni del sito in termini di velocità di caricamento delle pagine e anche alcune implicazioni a livello SEO, dato che il codice generato può non essere sempre ottimale sotto questo punto di vista.