I 10 migliori plugin per la creazione di pagine di WordPress rispetto al 2022

Stai cercando di decidere il miglior generatore di pagine WordPress per il tuo sito web?

Sono andato pratico con 10 diversi costruttori di pagine di WordPress per aiutarti a prendere la tua decisione. Sì, ho usato ognuno di questi, questo non è solo un elenco basato sulla copia di marketing .

Confronterò oggettivamente questi 10 costruttori di pagine WordPress in cinque categorie:

1. Interfaccia : come funziona l'interfaccia e semplifica la creazione di belle pagine?
2. Widget/modelli inclusi : quali opzioni hai per creare le tue pagine?
3. Opzioni di stile: come puoi modellare gli elementi sulla tua pagina?
4. Altre caratteristiche degne di nota : il generatore di pagine offre funzionalità uniche degne di nota?
5. Lock-in : cosa succede se si desidera disabilitare il plug-in? Perderai sempre il tuo stile personalizzato, ma alcuni page builder lasciano codice altrimenti pulito, mentre altri no.

Per ogni categoria, assegnerò al generatore di pagine un punteggio su 5.

Quindi, alla fine, metterò tutto insieme e consiglierò quello che penso sia il miglior generatore di pagine di WordPress.

Ecco i 10 costruttori di pagine di WordPress che esaminerò: puoi fare clic per passare a un generatore di pagine specifico:

• Elementor
• Costruttore di castori
• Costruttore Divi
• Architetto prospero
• Generatore di pagine SiteOrigin
• Generatore di pagine WPBakery
• Costruttore di Themify
• Brizy
• Compositore visivo
• Costruttore di pagine WP

Oppure puoi andare direttamente alla tabella di confronto.

1. Elementor

Lanciato originariamente nel 2016, Elementor è uno dei page builder più giovani in questo elenco. Ma anche se è iniziato in ritardo, Elementor ha rapidamente accumulato oltre 3.000.000 di installazioni attive su WordPress.org, il che lo rende il page builder più popolare in circolazione, almeno per i numeri di WordPress.org.

La sua pretesa di fama è un'interfaccia visiva rapida e priva di glitch, opzioni di stile flessibili e altre potenti funzionalità come la creazione di temi completi.

Sebbene sia iniziato come un semplice editor di pagine, la versione premium, Elementor Pro, ora ti consente di fare molto di più della semplice creazione di pagine. Le due caratteristiche più notevoli sono:

• Theme Builder : progetta l'intero tema utilizzando la stessa comoda interfaccia di Elementor. Ciò include intestazione, piè di pagina, pagine di archivio, pagine di post singoli, pagine di prodotti/negozi WooCommerce, modelli di tipi di post personalizzati, ecc. Ottieni widget dedicati per elementi comuni e puoi persino inserire dinamicamente contenuti da campi personalizzati.
• Popup Builder : progetta popup flessibili utilizzando l'interfaccia completa di Elementor. Puoi includere tutti i normali widget di Elementor, che ti consentono di creare popup di attivazione e-mail, popup di moduli di contatto, popup di accesso e altro ancora.

Queste due aggiunte aiutano davvero Elementor a distinguersi dalla concorrenza. Sebbene la creazione di temi stia diventando una funzionalità popolare, il generatore di popup è ancora piuttosto unico.

Leggi la nostra recensione su Elementor Pro.

Prezzo: versione core gratuita. Elementor Pro parte da $ 49 per l'uso su un singolo sito.

Interfaccia – 5/5

L'interfaccia di Elementor è divisa in due parti principali, con una terza area per alcune impostazioni più piccole:

• 1 – questa è l'anteprima dal vivo del tuo design. Sembra esattamente come lo vedranno i tuoi visitatori. Puoi anche digitare il testo direttamente in questa interfaccia, nonché trascinare e rilasciare vari elementi per riorganizzarli.
• 2 – mostra un elenco di elementi che puoi utilizzare. Basta trascinarli sopra. E quando selezioni un singolo elemento o sezione, è qui che lo modellerai.
• 3 : ti aiutano ad accedere ad anteprime reattive, modifiche annulla/ripristina e altre funzionalità minori.

Ad esempio, ecco come puoi trascinare su un widget di testo e quindi digitare semplicemente sulla pagina (modifica in linea) per modificare il testo:

Con Elementor Pro, puoi utilizzare questa stessa interfaccia per progettare il tuo tema e i popup. Ottieni anche widget/funzionalità dedicati per aiutarti a farlo.

Widget/Modelli inclusi – 5/5

