Non molto tempo fa i page builder visuali non esistevano. Significa che era decisamente sfortunato chiunque non avesse avuto conoscenza di codice e avesse voluto lanciare una semplice pagina vendite per la propria azienda o una landing page per annunciare una nuova invenzione.

Dotevate affidarvi esclusivamente a sviluppatori e web designer–e quelli avevano costi significativi. Inoltre, quegli sviluppatori e designer dovevano lavorare con CSS e HTML per apportare anche la minima modifica allo stile di un sito web, operazione che richiedeva molto più tempo di quanto chiunque avrebbe voluto ammettere.

Alla fine sono arrivati ​​gli shortcode, che hanno velocizzato il processo di sviluppo a beneficio di coloro che volevano saltare tutta la questione dell’HTML.

Ma la vera rivoluzione è iniziata con i page builder di WordPress–un’aggiunta importante a WordPress che ha trasformato la progettazione in una procedura più visuale.

Gli sviluppatori possono ora produrre più siti in una frazione del tempo (facendo spazio a più clienti e soldi). Inoltre, i principianti e le startup non devono affidarsi ad un costoso sviluppatore, perché possono costruire un sito web con elementi drag and drop per creare oggetti come caroselli, immagini, video, colonne, gallerie di prodotti, portfolio ed altro ancora.

A cosa serve un page builder per WordPress?

Avete mai provato a creare qualcosa di semplice come una pagina Contatti? Potreste inserire un modulo con campi per il nome di un utente, il sito web, l’indirizzo email e un messaggio. Quindi potreste incorporare una mappa che porta ai vostri uffici, con alcuni collegamenti alle vostre pagine di supporto e informazioni sulla vostra azienda. E non dimenticate il vostro numero di telefono!

Anche se la pagina dei Contatti è una delle pagine più rudimentali da costruire, ci vuole una certa formattazione, del codice e un mal di testa per finire il lavoro senza un visual builder. Ma quando installate un page builder in WordPress, tutto cambia. Non solo gli sviluppatori più esperti possono accelerare il processo di sviluppo, ma i principianti non devono più preoccuparsi di avere codice disordinato.

Inoltre, gran parte del contenuto viene mostrato sullo schermo nel modo in cui sarà visualizzato sul vostro sito web. Non ci sarà bisogno di rifinire e poi cliccare ogni volta sul pulsante di anteprima! Come abbiamo suggerito, la pagina dei Contatti è la pagina più semplice da creare, ma un page builder di WordPress offre molti più vantaggi quando avete righe su righe di contenuti.

Prendete la homepage di un eCommerce, ad esempio. Una pagina come questa potrebbe richiedere cose come:

  • Uno slider per presentare le più recenti promozioni.
  • Una galleria di prodotti WooCommerce con gli articoli più popolari del negozio.
  • Un pulsante Aggiungi al Carrello per l’ultima uscita.
  • Un elenco di testimonianze dai clienti precedenti.
  • Un conto alla rovescia che annuncia il lancio dell’ultimo prodotto.
  • Un menu di navigazione in alto, che guida i clienti alle categorie migliori.
  • Pulsanti di social sharing.
  • Titoli animati per descrivere la vostra azienda e i prodotti che vende.

Organizzare tutto questo richiede parecchio tempo, ma un page builder di WordPress potrebbe ridurre questo tempo a 20 minuti se ci si abitua all’interfaccia del builder. Dopodiché, i migliori page builder consentono il riposizionamento di colonne e contenuti, il ridimensionamento, la configurazione delle colonne, il padding, i colori e molto altro. La parte migliore? Queste attività in genere possono essere portate a termine utilizzando esclusivamente il mouse.

Un breve elenco delle migliori opzioni di page builder di WordPress

Parleremo approfonditamente di ciascuno dei page builder di WordPress, ma se desiderate provarli subito, vi basta far clic su uno qualsiasi nell’elenco qui sotto.

Trovare il miglior page builder WordPress per il proprio sito web

In Internet si trovano parecchi page builder di WordPress, e questo rende piuttosto complicato sceglierne uno. La buona notizia è che abbiamo ridotto la scelta a quelli che hanno valutazioni eccellenti e funzionalità incredibili in base ai nostri test.

Per noi è anche importante che i page builder siano compatibili con la la maggior parte dei temi di WordPress. Quindi, tireremo fuori il meglio del meglio e parleremo di alcune delle situazioni in cui potreste preferire un page builder di WordPress ad un altro.

1. Elementor

Elementor è disponibile per il download gratuito, ma c’è anche una versione Pro. La versione Pro parte da $49 per un sito e arriva a $199 per siti illimitati. Come scoprirete dalle funzionalità elencate di seguito, e con la facilità d’uso di Elementor, è quasi un regalo.

