Recensione di Beaver Builder: è il miglior plug-in per la creazione di pagine di WordPress? (2022)

Cerchi il miglior plug-in per la creazione di pagine per il tuo sito WordPress?

Beaver Builder merita sicuramente un posto in quella lista. Dal suo lancio nel 2014, è diventato uno dei principali costruttori di pagine e si è costruito una meritata reputazione per l'affidabilità solida e una grande comunità.

Nella nostra recensione pratica su Beaver Builder, ti darò uno sguardo dettagliato al plug-in, incluso ciò che fa bene e ciò che fa male.

In generale, penso che Beaver Builder sia un ottimo page builder, ma non è necessariamente lo strumento migliore per tutti, quindi ti consigliamo di avere le informazioni giuste per decidere se dovresti usare Beaver Builder o una delle sue alternative popolari come Elementor o Divi Builder.

Continua a leggere la nostra recensione e ti aiuterò a prendere questa decisione!

Recensione di Beaver Builder: un breve riepilogo

Se non hai familiarità con Beaver Builder, inizierò con un riepilogo molto rapido delle sue funzionalità per aggiornarti.

Beaver Builder è un plug-in per la creazione di pagine drag-and-drop intuitivo. Ciò significa che ti aiuta a creare progetti complessi e pagine di destinazione senza richiedere alcuna conoscenza tecnica.

Puoi impostare il tuo design utilizzando i moduli di contenuto e creare layout utilizzando righe e colonne . Per ogni modulo, riga e colonna, otterrai opzioni dettagliate per controllarne il design, il layout, la spaziatura e altro ancora.

Se vuoi andare oltre, puoi utilizzare il componente aggiuntivo Themer di Beaver Builder per progettare l'intero tema utilizzando la modifica visiva, trascina e rilascia, incluse intestazioni personalizzate, modelli di post, piè di pagina, ecc.

Fondamentalmente, Beaver Builder ti aiuta a creare un sito Web WordPress personalizzato al 100%.

Come funziona l'interfaccia di Beaver Builder

Iniziamo scavando nell'interfaccia di Beaver Builder e come funziona.

Tour dell'interfaccia di base

Quando avvii l'interfaccia, ottieni una bella anteprima a tutta larghezza del tuo progetto live. Non esiste una barra laterale fissa per impostazione predefinita, anche se puoi crearne una se lo desideri:

Aggiunta di moduli

Per aggiungere nuovi moduli o modelli, puoi fare clic sull'icona "più" nell'angolo in alto a destra per aprire l'interfaccia dell'inseritore. I moduli sono divisi in diverse categorie e puoi anche cercare per nome.

Per aggiungere un modulo, è sufficiente trascinarlo sulla pagina:

Una volta aggiunto il modulo, il menu scompare e si torna a un'anteprima completa.

Se preferisci che il menu rimanga fisso, puoi trascinarlo sul lato destro o sinistro per trasformarlo in una barra laterale fissa su quel lato. Qui, l'ho aggiustato a sinistra:

In termini di moduli stessi, Beaver Builder fa un buon lavoro nel darti accesso a tutti i moduli più importanti. L'elenco potrebbe non essere così grande come alcuni altri page builder, ma non credo che la maggior parte delle persone avrà problemi. Se hai bisogno di aggiungere più moduli, puoi sempre farlo usando plugin di terze parti (ne parleremo più avanti).

Configurazione di moduli, colonne e righe

Per aprire le impostazioni per qualsiasi elemento, puoi passare il mouse sopra di esso e fare clic sull'icona della chiave inglese.

Se hai il menu a scomparsa, le impostazioni appariranno in un popup che puoi trascinare in qualsiasi posizione e cambiarne le dimensioni:

Se preferisci l'approccio con barra laterale fissa, le impostazioni si apriranno automaticamente nella barra laterale:

Mentre puoi vedere un editor di testo negli screenshot sopra, Beaver Builder supporta anche la modifica in linea, il che significa che puoi aggiungere testo direttamente sulla pagina facendo clic e digitando.

In termini di numero di opzioni di progettazione, direi che ottieni tutte le opzioni di base importanti, ma non ottieni le opzioni di progettazione avanzate offerte da alcuni page builder come Elementor e Divi Builder.