Nella versione gratuita, Elementor include 28 widget gratuiti . E puoi anche utilizzare tutti i widget principali di WordPress. La versione Pro aggiunge altri ~30 widget , per un totale di 58 widget nella versione Pro:

La versione gratuita include anche circa 40 modelli gratuiti . E la versione Pro aggiunge centinaia di modelli aggiuntivi.

I modelli sono disponibili in due formati:

• Pagine : progetti a pagina intera che devi solo modificare.
• Blocchi : singole sezioni che puoi mettere insieme come i Lego.

Puoi anche salvare i tuoi progetti come modelli da riutilizzare in seguito.

Opzioni di stile – 5/5

Quando fai clic su qualsiasi sezione, colonna o widget, Elementor offre tre schede di stile nella barra laterale di sinistra.

Le opzioni esatte dipendono dall'elemento che stai modificando, ma in generale Elementor offre uno dei più profondi set di opzioni di stile di qualsiasi generatore di pagine.

Oltre a cose di base come colori, sfondi e tipografia, puoi anche controllare impostazioni più avanzate come:

• Margini/padding personalizzati.
• Classi/ID CSS personalizzati. Con Elementor Pro, puoi aggiungere direttamente stili CSS ai singoli elementi.
• Controlli reattivi. Puoi mostrare/nascondere elementi su dispositivi specifici.

Elementor ha anche aggiunto di recente il posizionamento personalizzato, che rende molto più facile posizionare i widget in punti specifici della pagina.

Altre caratteristiche degne di nota – 5/5

Queste funzionalità sono disponibili in Elementor Pro:

• Costruzione a tema completo. Puoi utilizzare la stessa interfaccia di Elementor per creare parti di modelli come intestazioni, piè di pagina, singoli e archivi. Fondamentalmente, puoi creare l'intero tema con Elementor.
• Generatore WooCommerce : progetta il tuo prodotto WooCommerce e le pagine del negozio.
• Edificio popup . Progetta popup flessibili e indirizzali a contenuti specifici.
• Integrazioni di moduli . Collega il widget del modulo ai servizi di email marketing più diffusi (o Zapier per una flessibilità ancora maggiore).
• Widget globali. Questi ti consentono di riutilizzare un elemento comune su più pagine e di modificare tutte le istanze del widget globale semplicemente aggiornando il widget globale.
• Incorpora ovunque . Usa i modelli Elementor in altre aree tramite widget o shortcode.

Chiusura – 5/5

Se disattivi Elementor, lascia un codice pulito. Ad esempio, se avevi un'intestazione <h3> con Elementor, avrai ancora un'intestazione <h3> dopo aver disattivato Elementor: utilizzerà solo lo stile del tuo tema.

2. Costruttore di castori

Beaver Builder è stato un sostenitore nel mercato dei page builder da un po' di tempo ormai. Emette codice pulito ( per un generatore di pagine ), è popolare sia tra gli utenti finali che tra gli implementatori e riceve un'attenzione regolare sotto forma di nuove funzionalità e aggiornamenti.

Ci sono anche alcuni componenti aggiuntivi ufficiali che puoi accoppiare con esso per una maggiore flessibilità, in particolare un tema Beaver Builder opzionale e l'estensione Beaver Themer.

Leggi la nostra recensione su Beaver Builder.

Prezzo: versione gratuita limitata. A partire da $ 99 per l'uso su siti limitati.

Interfaccia – 5/5

Beaver Builder offre un'interfaccia unica per il suo visual builder frontend. Fai la maggior parte del tuo lavoro da una barra laterale a destra. Ma queste opzioni della barra laterale vengono visualizzate solo quando fai clic su un pulsante nella barra in alto, quindi è possibile visualizzare un'anteprima a schermo intero in qualsiasi momento:

• 1 : fai clic su questo per aprire l'area della barra laterale
• 2 – questa è un'anteprima dal vivo del tuo design

Beaver Builder ha aggiunto di recente la modifica del testo in linea, il che significa che puoi digitare direttamente sulla pagina per modificare il testo o utilizzare il popup che appare:

L'uso della modifica in linea con il popup è un po' imbarazzante, a dire il vero. Ma puoi facilmente aggiungere l'editor alla barra laterale per risolverlo.

Widget/Modelli inclusi – 4/5

Nella versione gratuita, Beaver Builder ti dà accesso solo a 6 moduli , anche se puoi anche utilizzare widget WordPress standard.

La versione premium, invece, ti dà accesso a 30 moduli . Questi moduli sono anche tutti modulari, quindi puoi abilitarli o disabilitarli secondo necessità.

Nella versione premium, hai anche accesso a circa 56 modelli di pagina, oltre alla possibilità di salvare i tuoi progetti come modelli.

Opzioni di stile – 5/5