Il download gratuito di Elementor offre un semplice ma potente page builder di WordPress, con una delle interfacce più veloci che possiate trovare. Tutto è immediato, dalle modifiche live ai caricamenti istantanei delle pagine. Tra le funzionalità standard per la creazione di pagine ci sono animazioni, divisori di forme, sfondi sfumati ed effetti sui titoli. C’è anche una libreria di modelli con fantastici template di WordPress, tra cui potete scegliere liberamente. La versione gratuita di Elementor è anche mobile-friendly, e dispone di alcuni strumenti utili per modalità di manutenzione, pagine in costruzione, landing page e altro.

Il page builder di WordPress Elementor
Il page builder di WordPress Elementor

Per quanto riguarda le prestazioni generali e il set di funzionalità, non importa se scegliete la versione pro o quella gratuita. Tutto dipende principalmente da quello che vi serve per il vostro sito specifico. Detto questo, la versione Pro di Elementor è qualcosa di veramente bello.

Per iniziare, Elementor Pro dispone di oltre 26 widget per la generazione delle pagine perfette, sia che si tratti di eCommerce, di lavori da portfolio o di un normale sito web aziendale. Ad esempio, potete inserire pulsanti, pagine e commenti di Facebook in tutto il vostro sito web, sfruttando al tempo stesso i widget di WooCommerce, come categorie, prodotti o moduli di elementi. L’editor dal vivo dei form fa sì che non dobbiate più impiegare tempo nel back-end a creare moduli. Per non dire, poi, che potete salvare i vostri widget per incollarli in altre pagine o siti web.

Ecco perché prendere in considerazione questo page builder per WordPress:

  • La versione gratuita include template, un’area di progettazione rapida e una vera esperienza di progettazione dal vivo.
  • La versione a pagamento parte da $49 per un sito.
  • Non dovrete installare altri plugin per le pagine di manutenzione, coming soon e landing.
  • Potete salvare i widget che modificate e utilizzarli ovunque nel vostro sito web.
  • Potete scegliere tra oltre 26 widget, alcuni dei quali ricordiamo video, pulsanti, icone, icone sociali, gallerie di immagini e contatori.
  • Potete tradurre il vostro sito web in decine di altre lingue.
  • La developer API è aperta, e questo vi consente di estendere il plugin di Elementor e di integrarlo in altri sistemi.

E non dimenticate di dare anche un’occhiata alla nostra intervista con Ben Pines, lo sviluppatore di Elementor.

2. GeneratePress with GenerateBlocks

GeneratePress è un tema WordPress gratuito, ma ci piace considerarlo come una semplice soluzione per la creazione di pagine, perfetta per webmaster principianti, blogger e sviluppatori che desiderano un visual builder rapido e semplice. Inoltre, potete usare GeneratePress Premium e il suo plugin gratuito GenerateBlocks per costruire quasi ogni tipo di sito web.

Cominciamo con il tema stesso. GeneratePress è un tema WordPress semplice, leggero e gratuito che riceve recensioni entusiastiche e ha un bel layout per landing page, blog, siti web aziendali e sales page. È difficile immaginare un mercato per cui il tema GeneratePress non è adatto: il suo design così moderno e pulito lo rende perfetto per qualsiasi settore.

Inutile dire che se non ne potete più di temi goffi e lenti, vale la pena dare un’occhiata a GeneratePress.

Quando lavorate con il tema gratuito, la maggior parte delle modifiche si fa attraverso il suo editor basato su blocchi, ma quando optate per la versione premium ottenete l’accesso a molti più moduli (add-on).

Tema GeneratePress con il suo add-on del plugin GenerateBlocks.
Tema GeneratePress con il suo add-on del plugin GenerateBlocks.

Anche senza GenerateBlocks, GeneratePress offre un modo incredibilmente veloce per costruire un bel sito web. Tuttavia, una volta aggiunto il plugin gratuito GenerateBlocks, avete un sacco di possibilità per ampliarne il design. Se avete bisogno di ancora più funzioni, potete optare per GeneratateBlocks Pro.

In breve, il plugin consente di aggiungere un blocco e poi contenuti a quel blocco come media, testo, intestazioni, colori e sfondo. Così, potreste progettare una lista delle funzionalità del vostro prodotto con testo in grassetto, immagini e link.

Come accennato, la combinazione di GeneratePress e GenerateBlocks è esclusivamente una questione di velocità. Una volta che avete creato tutti i vostri blocchi, potete spostarli con l’interfaccia drag-and-drop. I blocchi sono impilati uno sull’altro, quindi la maggior parte del movimento avviene su base verticale.