Ad esempio, non esiste un posizionamento assoluto/relativo personalizzato, né qualcosa come gli effetti di movimento di Elementor o gli effetti di scorrimento di Divi ( sebbene Beaver Builder includa animazioni di base ).

Per gli utenti regolari, non credo che ti sentirai come se ti mancasse qualcosa. Ma se sei un designer a cui piace essere in grado di impostare tutti quei fantastici effetti di design, Elementor e Divi sono sicuramente un po' più flessibili sotto questo aspetto.

Beaver Builder supporta anche il design reattivo. Puoi nascondere determinati elementi sui dispositivi mobili e avere anche la possibilità di modificare la configurazione in base al dispositivo dell'utente (ad esempio puoi utilizzare spaziatura o dimensioni del carattere diverse per i visitatori mobili):

C'è anche una modalità di modifica reattiva che semplifica la progettazione per dispositivi mobili e tablet.

Creazione di progetti a più colonne

Questa è una delle mie funzionalità preferite di Beaver Builder e non so perché ogni page builder non lo faccia in questo modo.

Supponiamo che tu voglia creare un design a più colonne. Con la maggior parte degli altri page builder, devi prima impostare la struttura delle colonne. Quindi, puoi trascinare i widget in quelle colonne.

Con Beaver Builder, puoi saltare quel passaggio e trascinare semplicemente un modulo accanto a un altro modulo per creare automaticamente una nuova colonna. È una piccola cosa, ma è davvero utile e ti farà risparmiare tempo:

Ovviamente, Beaver Builder ti consente comunque di impostare prima la struttura delle colonne: devi aggiungere manualmente una riga se preferisci farlo in questo modo.

Inserimento di modelli

Per risparmiare tempo, Beaver Builder include alcuni modelli a pagina intera che puoi inserire. Questi modelli sono disponibili in due forme:

• Pagine di destinazione complete
• Pagine di contenuto (ad es. una pagina "Informazioni")

Direi che i modelli non sono il punto di forza di Beaver Builder, però. I modelli stessi sembrano a posto, ma non hai accesso quasi alla quantità di modelli offerti da altri strumenti. Ad esempio, Divi ti offre oltre 1.700 modelli e anche Elementor è tra le centinaia.

Oltre ai modelli di pagina, ottieni anche modelli di riga predefiniti, che sono modelli per parte di una pagina, ad esempio una sezione eroe.

Puoi anche salvare i tuoi progetti come modelli per riutilizzarli in seguito.

Utilizzo delle impostazioni globali

Le impostazioni globali ti consentono di controllare le impostazioni di alto livello per tutti i tuoi progetti di Beaver Builder, come la larghezza predefinita per le righe, i margini/padding predefiniti per righe e colonne, layout reattivi e altro ancora.

Puoi anche personalizzare i punti di interruzione del tuo dispositivo di piccole e medie dimensioni nel plug-in principale, cosa che non tutti i page builder consentono (ad esempio Elementor sta ancora consentendo punti di interruzione regolabili).

Lavorare con il codice

Se vuoi lavorare con il codice, Beaver Builder semplifica l'aggiunta di CSS o JavaScript direttamente alla pagina: premi Ctrl + Y per aprire l'editor di codice.

Tuttavia, non puoi aggiungere CSS personalizzati direttamente a un singolo modulo/sezione come consentito da Elementor Pro. Anche se puoi aggiungere una classe CSS o un ID personalizzato a un modulo, non puoi aggiungere il CSS stesso.

Considerazioni generali sull'interfaccia e sull'esperienza di editing

Nel complesso, penso che l'esperienza di editing in Beaver Builder sia abbastanza buona.

Non ha abbastanza "tanto" come Elementor o Divi quando si tratta di opzioni di progettazione, ma ha tutte le opzioni di base di cui la maggior parte degli utenti avrà bisogno.

Inoltre, mi piace molto l'interfaccia stessa. Sebbene sia difficile mostrarlo negli screenshot, l'interfaccia è sempre veloce e priva di problemi. Non ho mai riscontrato ritardi o problemi durante l'apertura delle impostazioni o il trascinamento di elementi: funziona e basta.