Per definire lo stile dei moduli e delle sezioni, puoi:

• Usa la finestra popup predefinita
• Fissa la finestra di lato per creare una barra laterale ( puoi vederlo nell'esempio qui sotto ).

Le opzioni esatte dipendono dal modulo, ma generalmente Beaver Builder ti offre un controllo abbastanza buono sui tuoi elementi, inclusa la spaziatura personalizzata e i controlli reattivi.

E Beaver Builder offre anche un interruttore davvero unico che ti consente di mostrare o nascondere i singoli moduli in base al fatto che un utente abbia effettuato l'accesso o meno:

Altre caratteristiche degne di nota – 4/5

• Tema del castoro. Sebbene questa sia un'estensione separata, aggiunge funzionalità complete di creazione di temi come Elementor.
• Etichettatura bianca . Puoi facilmente etichettare Beaver Builder se stai creando siti per i clienti.
• Tema del costruttore di castori . Questo tema opzionale ti dà ancora più controllo sull'aspetto del tuo sito web.

Mentre le caratteristiche uniche sono buone, sto facendo un punto perché devi pagare di più per ottenerle.

Chiusura – 5/5

Come Elementor, Beaver Builder lascia un codice pulito al 100% con la corretta formattazione HTML.

3. Divi Builder

Divi Builder è un popolare generatore di pagine premium di Elegant Themes. Sebbene sia più comunemente usato come parte del tema Divi, Divi Builder è anche un plug-in autonomo che puoi utilizzare anche con altri temi.

A differenza dei precedenti due page builder, Divi Builder ti consente di modificare i tuoi contenuti utilizzando sia un'interfaccia front-end visiva che un'interfaccia back-end , anche se la maggior parte degli utenti probabilmente preferirà l'interfaccia front-end.

Con la versione più recente, Divi 4.0, Divi ha anche aggiunto il supporto completo per la creazione di temi, che lo mette alla pari con Elementor e Beaver Builder sotto questo aspetto. Cioè, ora puoi usare Divi per progettare intestazione, piè di pagina, modelli, ecc.

Leggi la nostra recensione su Divi Builder.

Prezzo: disponibile come parte dell'abbonamento a $ 89 Elegant Themes

Interfaccia – 5/5

L'interfaccia di back-end di Divi Builder si presenta così:

Ma la maggior parte delle volte utilizzerai l'interfaccia visiva del frontend. Il Divi Builder è decisamente unico. Personalmente non sono un fan , ma conosco molte persone a cui piace, quindi non darò punti per questo motivo.

Fondamentalmente, invece di qualsiasi tipo di barra laterale, tutto è popup e pulsanti mobili. Puoi vedere un esempio di aggiunta di un modulo di seguito:

Come i due page builder precedenti, puoi anche utilizzare la modifica in linea per modificare il testo direttamente sulla pagina:

Sta a te decidere se preferisci questo approccio alla barra laterale utilizzata da altri plugin per la creazione di pagine.

Widget/Modelli inclusi – 5/5

Divi Builder include 46 moduli che puoi utilizzare per creare i tuoi progetti:

Hai anche accesso a 316 modelli predefiniti distribuiti su 40 diversi pacchetti di layout, oltre alla possibilità di salvare i tuoi progetti come modelli:

Opzioni di stile – 5/5

Come Beaver Builder, Divi Builder ti consente di definire lo stile degli elementi da un popup che puoi, se lo desideri, appuntare di lato.

Uno dei tratti distintivi di Divi è sempre stato il controllo dello styling che ti dà. Attraverso tre diverse schede, puoi configurare una varietà di impostazioni, inclusi controlli reattivi, spaziatura personalizzata e molto altro.

Puoi anche aggiungere CSS personalizzati all'elemento principale o prima/dopo l'elemento principale. Gli editor CSS includono anche la convalida di base e il completamento automatico! E puoi anche aprire un selettore colore direttamente dall'editor:

Tutto sommato, Divi Builder sta davvero spingendo i confini con le sue opzioni di stile: è roba buona.

Altre caratteristiche degne di nota – 5/5

• Creazione di temi : progetta l'intero tema utilizzando l'interfaccia di Divi Builder.
• Test A/B. Una delle migliori funzionalità extra è il sistema di test A/B integrato di Divi Builder. Nessun altro generatore di pagine rende così facile dividere il test nel core.
• Tema Divi . L'abbinamento di Divi Builder con il tema Divi ti dà il pieno controllo sull'aspetto del tuo sito.
• Controlli di accesso degli utenti . Divi Builder include potenti controlli di accesso basati sui ruoli.
• Controlli di personalizzazione di WordPress . Puoi personalizzare l'aspetto di alcuni elementi utilizzando il Customizer di WordPress nativo.

Blocco – 3/5

Una delle critiche a Divi Builder è sempre stata che è basato su shortcode. Ciò significa che se lo disattivi, lascerà un sacco di codici brevi nei tuoi contenuti.

Anche se questo è un po' un aspetto negativo, questo è un problema minore ora che esistono plugin come Shortcode Cleaner. Perderai la formattazione, come un tag <h3>, ma non perderai il contenuto stesso.

4. Architetto prospero

Thrive Architect è la versione rinnovata di quello che una volta era Thrive Content Builder. La nuova interfaccia presenta molte somiglianze con l'interfaccia di Elementor, che vedrai tra un secondo.

Sebbene chiunque possa usarlo, è particolarmente popolare tra i blogger e gli affiliati di marketing grazie alla sua attenzione ai tassi di conversione. E una delle cose che personalmente mi piace di Thrive Architect è che il suo stile predefinito sembra abbastanza buono fin da subito.

Leggi la nostra recensione su Thrive Architect.

Prezzo: fa parte di Thrive Suite, che costa $ 19 al mese (fatturato annualmente).

Interfaccia – 5/5

Come ho detto, vedrai alcune somiglianze tra l'interfaccia di Thrive Architect e l'interfaccia di Elementor ( Elementor è arrivato prima, nel caso te lo stia chiedendo ):

È la stessa idea, hai:

• 1 – questa è l'anteprima dal vivo del tuo design. Sembra esattamente come lo vedranno i tuoi visitatori. Puoi anche digitare il testo direttamente in questa interfaccia, nonché trascinare e rilasciare vari elementi per riorganizzarli.
• 2 – mostra un elenco di elementi che puoi utilizzare. Basta trascinarli sopra. E quando selezioni un singolo elemento o sezione, è qui che lo modellerai.
• 3 : ti aiutano ad accedere ad anteprime reattive, modifiche annulla/ripristina e altre funzionalità minori.

Sì, l'ho copiato e incollato dalla sezione Elementor .

Una cosa unica è il selettore breadcrumb quando si fa clic su un elemento nidificato. Questa funzione in realtà è molto utile quando vuoi passare rapidamente da un elemento a una sezione:

E Thrive Architect offre anche una vera modifica del testo in linea. In effetti, Thrive Architect ha la funzionalità di modifica in linea più fluida di qualsiasi generatore di pagine, secondo me:

Widget/Modelli inclusi – 4/5

Thrive Architect offre 40 diversi widget , inclusi alcuni accurati come un sempreverde conto alla rovescia.

Thrive Architect include anche centinaia di modelli suddivisi in ~36 "set". E puoi anche salvare i tuoi progetti come modello.

Opzioni di stile – 5/5

Thrive Architect si discosta da Elementor nel modo in cui gestisce lo styling. Invece di darti schede, Thrive Architect include tutto in un'unica colonna.

Le opzioni di stile sono abbastanza dettagliate e includono controlli reattivi e spaziatura personalizzata:

Puoi anche aggiungere il tuo CSS personalizzato a livello di pagina . Per i singoli elementi, puoi assegnare solo classi o ID CSS.

Altre caratteristiche degne di nota – 3/5

Una caratteristica interessante è l'opzione per impostare gli eventi della pagina . Questi ti consentono di visualizzare un popup lightbox basato su determinati trigger:

E un'altra cosa interessante è come si integra bene con altri prodotti Thrive Themes. Per esempio:

• Se utilizzi Thrive Optimize, puoi eseguire test A/B utilizzando Thrive Architect.
• Se utilizzi Thrive Leads, puoi facilmente integrare gli opt-in dettagliati di Thrive Leads in Thrive Architect.

Chiusura – 5/5

Thrive Architect lascia codice pulito al 100% come Elementor e Beaver Builder.

5. Generatore di pagine SiteOrigin

SiteOrigin Page Builder è in circolazione da tantissimo tempo. E in quel "per sempre", è riuscito a raccogliere oltre 1 milione di installazioni attive su WordPress.org, il che lo rende uno dei plugin per la creazione di pagine più popolari sul mercato.

Sebbene SiteOrigin Page Builder sia un po' più leggero rispetto alla maggior parte delle altre opzioni in questo elenco, offre ottime prestazioni e tonnellate di utili controlli CSS.

Prezzo: gratuito. Il pacchetto SiteOrigin Premium parte da $ 29

Interfaccia – 3/5

SiteOrigin ha due interfacce che puoi usare per costruire il tuo progetto.

Hai l'editor di back-end originale:

Puoi trascinare e rilasciare i blocchi o fare clic su un blocco specifico per modificarlo.

Questo editor ti offre più spazio per lavorare, ma manca di qualsiasi tipo di anteprima dal vivo.

Se vuoi quell'anteprima dal vivo, SiteOrigin Page Builder ha aggiunto una modalità editor dal vivo:

Questo non è lo stesso degli altri costruttori di pagine in questo elenco perché non puoi effettivamente trascinare e rilasciare gli elementi nell'anteprima live . Ma è anche più di una semplice anteprima del tuo progetto perché c'è una certa interattività tra le caselle astratte a sinistra e l'anteprima dal vivo.

Ad esempio, puoi passare con il mouse su una casella dell'anteprima dal vivo e anche la casella pertinente nella barra laterale mostrerà l'evidenziazione. Puoi anche fare clic su un elemento nell'anteprima live per aprirne le impostazioni:

Widget/Modelli inclusi – 2/5

Oltre ai widget principali di WordPress, SiteOrigin Page Builder offre anche un plug-in Widgets Bundle gratuito che aggiunge un set modulare di 23 widget che puoi utilizzare. Include anche circa 25 modelli predefiniti che puoi utilizzare, anche se questi sono piuttosto semplici rispetto ad altri costruttori di pagine.

Non puoi salvare i tuoi progetti come modelli, ma puoi facilmente clonare pagine esistenti ottenendo funzionalità simili.

Opzioni di stile – 3/5

Le opzioni di stile di SiteOrigin Page Builder saranno deludenti rispetto agli altri page builder se non conosci i CSS . Ma se ti senti a tuo agio nell'usare i tuoi CSS, in realtà sono piuttosto utili.

Oltre ad aggiungere classi e ID CSS, puoi anche aggiungere CSS direttamente a singoli elementi, inclusa una sezione per CSS solo per dispositivi mobili:

Hai anche molte opzioni di stile non CSS, ma non tante come gli altri plugin. Se sei uno sviluppatore che prevede di utilizzare il tuo CSS, potresti probabilmente dare al plugin un 5 per questa categoria. Ma lo sto abbassando a 3 perché penso che sia dove si adatta agli utenti regolari .

Altre caratteristiche degne di nota – 2/5

SiteOrigin Page Builder è piuttosto leggero, ma ottieni un generatore di tipi di post personalizzato di base nel pacchetto SiteOrigin Premium.

Blocco – 4/5

SiteOrigin Page Builder lascia un mix di HTML pulito e codici brevi. Cioè, alcuni dei widget, come l'editor di testo, lasciano un HTML pulito, mentre altri, come il widget dei pulsanti, lasciano degli shortcode.

6. Generatore di pagine WPBakery

WPBakery Page Builder, precedentemente noto come Visual Composer, è un altro generatore di pagine premium estremamente popolare. Gran parte di questa popolarità deriva dal fatto che WPBakery Page Builder è in bundle con quello che sembra il 99% dei temi di ThemeForest. Ma resta il fatto che è utilizzato su un numero enorme di siti .

Prezzo: $ 64

Interfaccia – 3/5

Come Divi Builder, WPBakery Page Builder ti offre sia la modifica visiva del front-end, sia la modifica del back-end.

È possibile utilizzare l'interfaccia back-end se si desidera:

Ma penso che la maggior parte delle persone sarà più felice sul front-end, che assomiglia a questo:

Inserisci nuovi elementi e li stilizzi usando i popup: non c'è area della barra laterale, né c'è la modifica in linea.

Personalmente, non sono un fan di questo approccio, ma ad alcune persone piace perché non c'è nulla che possa ostacolare l'anteprima dal vivo quando non hai un popup aperto .

Widget/Modelli inclusi – 3/5

WPBakery Page Builder offre 39 elementi , oltre a tutti i normali widget di WordPress. Tuttavia, alcuni di questi elementi verrebbero combinati in un altro generatore di pagine, quindi il numero effettivo è più simile a ~33 :

Ottieni anche ~ 86 modelli. Alcuni modelli sono pagine intere, mentre altri sono solo sezioni.

Opzioni di stile – 3/5

Rispetto a qualcosa come Elementor o Divi Builder, le opzioni di stile di WPBakery Page Builder sono un po' limitate.

Hai una buona quantità di controllo sulle righe:

Ma le opzioni di stile per i singoli elementi sono un po' più limitate.

Se desideri utilizzare il tuo CSS, puoi aggiungere una classe CSS personalizzata o un ID a singoli elementi, oppure puoi aggiungere stili reali a livello di pagina:

Altre caratteristiche degne di nota – 3/5

Non sono sicuro che WPBakery Page Builder abbia caratteristiche uniche particolarmente degne di nota. Ma quello che ha è una massiccia comunità di componenti aggiuntivi di terze parti. Mentre molti altri page builder hanno componenti aggiuntivi di terze parti, WPBakery Page Builder è unico nel numero, che è ben oltre 250 componenti aggiuntivi .

Blocco – 3/5

Come Divi Builder, WPBakery Page Builder lascia un sacco di shortcode nei tuoi contenuti se mai lo disattivi.

7. Costruttore di Themify

Themify Builder è, ovviamente, l'offerta per la creazione di pagine di Themify. Themify lo raggruppa con molti dei loro temi per offrire ai clienti facili opzioni di personalizzazione. Ma puoi anche acquistarlo come plug-in autonomo e usarlo con qualsiasi tema.

Prezzo : versione gratuita leggera. Pro parte da $ 39 o $ 59 (a seconda dei componenti aggiuntivi)

Interfaccia – 4/5

Come Divi Builder e WPBakery Page Builder, Themify Builder ti consente di creare i tuoi progetti utilizzando sia interfacce back-end che front-end.

Con la versione 4.0, Themify Builder ha apportato alcuni aggiornamenti all'interfaccia, il che mi ha fatto aumentare il punteggio di una tacca.

L'interfaccia di back-end si presenta così:

Ma ancora una volta, la maggior parte delle persone probabilmente vorrà utilizzare l'interfaccia front-end, che funziona in questo modo:

• 1 – ti permette di inserire nuovi moduli ( 2 modi diversi )
• 2 – anteprima dal vivo
• 3 – anteprime reattive, annulla/ripeti e altre impostazioni

Non ci sono modifiche in linea: dovrai modificare il testo in un popup:

Tuttavia, la nuova interfaccia sembra molto più "scattante" di quella precedente, il che crea un'esperienza di editing molto più veloce.

Aggiunge anche un selettore in stile breadcrumb sopra il popup delle impostazioni, che ti consente di passare rapidamente da un modulo stesso alle righe e colonne in cui si trova.

Infine, una delle mie nuove aggiunte preferite è la possibilità di aggiungere margini e riempimento semplicemente facendo clic e trascinando sulla pagina. Questo è un enorme aggiornamento e rende molto più facile regolare il posizionamento sulla tua pagina. Puoi vedere come sono in grado di regolare il margine ( rosa ) semplicemente trascinandolo:

In realtà, la mia unica grande critica è ancora la mancanza di editing delle linee.

Widget/Modelli inclusi – 3/5

Themify Builder offre circa 32 moduli (a seconda dei componenti aggiuntivi), oltre a tutti i normali widget di WordPress.

Ottieni anche ~143 modelli a pagina intera, oltre a un numero inferiore di righe , che sono sostanzialmente sezioni predefinite.

Opzioni di stile – 4/5

Se fai clic su qualsiasi elemento, otterrai quattro diverse schede per aiutarti a modellarlo:

• Contenuto
• Stile ( mostrato sotto )
• Visibilità ( ti permette di nascondere un elemento su determinati dispositivi )
• Animazione

Un'altra cosa bella è che Themify Builder ti consente di personalizzare i tuoi punti di interruzione reattivi ( anche se solo a livello di sito ).

Nella versione 4.0, Themify Builder ha anche aggiunto divisori di forma personalizzati, che ti consentono di scegliere tra 25 forme preimpostate.

Altre caratteristiche degne di nota – 4/5

Una cosa interessante di Themify Builder è che ti consente ancora di utilizzare il normale editor di WordPress, mentre altri costruttori di pagine ti obbligano a utilizzare l'interfaccia del generatore di pagine per tutto . Il contenuto di Themify Builder è contrassegnato nell'editor di WordPress in modo che tu possa posizionare il contenuto attorno ad esso:

Questa funzione funziona anche nel nuovo editor di blocchi di WordPress.

Un'altra bella nuova funzionalità è la possibilità di utilizzare risoluzioni diverse per il design reattivo. Molti costruttori di pagine ti offrono solo anteprime generiche "Mobile" e "Tablet", ma Themify Builder ti consente in realtà di testare diversi dispositivi.

Chiusura – 5/5

Themify Builder è notevolmente migliorato rispetto al blocco. Ora, se lo disattivi, lascia il tuo contenuto con un HTML pulito.

8. Brillante

Lanciato nell'aprile 2018, Brizy è uno dei creatori di pagine "più giovani" di questo elenco. Ma viene da un noto sviluppatore - ThemeFuse - e ha rapidamente accumulato 60.000 installazioni attive. Inoltre, offre semplicemente un approccio unico ad alcune parti della creazione di pagine, il che lo rende un'offerta interessante.

Gli sviluppatori stanno anche rilasciando rapidamente nuove funzionalità e Brizy ha già il supporto per la creazione di temi e popup.

Prezzo: versione base gratuita. La versione Pro parte da $ 49.

Interfaccia – 5/5

Brizy è esclusivamente un costruttore di pagine visive frontend.

Per costruire la tua pagina, devi prima aggiungere un blocco. Puoi utilizzare un blocco vuoto oppure puoi scegliere tra i blocchi di sezione predefiniti:

La parte "interfaccia unica" è ciò che accade una volta che inizi ad aggiungere elementi. Invece di avere una barra laterale o un popup in cui si personalizza/stila l'elemento, quasi tutto avviene in linea (compresa la digitazione).

Guarda cosa intendo:

Il risultato è un modo molto veloce di costruire pagine.

Widget/Modelli inclusi – 4/5

Brizy offre attualmente 26 elementi di base . Questo numero è piccolo, ma Brizy è ancora nuovo, quindi si spera che aumenti nel tempo.

Ottieni anche elementi aggiuntivi per determinate funzionalità, come un elemento di menu quando crei un'intestazione.

Include anche oltre 150 blocchi (sezioni di modelli) che puoi utilizzare.

Opzioni di stile – 5/5

A causa del funzionamento dell'interfaccia di Brizy, non esiste una formula impostata per le opzioni di stile come gli altri page builder.

Puoi espandere una barra laterale per impostazioni avanzate come la spaziatura e i controlli reattivi:

Puoi anche aggiungere uno stile di base a livello di pagina in modo da non dover modificare manualmente ogni singolo elemento:

Ma la maggior parte delle volte, utilizzerai i controlli in linea per modellare i tuoi elementi, che ti danno una buona quantità di controllo.

Altre caratteristiche degne di nota – 5/5

L'interfaccia di Brizy è già piuttosto unica, ma ha anche messo insieme rapidamente un elenco di funzionalità piuttosto stellare sin dal suo rilascio:

• Generatore di temi : progetta intestazioni, piè di pagina, archivi e modelli di post singoli utilizzando Brizy. Il supporto per WooCommerce è in arrivo . Include anche una funzione dinamica per inserire il contenuto del campo personalizzato da plugin popolari come ACF e Toolset.
• Generatore di popup: progetta i popup utilizzando l'interfaccia Brizy e utilizza le condizioni per controllare dove/quando vengono visualizzati.
• Banner globali sincronizzati su più pagine.
• Integrazioni con i più diffusi servizi di email marketing (e Zapier).

Blocco – 4/5

Brizy lascia un codice HTML per lo più pulito se mai lo disattivi. Ma lascia ancora un sacco di div con le classi Brizy CSS nel codice, che incasina un po' la spaziatura e richiederebbe una pulizia.

9. Compositore visivo

Sopra, ti ho detto che WPBakery Page Builder era noto come Visual Composer. La ragione di ciò "era abituato" è che il team dietro Visual Composer ha deciso di scorporare WPBakery Page Builder in modo da poter lanciare un prodotto completamente nuovo utilizzando il nome Visual Composer.

Questo è ciò su cui ci stiamo concentrando in questa sezione.

Sebbene provenga dalla stessa squadra, è un prodotto completamente separato.

La differenza principale è che Visual Composer è un costruttore di siti Web completo, mentre WPBakery Page Builder è solo un costruttore di pagine .

Prezzo: versione gratuita limitata. La versione Pro parte da $ 49.

Interfaccia – 3/5

Quando crei una nuova pagina con Visual Composer, puoi scegliere tra alcuni layout diversi per la tua tela. Puoi creare una tela completamente vuota, includere intestazione/piè di pagina, ecc.

Da lì, puoi progettare tutto usando un'interfaccia visiva:

L'interfaccia è fluida e priva di glitch, tuttavia manca l'editing in linea, il che è un po' deludente. Invece, devi modificare il testo nella barra laterale:

Inoltre, non trovo che le opzioni nella barra laterale siano così utilizzabili perché tutto è un'unica lunga colonna. Preferisco l'approccio utilizzato dalla maggior parte degli altri page builder, ovvero dividere le impostazioni in schede.

Widget/Modelli inclusi – 5/5

Quando installi per la prima volta Visual Composer (o se stai solo usando la versione gratuita), hai accesso solo a pochi blocchi e nessun modello.

Non lasciarti ingannare, però: Visual Composer ha una vasta selezione di elementi e modelli: devi solo connetterti a Visual Composer Hub e scaricare quelli che desideri utilizzare:

Come puoi vedere, c'è un'enorme varietà, con qualsiasi cosa, dai blocchi di contenuto alle integrazioni e altro ancora. C'è una varietà simile anche quando si tratta di modelli.

Opzioni di stile – 4/5

Le opzioni di stile di Visual Composer sono solide, ma nulla spicca davvero. Ottieni tutte le funzionalità che ti aspetteresti, come divisori di forma, spaziatura personalizzata, parallasse, ecc.

Ottieni anche controlli reattivi per modificare il design in base al dispositivo di un utente, oltre a un'ampia varietà di opzioni di anteprima reattiva.

Due caratteristiche interessanti sono le opzioni per rendere appiccicosa una riga o un elemento e controllare come si impilano le colonne.

Altre caratteristiche degne di nota – 5/5

Come accennato in precedenza, Visual Composer è un costruttore di siti Web completo, quindi puoi creare l'intero sito utilizzando la sua interfaccia, inclusi intestazioni, piè di pagina, modelli e altro.

Puoi anche inserire contenuto dinamico da campi predefiniti e personalizzati, come quelli che aggiungi con ACF.

L'altra caratteristica di spicco è il Visual Composer Hub, che viene fornito con tonnellate di modelli ed elementi di contenuto che puoi importare.

Chiusura – 5/5

Se disattivi Visual Composer, lascia un HTML relativamente pulito. L'HTML include ancora le classi CSS di Visual Composer, ma non ci sono problemi di front-end o shortcode.

10. Costruttore di pagine WP

WP Page Builder è una nuova offerta di Themeum, uno sviluppatore WordPress affermato. Quindi, sebbene il plug-in stesso sia nuovo, proviene da un team che è stato in giro nello spazio di WordPress per un po'.

Themeum realizza anche il plugin Tutor LMS che abbiamo recensito non molto tempo fa.

Prezzo: versione gratuita abbastanza generosa. La versione Pro parte da $ 39.

Interfaccia – 4/5

WP Page Builder ha un'interfaccia piuttosto standard per quanto riguarda i costruttori di pagine. Ottieni un'anteprima visiva del tuo design a destra e una barra laterale a sinistra in cui puoi controllare i tuoi design.

Una cosa che mi piace molto è la possibilità di regolare la spaziatura (margini/padding) usando un cursore drag-and-drop. Puoi anche utilizzare un approccio simile di trascinamento della selezione per ridimensionare le colonne:

Tuttavia, non ci sono modifiche in linea, il che è un po' un aspetto negativo. Invece, dovrai modificare il testo nell'editor della barra laterale:

Widget/Modelli inclusi – 5/5

Anche con la versione gratuita, WP Page Builder viene fornito con una selezione stellare di widget. Ad esempio, la versione gratuita ti offre tabelle dei prezzi, griglie dei post, flip box e altro ancora. La maggior parte degli altri page builder riserva questi elementi per la versione premium.

Puoi anche accedere a oltre 31 pacchetti di layout, che sono pacchetti di modelli a tema per nicchie specifiche. Ogni layout include più modelli:

Opzioni di stile – 4/5

Ho già menzionato i controlli di layout/spaziatura drag-and-drop, che è una funzionalità davvero conveniente.

Oltre a ciò, ottieni anche una buona gamma di opzioni di stile. Ad esempio, ottieni divisori di forma, l'opzione per nascondere elementi su determinati dispositivi e utilizzare impostazioni diverse per dispositivi diversi e molte opzioni di stile generali:

Tuttavia, sebbene sia solido, non hai tutte le opzioni che avresti con qualcosa come Elementor o Divi, motivo per cui sto andando con un punteggio di "4" anziché "5".

Altre caratteristiche degne di nota – 3/5

WP Page Builder è un solido generatore di pagine, ma non ha creato il tipo di extra che ottieni con altri costruttori di pagine. Ad esempio, non c'è creazione di temi, generatore di popup, ecc.

Al di là del generatore di pagine stesso, non vedo alcuna caratteristica che si distingua.

Blocco – 3/5

When you disable WP Page Builder, it removes everything , including your content. Even if you just added a single text block, that text block will still disappear when you disable WP Page Builder.

The content will reappear if you reactivate the plugin.

Which Is The Best WordPress Page Builder?

So which of these 10 page builders should you choose? Well, here's how the scores stack up (in order):

And personally, that's pretty much how I would recommend them to people, as well.

On my own sites, I use a mix of Elementor and Thrive Architect, depending on the site.

If you're looking for the best value of price vs features, here's another table comparing the score to the pricing options:

Now over to you — which one do you think is the best WordPress page builder?