Ecco perché prendere in considerazione questo page builder per WordPress:

  • GeneratePress ha il potenziale per creare e gestire un sito web professionale in pochi minuti.
  • C’è un tema gratuito che funziona a meraviglia, ma pagando circa 59 dollari all’anno avete accesso al tema premium che include Theme Builder, Site Library e supporto premium.
  • Il plugin GenerateBlocks aggiunge quella versatilità tanto desiderata con diversi blocchi, così tutto quello che dovete fare è spostare i vostri pezzi di contenuto per organizzarli.
  • Potete usare la versione premium di GeneratePress su un massimo di 500 siti (che significa quasi illimitato per la maggior parte dei casi d’uso). In altre parole, developer o agenzie dovrebbero pagare solo 59 dollari per ottenere un tema da usare per tutti i clienti.
  • È possibile aggiungere la versione premium di GeneratePress su un numero illimitato di siti. In altre parole, uno sviluppatore o un’agenzia dovrebbe pagare solo $40 per avere il tema per tutti i clienti.
  • Avete alcuni altri fantastici moduli per cose come colori, WooCommerce, tipografia, menu, intestazioni di pagina, blog, sfondi, spaziatura e hook.
  • Avete ottimizzazioni accurate e ben sviluppate per quanto riguarda le prestazioni, come il caching dinamico dei CSS, un’opzione predefinita di uno stack di font di sistema (nessun file font), niente jQuery e i più piccoli elementi essenziali di Font Awesome.

3. Beaver Builder

Beaver Builder offre un solido page builder per WordPress adatto ai tipi creativi che desiderano qualcosa in più della semplicità dei builder precedenti. C’è sia una versione lite gratuita che una versione premium. Il prezzo è un po’ più alto rispetto alla maggior parte dei builder. Tuttavia, potete utilizzare Beaver Builder su un numero illimitato di siti, a partire da $99.

Il whitelabeling è proposto nel piano Agency ($399), quindi è chiaro che quelli di Beaver Builder pensano anche alle agenzie di sviluppo con dei clienti.

Per quanto riguarda il page builder di WordPress, questo vi permette di avere il pieno controllo degli elementi del design, con template belli e moderni, e di far ordine nel vostro sito con un sistema di drag and drop. Beaver Builder porta precisione nel visual builder, e questo lo colloca davanti ad altre soluzioni i cui controlli richiedono maggiore attenzione.

Il page builder di WordPress Beaver Builder
Il page builder di WordPress Beaver Builder

Il montaggio live e da front-end è il punto in cui Beaver Builder mostra i muscoli, non essendo necessario continuare a fare clic sul pulsante Anteprima o a indovinare cosa succede quando effettuate le vostre regolazioni. È un builder ottimizzato per i dispositivi mobili ed è utile il supporto di WooCommerce per i negozi online. È possibile salvare e riutilizzare righe e moduli per l’utilizzo successivo, e utilizzare allo stesso tempo shortcode e widget quando plugin di terze parti non si integrano con Beaver Builder.

Oltre ai template riutilizzabili, un’API aperta e una funzionalità di importazione/esportazione, è difficile trovare un page builder WordPress con tutte le funzionalità di Beaver Builder.

Ecco perché prendere in considerazione questo page builder per WordPress:

  • Le modifiche live e front-end funzionano in tempo reale, quindi non ci sono congetture e non dovete aspettare che le modifiche si ripropongano sullo schermo.
  • Il page builder funziona bene con WooCommerce.
  • Alcuni dei piani premium sono dotati di un tema Beaver Builder, che presenta un design semplice ma potente e alcuni fantastici preset per creare decine di stili diversi con il semplice clic di un pulsante.
  • Avete decine di moduli drag and drop tra cui (ma non solo) foto, editor di testo, separatori, accordion, call to action, contatori di numeri, moduli di iscrizione e tabelle prezzi.
  • Il piano Agency fornisce il whitelabeling, impostazioni a livello di network e una piattaforma di pubblicazione web fai-da-te per creare l’ambiente ideale da servire ai vostri clienti.
  • Tutti i vostri layout possono essere salvati e riutilizzati ovunque sul vostro sito web. Potreste anche provare a trasferire alcuni di questi layout su altri siti web.

4. Droip

Droip è un completo generatore di siti web senza codice per WordPress. Mentre la maggior parte dei page builder lavora principalmente con elementi widget, Droip, in quanto generatore di siti web senza codice, offre un controllo granulare su ogni elemento della pagina web.

Droip website page builder
Droip

È possibile creare qualsiasi layout complesso utilizzando gli elementi Grid e Flex, personalizzarne lo stile e renderli interattivi con punti di interazione predefiniti e personalizzati.