È anche bello poter personalizzare l'interfaccia in base alle tue preferenze. Se ti piace avere l'anteprima visiva a schermo intero, puoi continuare a utilizzare lo stile popup predefinito e nascondere tutte le impostazioni quando guardi il tuo progetto.

Oppure, se ti piace l'approccio della barra laterale, puoi attaccare la barra laterale su entrambi i lati e fare tutto da un'interfaccia fissa.

Non c'è niente di particolarmente appariscente, è solo un'interfaccia davvero solida e piacevole da usare.

Tema del castoro

Beaver Themer è un'estensione ufficiale del team di Beaver Builder che aggiunge il supporto completo per la creazione di temi a Beaver Builder.

Beaver Builder è stato uno dei primi costruttori di pagine a offrire la creazione di temi completi, battendo altri grandi nomi come Elementor e Divi.

Con Beaver Themer attivo, puoi andare su Beaver Builder → Themer Layouts per creare modelli per i tuoi temi:

• Intestazione
• Piè di pagina
• Singolare (es. singoli post di blog, pagine, ecc.)
• Archivio (ad es. la pagina che elenca tutti i post del tuo blog)
• 404 pagina

Puoi anche creare parti del tema, che è una funzionalità davvero interessante che ti consente di iniettare un design in diverse parti del tuo sito, un po' come un hook del tema.

Modelli a tema

Quando crei un nuovo modello di tema, devi prima scegliere quando utilizzare quel modello. Puoi scegliere come target tipi di contenuto specifici, ad esempio tutti i post del blog o solo i post con una determinata categoria/tag.

Se desideri un maggiore controllo, puoi anche impostare Regole , che ti consentono di utilizzare un determinato modello solo quando vengono soddisfatte le condizioni specificate, come lo stato di accesso, il ruolo dell'utente, l'autore, il campo personalizzato, il modello di post e altro.

Poiché la maggior parte degli altri costruttori di temi non ha una funzionalità simile, questo è un chiaro vantaggio di Beaver Themer.

Da lì, puoi utilizzare la stessa interfaccia di Beaver Builder per progettare il tuo modello. L'unica differenza è che potrai inserire contenuti “dinamici” come il titolo e il contenuto di un post.

Beaver Themer funziona anche con campi personalizzati in modo da poter inserire dati da plug-in come Advanced Custom Fields o Pods. Di seguito puoi vedere com'è collegare il contenuto di un campo a informazioni dinamiche.

Parti a tema

Le parti del tema funzionano sostanzialmente come i modelli del tema, ma ottieni un'opzione aggiuntiva che ti consente di inserire la parte in una determinata posizione sul tuo tema, ad esempio, sotto il titolo del post o sotto il contenuto.

Puoi utilizzare le parti del tema per annunci, moduli di attivazione, inviti all'azione e altro ancora.

Tema del costruttore di castori

Il tema Beaver Builder è un tema WordPress di base leggero progettato per essere abbinato a Beaver Builder.