Ecco perché prendere in considerazione questo page builder per WordPress:

  • Create qualsiasi pagina web complessa in modo visivo con controlli granulari su ogni elemento grazie a un generatore di siti web completo e senza codice.
  • Progettate layout ed elementi dinamici e controllate dove visualizzarli sul sito web con i simboli di Droip.
  • Gestite i contenuti multimediali con un ricco media manager che supporta tutti i principali formati multimediali e dispone di un editor SVG integrato, un editor di immagini, una libreria di immagini e molto altro ancora.
  • Utilizzate Grid e Flex per organizzare in modo ordinato i contenuti in righe e colonne e distribuirli in modo uniforme in orizzontale o in verticale.
  • Progettate e create qualsiasi tipo di modulo con diversi elementi. Applicate opzioni avanzate come la limitazione del numero di invii, gestite lo stato di completamento del modulo e gestite i dati del modulo, il tutto senza alcun plugin aggiuntivo.
  • Progettate un popup con Droip che converte. È possibile creare popup con il popolare costruttore di siti web senza codice Droip e applicare tutti i controlli necessari. Progettate un popup da zero o iniziate con uno di quelli predefiniti.
  • Create siti web con interazioni avanzate e applica interazioni personalizzate con i controlli della timeline delle interazioni.
  • Utilizzate le funzioni di accessibilità di Droip e rendete il sito web accessibile a tutti. Dai controlli da tastiera alle impostazioni personalizzate, provate a creare un sito web inclusivo con gli strumenti accessibili di Droip.
  • Ottenete impostazioni SEO integrate. Impostazioni tipografiche avanzate. E molto altro ancora.

5. Divi

Divi si è fatto un nome in quanto proviene dagli impressionanti sviluppatori di Elegant Themes. Come avviene per tutti i prodotti di Elegant Themes, dovete iscrivervi per sbloccare tutti i plugin, i temi e altre interessanti funzionalità che Elegant Themes ha da offrire. È un hub per sviluppatori e agenzie che richiedono una libreria completa di temi WordPress e plugin di WordPress. Detto questo, l’iscrizione parte da soli $89 all’anno, quindi è difficile trovare argomenti negativi sul prezzo.

L’ultima versione di questo page builder, Divi 5, è stata completamente riscritta con l’obiettivo di migliorare le prestazioni e introdurre funzionalità di web design moderne, tra cui loop building, variabili di progettazione e supporto CSS grid.

Divi offre infinite possibilità di layout. È possibile iniziare con uno dei tanti modelli di siti Divi starter oppure aggiungere moduli Divi a layout di pagine di terze parti. I moduli Divi più diffusi supportano funzionalità che includono:

  • Accordion
  • Audio player
  • Bar counter
  • Call to action
  • Comments
  • Contact form
  • Email opt-in
  • Hero
  • Portfolio carousel
  • Slider
  • Testimonial
  • Video
Il page builder di WordPress Divi
Il page builder di WordPress Divi

Divi permette di inserire più colonne, ma alcuni dei progetti più intriganti che potete trovare nel sito di Elegant Themes mostrano lunghi contenuti per blog e landing page. In effetti, Elegant Themes afferma che Divi è perfetto per raccontare una storia invitante a visualizzazione verticale con immagini ed elementi interattivi.

Le semplici opzioni di configurazione assicurano che non è necessario avere alcuna conoscenza di codifica. Tuttavia, potete aggiungere il vostro CSS personalizzato se non riuscite a trovare qualcosa in Divi o se desiderate incorporare un elemento assolutamente unico. Come molti page builder di WordPress presenti in questo elenco, Divi offre anche una funzione per duplicare e copiare qualsiasi elemento con un solo clic. Potete anche nascondere o bloccare un determinato modulo sul back-end nel caso in cui desideriate salvarlo per utilizzarlo in un secondo momento o per impedire ad altri di modificarlo.

Ecco perché prendere in considerazione questo page builder per WordPress:

  • Con decine di moduli di contenuto, Divi dispone di una delle più grandi librerie di elementi per siti web tra cui scegliere.
  • Avete anche dei bellissimi template per muovere i primi passi.
  • Potete duplicare, disattivare e bloccare elementi.
  • Divi offre una funzionalità unica di “collapse” per consolidare la vista e liberare l’area e avere un’esperienza di design meno ingombra.
  • Divi offre anche un numero illimitato di annullamenti e ripristini. Pertanto, è possibile tornare a una revisione fatta in precedenza ed anche saltare direttamente a quella revisione.
Brian Jackson

Brian ha una grande passione per WordPress, lo usa da più di dieci anni e sviluppa anche un paio di plugin premium. Brian ama i blog, i film e le escursioni. Entra in contatto con Brian su Twitter.