In sostanza, l'idea è di utilizzare il tema Beaver Builder per gestire aree non di contenuto come l'intestazione, il piè di pagina e i modelli di blog, quindi utilizzare Beaver Builder per progettare il contenuto effettivo (la parte che va tra l'intestazione e il piè di pagina).

Onestamente, però, non trovo che il tema Beaver Builder sia così prezioso come aggiunta nel 2022 e oltre. Non è che il tema sia "cattivo", è un bel tema. Penso solo che lo spazio di WordPress sia cambiato e non sia più così speciale.

Anni fa, il tema era bello da avere perché era ancora difficile trovare temi di base leggeri e multiuso.

Ma ora abbiamo l'imbarazzo della scelta quando si tratta di temi flessibili e leggeri progettati per l'abbinamento con i costruttori di pagine. Tutti questi temi seguono lo stesso principio di base del tema Beaver Builder, ma lo fanno meglio ( almeno secondo me ). Nel 2022 e oltre, preferirei accoppiare Beaver Builder con GeneratePress.

Prestazione

Le prestazioni sono sempre una considerazione importante quando si utilizza un plug-in per la creazione di pagine. Un costruttore di pagine aggiungerà sempre più peso alla pagina rispetto al semplice utilizzo dell'editor WordPress predefinito, ma alcuni costruttori di pagine sono migliori di altri nel mantenere quel peso al minimo.

Ho eseguito personalmente alcuni test in cui ho creato pagine identiche con diversi page builder e Beaver Builder è solitamente una delle migliori opzioni quando si tratta di prestazioni. Con ciò, intendo dire che le dimensioni della pagina e le richieste HTTP sono inferiori rispetto ad altri builder.

Per darti una buona idea di quanto peso extra Beaver Builder aggiunge rispetto all'editor di blocchi nativo di WordPress (Gutenberg), ho deciso di eseguire un piccolo test.

Ho creato un design semplice in due versioni: una con l'editor Gutenberg e una con la versione premium di Beaver Builder.

Quindi, ho confrontato le dimensioni della pagina e le richieste HTTP (questi numeri includono il tema del mio sito, che è GeneratePress):

Puoi vedere che Beaver Builder non carica molto per impostazione predefinita. Il design è molto semplice e include principalmente testo, pulsanti e colonne. Questo risultato è più piccolo di quello che vedresti con molti altri costruttori di pagine.

Ad esempio, quando ho eseguito la stessa operazione con Divi Builder, sono stati aggiunti 316,7 KB (rispetto ai +44,1 KB di Beaver Builder) e sette nuove richieste HTTP (rispetto alle quattro nuove richieste HTTP di Beaver Builder).

Un'altra cosa bella è che Beaver Builder non carica i suoi script in tutto il sito. Quindi, se hai una pagina che hai creato con l'editor nativo di WordPress, Beaver Builder non caricherà un singolo script su quella pagina.

Ciò è notevole perché alcuni altri page builder caricano i loro script in tutto il sito, il che aggiunge peso alla pagina indipendentemente dal fatto che tu stia utilizzando o meno il page builder su quella pagina.

Conclusione sulle prestazioni di Beaver Builder

Una pagina progettata con Beaver Builder verrà caricata alla stessa velocità della stessa pagina progettata con l'editor di blocchi Gutenberg? No, tutte le cose sono uguali, non lo farà.

Tuttavia, l'editor di blocchi di Gutenberg non offre la stessa flessibilità di progettazione di Beaver Builder. E, rispetto ad altri plug-in per la creazione di pagine con flessibilità simile, Beaver Builder si confronta in modo piuttosto favorevole.

Quindi, finché sei d'accordo con il compromesso delle prestazioni di base che è vero con qualsiasi plug-in per la creazione di pagine, Beaver Builder fa un buon lavoro nel mantenere al minimo il suo peso aggiunto.

Finché stai seguendo le migliori pratiche per le prestazioni di WordPress, utilizzando alcuni plug-in di ottimizzazione della velocità e ospitando il tuo sito su hosting veloce, puoi creare totalmente un sito a caricamento rapido con Beaver Builder.

Componenti aggiuntivi di Beaver Builder di terze parti

Oltre a Beaver Themer, Beaver Builder ha anche un vivace mercato di componenti aggiuntivi di Beaver Builder di terze parti, che ti consentono di estendere ulteriormente il core builder.

In genere, utilizzerai queste estensioni per aggiungere nuovi moduli e modelli di contenuto, sebbene alcuni aggiungano anche nuove funzionalità, come l'integrazione del framework Pods con Beaver Builder/Themer.

Per darvi un assaggio, ecco due delle opzioni più popolari:

• Ultimate Addons per Beaver Builder (dalla stessa squadra dietro il tema Astra)
• Componente aggiuntivo PowerPack per Beaver Builder

Per vedere ancora più opzioni, dai un'occhiata alla nostra carrellata dei migliori componenti aggiuntivi di Beaver Builder.

Prezzo

Ora che abbiamo coperto tutto il resto, parliamo dei prezzi.

Prima di tutto, Beaver Builder ha una versione lite gratuita su WordPress.org, ma è molto limitata.

Onestamente, ora che esiste l'editor di blocchi Gutenberg, non vedo alcun valore nella versione gratuita di Beaver Builder oltre a permetterti di provare l'interfaccia utente per vedere se ti piace.

Potresti non essere d'accordo, quindi dovresti assolutamente testare la versione gratuita per te stesso. Ma secondo me, se stai cercando specificamente un plug-in per la creazione di pagine gratuito, le versioni gratuite di Elementor e Brizy sono molto più generose nelle loro funzionalità.

Quando si tratta della versione premium, tuttavia, Beaver Builder è piuttosto conveniente.

Innanzitutto, la cosa importante da notare è che tutti i piani tariffari di Beaver Builder consentono l'utilizzo su siti Web illimitati.

Da lì, i piani partono da soli $ 99 per un anno di supporto e aggiornamenti. Su tutti i piani, puoi ottenere uno sconto di rinnovo del 40% se desideri continuare a ricevere supporto e aggiornamenti dopo il primo anno.

Come accennato in precedenza, non trovo più il tema Beaver Builder così prezioso, quindi penso che praticamente tutti andranno bene con la licenza standard da $ 99. Gli unici motivi per cui potresti voler pagare di più sono:

1. Hai bisogno del supporto multisito di WordPress, nel qual caso hai bisogno della licenza Pro da $ 199.
2. È necessaria l'etichettatura bianca, nel qual caso è necessaria la licenza dell'agenzia da $ 399.

Se desideri aggiungere il supporto per la creazione di temi, dovrai anche acquistare Beaver Themer, che costa $ 147 per l'uso su siti illimitati.

Quindi, se desideri il generatore di pagine e il generatore di temi, pagherai $ 246 per l'utilizzo su siti illimitati e un anno di supporto e aggiornamenti. Pagherai quindi un totale di $ 147,60 per il rinnovo se desideri continuare a ricevere supporto e aggiornamenti dopo il primo anno.

Considerazioni finali su Beaver Builder

Nel complesso, penso che Beaver Builder sia un ottimo plugin da un team di sviluppo consolidato e affidabile. È in circolazione da oltre sette anni e in quel periodo ha costruito una grande comunità.

Tuttavia, il fatto che tu debba o meno usare Beaver Builder dipende davvero da ciò che apprezzi in un plug-in per la creazione di pagine di WordPress.

Se desideri un generatore di pagine che aggiunga sempre nuove funzionalità e ti dia nuove capacità di progettazione, Beaver Builder potrebbe non essere la scelta migliore perché questo non sembra essere l'obiettivo del team di Beaver Builder. Non è che Beaver Builder non aggiunga mai nuove funzionalità, ma arrivano a un ritmo più lento rispetto a plugin come Elementor, Divi e Brizy.

Tuttavia, se apprezzi la stabilità rispetto all'ottenimento frequente di nuove funzionalità, è qui che penso che Beaver Builder funzioni davvero bene. Un ciclo di sviluppo più lento significa più tempo per testare e risolvere i problemi. Non ho mai visto utenti di Beaver Builder lamentarsi del fatto che una nuova versione abbia causato qualche bug diffuso o rotto qualcosa sui loro siti.

C'è sicuramente un valore nell'ottenere nuove funzionalità, ma c'è anche un valore nella stabilità. Se un plug-in fa già tutto ciò di cui hai bisogno, potresti semplicemente volere che continui a farlo bene senza aggiungere nuove funzionalità che potrebbero o meno causare problemi al tuo sito.

Quindi è fondamentalmente come la vedo io. Non credo che ci sia una sola risposta "giusta", dipende davvero dall'approccio che preferisci.

Se ti piace l'approccio di Beaver Builder, puoi fare clic sul pulsante in basso per accedere al sito Web:

Ottieni Beaver Builder

Se preferisci vedere alcune altre opzioni, puoi dare un'occhiata alla nostra raccolta dei migliori plugin per la creazione di pagine. Se desideri la massima flessibilità di progettazione, penso che alcune buone opzioni siano Elementor (leggi la nostra recensione) e Divi Builder (leggi la nostra recensione).

Per vedere come Beaver Builder si confronta con quei plugin, puoi dare un'occhiata a questi post:

• Elementor Pro vs Beaver Builder
• Divi vs Beaver Builder

Hai ancora domande su Beaver Builder o sulla nostra recensione di Beaver Builder? Lascia un commento e facci sapere!