Beaver Builder vs Elementor - Una guida e un confronto definitivi (2021)

Beaver builder vs Elementor

Quali sono due dei page builder più popolari per WordPress? Se stai cercando un Beaver Builder vs confronto Elementor, lo sai già, questi sono due dei migliori prodotti là fuori! Come utente finale che desidera essere in grado di progettare da solo il tuo sito Web, siamo sicuri che sai che questi plug-in sono tra le tue migliori scelte tra le molte opzioni disponibili.

Tuttavia, ci sono alcuni differenze che devi sapere prima di fare la tua scelta. Entrambi questi prodotti hanno le loro sfumature che potrebbero fare la differenza nella tua decisione.

Perché, una volta che prendi una decisione, ci sei principalmente dentro per il lungo raggio, non c'è (quasi) modo di tornare indietro. Fare la scelta giusta è fondamentale! 

Devi assicurarti di scegliere il generatore di pagine che si adatta alle tue esigenze e preferenze.

Ad esempio, se crei pagine utilizzando un generatore di pagine e poi decidi di passare all'altro, i tuoi contenuti verranno preservati ma ti ritroverai con un layout disordinato insieme a codici brevi sparsi ovunque. Può essere molto noioso e richiedere molto tempo per ricostruire tutto di nuovo.

Esamineremo le funzionalità di entrambi i plugin e le confronteremo in modo che tu possa prendere la decisione giusta.

Ma potresti avere una domanda in mente in questo momento.

Se utilizzi plug-in per la creazione di pagine, il tuo sito dipendente su di esso, perché usarne uno? Discutiamone rapidamente nella prossima sezione. Se non vedi l'ora di iniziare il confronto, puoi passare direttamente a Elementor vs Beaver Builder .

Questa Beaver Builder vs l'articolo del plug-in Elementor è stato aggiornato in Settembre 2021 aggiunta di informazioni e aggiornamenti rilevanti e importanti man mano che vengono sviluppate e rilasciate nuove funzionalità per entrambi i prodotti. Puoi essere certo che questo articolo contiene le informazioni più recenti e imparziali.

Beaver Builder vs Elementor

Elementor e Beaver Builder sono entrambi potenti strumenti per la progettazione di siti. Elementor ha una versione gratuita ma la versione PRO ($ 49) è dove eccelle con un ampio set di elementi e una libreria di modelli. Beaver Builder è ancora un'ottima alternativa grazie alla sua semplicità e al prezzo interessante ($ 99).

  logo elementare beaver builder logo
Totale  5 / 5  4.5 / 5
Vincitore ????  
Piccolo $ 49 $ 99
Free Version
Editor in tempo reale
Frontend/Backend Entrambi Entrambi
Destinatari Sviluppatore / Designer / Utente / Agenzia Web Developer / Designer
Elementi supportati 80+  31 
Codice pulito
Modelli / layout predefiniti 300+ 50+
Caratteristica interessante Contenuto dinamico Tema del castoro
Prestazioni
Cosa ci è piaciuto  Soluzione molto potente per creare qualsiasi tipo di design  Interfaccia utente semplice
   Opzioni di gestione del layout superiori  Il contenuto rimane intatto anche dopo la disattivazione del plug-in
   Prezzi interessanti con accesso  Modalità editor unica per i clienti
   Il page builder più popolare per un motivo  Ti consente di utilizzare i widget di WordPress nei layout
Cosa non ci è piaciuto    Più costoso degli altri page builder
     Nessuna opzione di annullamento, ripetizione o cronologia
Sito web Visita il sito di Elementor Visita Beaver Builder 

Cos'è un Page Builder?

I costruttori di pagine promettono di rendere la progettazione del tuo sito web molto più semplice e less complicato. In sostanza, questi strumenti assicurano che non hai bisogno di alcuna conoscenza tecnica quando si tratta di cose come HTML, CSS o JavaScript.

Ti consentono di costruire e progettare pagine che sembrano esattamente (o almeno il più vicino possibile) a ciò che hai immaginato, senza dover scherzare con alcun codice.

Questo è contrario a quanto era normale fino a pochi anni fa, essere programmatori, o almeno avere una buona conoscenza della tecnologia web, era fondamentale per sviluppare un sito web!

Con l'avvento di questi prodotti, la necessità di assumere sviluppatori web sembra essere diventato un pensiero remoto o del tutto inutile.

In realtà, questo non è il caso.

Gli sviluppatori Web e i designer sono ancora le scelte migliori per soluzioni completamente personalizzate. Ciò non significa che non ci sia spazio per i page builder. Entrambi hanno i loro scenari di casi d'uso.

I page builder possono effettivamente rendere i web designer più efficienti.

La conclusione è che web designer e page builder continueranno a coesistere per il prossimo futuro. Molti sviluppatori e designer fanno uso di page builder per creare siti web per i loro clienti.

Ci sono molti articoli, discussioni e dibattiti online su questo argomento se vuoi approfondire le differenze tra l'assunzione di web designer e l'utilizzo di un plugin per la creazione di pagine.

Ma per ora, stiamo divagando.

Perché il focus di questo articolo riguarda Beaver Builder vs Elementor, parleremo un po' del motivo per cui dovresti usare un generatore di pagine invece di assumere un web designer professionista.

Perché utilizzare un Page Builder?

Ci sono molti motivi per cui vorresti utilizzare un plug-in per la creazione di pagine:

Un pacchetto completo

Prima di tutto, un page builder è come un plug-in "tutto in uno". Hanno pulsanti, presentazioni, moduli di contatto, gallerie, griglie di contenuti, pulsanti di condivisione sociale, ecc. Tutto in un unico pacchetto. Se non utilizzi un page builder, dovresti invece installare più plugin, uno per ogni specifica esigenza.

Man mano che le tue esigenze aumentano, potresti dover installare molti plugin diversi. E se decidi di optare per plugin premium, i costi di licenza inizieranno ad aumentare.

E poi c'è il problema di cercare quale plugin sia il migliore, insieme al lavoro di manutenzione che viene fornito con l'installazione di così tanti plugin.

In poche parole, i page builder lo sono conveniente e nel complesso più economico.

elementi

Modelli e layout

Il motivo successivo è il più ovvio ed è anche il motivo principale per cui vorresti avere un generatore di pagine WordPress installato: bellissimi modelli e layout personalizzati.

Sebbene possiamo ottenere temi premium che ci offriranno molte funzionalità e opzioni di personalizzazione, il più delle volte non ci sono molti temi che soddisfano TUTTI i nostri requisiti di progettazione.

La maggior parte di loro colpirà "la maggior parte" delle nostre esigenze.

Penserai sempre che manchi qualcosa o "Vorrei poter fare questo o quello".

La soluzione? Costruttori di pagine WordPress come Beaver Builder e costruttore di Elementor.

Non c'è limite a ciò che puoi costruire con un page builder. Puoi personalizzare le tue pagine come preferisci e, in alcuni casi, anche l'intero tema.

Ci sono anche modelli predefiniti che ti semplificheranno la vita. Questi sono siti e pagine completamente sviluppati, che devi SOLO personalizzare con i tuoi contenuti.

Modelli di layout

Non c'è bisogno di sapere come programmare

Sebbene tu possa migliorare ulteriormente i costruttori di pagine creando progetti più personalizzati sapendo come scrivere codici HTML e CSS, NON è necessario.

La maggior parte dei costruttori di pagine, come Elementor e Beaver Builder plug-in, viene fornito con un'interfaccia drag and drop che ti aiuta a creare facilmente pagine senza una sola conoscenza di cosa a l'etichetta fa.

Ora che questo è fuori mano, andiamo avanti con il confronto tra Beaver Builder vs costruttori di pagine Elementor.

Elementor contro Beaver Builder: L'interfaccia

Una delle cose più importanti da considerare quando si sceglie un'applicazione o un software è l'interfaccia utente. Sebbene si tratti principalmente di preferenze personali, può essere difficile utilizzare un'applicazione la cui interfaccia non è quella a cui sei abituato o non di tuo gradimento.

Deve essere facile da usare e migliorare la produttività.

Quindi daremo uno sguardo alle "facce" di entrambi i plugin, o meglio, alle interfacce.

L'interfaccia da sola non rende eccezionale un plugin. Ci sono altre cose da considerare come la disponibilità di funzionalità e moduli, quindi assicurati di leggere fino alla fine prima di prendere una decisione.

Ma, naturalmente, l'aspetto grafico e l'esperienza utente di creare un sito con esso possono creare o distruggere un prodotto.

Cominciamo con l'interfaccia di Elementor.

Interfaccia di Elementor

L'interfaccia di Elementor è divisa in due sezioni principali. La barra laterale, che si trova a sinistra, e l'anteprima dal vivo del tuo sito / pagina.

Visita per scaricare la versione gratuita di Elementor

Funziona con il concetto di blocchi, che puoi vedere in azione in questo video di 1 minuto:

VRoPdyk97mg

 interfaccia elementor

La barra laterale contiene il WordPress widget ed elementi che puoi utilizzare per creare le tue pagine insieme alle impostazioni che puoi modificare.

Puoi aggiungere elementi alle tue pagine trascinandoli e rilasciandoli nell'anteprima dal vivo. Ad esempio, abbiamo aggiunto un'intestazione aggiuntiva sul nostro sito di esempio:

trascina e rilascia elementor

Modificare il testo è facile. Basta fare clic su qualsiasi elemento di testo del tuo sito e modificarlo direttamente.

elemento di modifica del testo

Puoi anche modificare il testo tramite la barra laterale.

elemento di modifica del testo o barra laterale

Infine, in basso, puoi accedere alle impostazioni aggiuntive.

elementor più interfaccia

 

  • Impostazioni generali - qui è dove puoi vedere le informazioni sulla pagina corrente di WordPress come il titolo della pagina, l'immagine in primo piano, il suo stato di pubblicazione e altri.
  • Navigatore - facendo clic su questo viene visualizzato un popup che mostra un pannello ad albero di navigazione che semplifica la navigazione.
  • Profilo Aziendale - se vuoi tornare a una revisione precedente, puoi fare clic qui. Tieni presente che questo mostra solo le modifiche apportate nella sessione corrente.
  • Modalità reattiva - ti consente di dare un'occhiata a come apparirà il tuo sito web su diversi dispositivi / risoluzioni dello schermo.

Se passi il mouse su un elemento e fai clic con il pulsante destro del mouse, puoi accedere a varie opzioni:

fare clic con il pulsante destro del mouse su elementor

Il menu di scelta rapida consente di eliminare un elemento, visualizzarlo sul navigatore, salvarlo come elemento globale (solo versione pro), duplicarlo e altro ancora.

Ora che abbiamo visto l'interfaccia principale di Elementor, diamo un'occhiata a Beaver Builder successivo.

Beaver BuilderInterfaccia

Beaver Builderl'interfaccia è più minimalista rispetto al builder Elementor. 

Fare clic qui per una demo dal vivo

Se non hai tempo per dare un'occhiata alla demo, questo video di 2 minuti creato da Beaver Builder team, può mostrarti rapidamente l'interfaccia e come costruire le pagine:

tCNDDQ7Jrs8

Come hai visto nel video sopra quando modifichi una pagina WordPress tramite Beaver Builder, questo è quello che vedrai:

interfaccia di castoro

In alto, hai Beaver Builder's che mostra informazioni minime ma essenziali sulla tua pagina corrente. Per aggiungere un elemento, fai clic sul pulsante "+"Pulsante situato nell'angolo in alto a destra.

moduli castoro

Per aggiungere un elemento, o un "modulo" come da Beaver Builder's, puoi semplicemente trascinarlo e rilasciarlo.

castoro drag and drop

Potresti averlo notato Beaver BuilderL'editor di testo di Elementor è leggermente diverso da quello di Elementor. Possiamo vedere dalla GIF sopra che avremo un editor pop-up durante la modifica dei testi.

Puoi anche fare clic su un modulo di testo per modificarlo, che, di nuovo, fa apparire il file pop-up editor di testo.

editor di testo castoro

Se non ti piace questa funzione della finestra pop-up, puoi trascinare l'editor di testo a sinistra oa destra dello schermo per bloccarlo. Una volta fatto, sarai in grado di eseguire anche l'editing in linea.

editor di testo castoro personalizzato

Nota che il blocco dell'editor di testo bloccherà anche tutto, facendolo sembrare il generatore di Elementor in termini di layout.

beaver interfaccia personalizzata

Come puoi vedere dall'alto, Beaver Builder ora ha lo stesso layout di Elementor. Se preferisci, puoi spostarlo sul lato destro trascinandolo e bloccandolo.

Infine, abbiamo impostazioni aggiuntive facendo clic sul pulsante freccia giù situato nell'angolo in alto a sinistra dello schermo.

castoro impostazioni aggiuntive

Conclusione dell'interfaccia

Una delle maggiori differenze e forse un rompicapo per gli altri è Beaver Builderla mancanza di cronologia delle modifiche per rendere più facile l'annullamento delle modifiche.

A parte questo inconveniente, entrambi i plugin offrono layout e prestazioni di editing identici.

In termini di aspetto, Beaver Builder ha il vantaggio con il suo aspetto molto più pulito, anche se questa potrebbe essere solo una preferenza personale. Trascinare e rilasciare gli oggetti è anche un po' più preciso e più facile in Beaver Builder rispetto al plugin Elementor.

Moduli e widget

Elementor chiama i suoi elementi "widget" mentre Beaver Builder li chiama "moduli".

Questi sono gli elementi costitutivi che i page builder di WordPress possono utilizzare per creare il contenuto della tua pagina. Sono testi, titoli, pulsanti, gallerie e altri elementi. Negli esempi precedenti, ciò che vedevi erano il testo e gli elementi dell'intestazione.

Vediamo quanti altri elementi hanno da offrire questi plugin.

Elementi di Elementor: sezioni, colonne e widget

Il costruttore Elementor ha tre tipi di elementi:

  1. sezioni,
  2. colonne e
  3. widgets.

La sezione è la più alta nella gerarchia del builder. Ogni colonna e widget esistono all'interno di una sezione.

La colonna è la seconda nella gerarchia. Ogni widget vive all'interno di una colonna. I widget sono i più bassi nella gerarchia.

I widget sono i tuoi contenuti come pulsanti, testo e immagini. Le sezioni e le colonne servono per creare diversi layout.

Elementor ti offre 30 widget da utilizzare nella versione gratuita e oltre 52 widget WordPress nella versione PRO. Questi numeri sono in continuo aumento man mano che vengono rilasciate nuove versioni, quindi fai clic qui per controllare gli ultimi numeri.

Nella GIF qui sotto, puoi vedere come abbiamo aggiunto una sezione, quindi abbiamo inserito una colonna "a due colonne" all'interno della sezione e infine aggiunto i widget all'interno delle colonne. Puoi aggiungere più widget in una colonna, che vedrai nella seconda GIF sotto che mostra lo stile.

elementor sezioni colonne widget

L'applicazione di stili sulla sezione influisce su tutto ciò che contiene.

Lo stesso vale per le colonne, ma non influirà su nulla al di fuori di esse e qualsiasi stile applicato a un widget rimane su se stesso. La GIF qui sotto mostra questo in azione per il costruttore Elementor.

sezioni colonne widget gerarchia

 

 Potresti aver notato come puoi fare clic con il pulsante destro del mouse su un elemento per modificarlo, duplicarlo o eliminarlo. Questa è un'azione molto conveniente.

elementor menu di scelta rapida

Ora che hai una buona panoramica degli elementi di Elementor. Diamo un'occhiata all'altro.

Beaver BuilderElementi di: righe, colonne e moduli

Come il plugin precedente, Beaver Builder divide anche i suoi elementi in tre categorie:

  1. righe,
  2. colonne e
  3. moduli.

Le righe sono le più alte nella gerarchia. Le colonne vanno all'interno delle righe e quindi i moduli vanno all'interno delle colonne. I moduli sono il tuo contenuto effettivo, mentre le colonne e le righe sono, ancora una volta, per scopi di layout.

Beaver BuilderLa versione gratuita ti offre 6 moduli mentre la versione pro ti offre 30 moduli con cui giocare. Si consiglia di controllare il sito Web per confermare gli attuali moduli disponibili con entrambe le versioni.

Nella GIF sottostante, utilizziamo il builder per aggiungere una riga contenente tre colonne e riempire le colonne con vari moduli diversi.

modulo colonne di riga

Il suo stile funziona come Elementor.

Gli stili applicati nelle righe vengono applicati anche nelle colonne e nei moduli. Gli stili applicati nelle colonne influiscono sui moduli ed è possibile impostare individualmente stili specifici per i moduli.

stile del modulo delle colonne delle righe

A differenza di Elementor, Beaver Builder non ha opzioni personalizzate per il tasto destro del mouse. Devi passare il mouse su un elemento per poter eseguire azioni su di esso.

fare clic con il pulsante destro del mouse su castoro

Conclusione su moduli e widget

Entrambi i plugin funzionano più o meno allo stesso modo.

Entrambi offrono modi semplici per creare un layout per le tue pagine. Elementor, tuttavia, lo rende un po 'più semplice avendo un menu di scelta rapida su ogni elemento che ti consente di saltare direttamente alle sue impostazioni.

Per quanto riguarda il numero di moduli disponibili, sembra che Elementor sia in vantaggio Beaver Builder, soprattutto nella versione gratuita.

Messa in piega

Come hai visto in precedenza, sia Elementor che Beaver Builder offrono un controllo preciso sulle opzioni di stile. Puoi applicare stili a sezioni o righe o perfezionarli e fare in modo che i singoli widget o moduli abbiano il proprio stile.

Approfondiamo un po 'di più le opzioni di stile.

Opzioni di stile Elementor

Prima di controllare le opzioni di stile disponibili nell'editor stesso, diamo un'occhiata alle impostazioni di stile di Elementor che possono essere trovate in Elementor> Impostazioni.

opzioni di stile elementor

Nell' Generale impostazioni, è possibile configurare se disabilitare i colori e i caratteri predefiniti di Elementor. Si consiglia di selezionare queste caselle per mantenere la coerenza dello stile in tutto il sito.

Sotto il Stile scheda, è possibile configurare varie altre impostazioni di progettazione.

stile delle impostazioni elementor

Non esamineremo tutti questi aspetti, ma come puoi vedere, puoi mettere a punto molte opzioni di stile in questa pagina. Passiamo alle opzioni di stile dell'editor.

Opzioni di stile di base di Elementor

Le opzioni di stile disponibili rimangono praticamente simili per la maggior parte degli elementi in Elementor. Di seguito puoi vedere le opzioni di stile di base per l'elemento Titolo.

stili elementor

A proposito, potresti aver notato che lo stile e il colore del carattere sono cambiati: questo perché abbiamo appena abilitato il file Disabilita i colori predefiniti e Disabilita i caratteri predefiniti nelle impostazioni di Elementor.

Ora eredita i colori e i caratteri del tema invece di usare quelli personalizzati (che puoi vedere dai nostri esempi precedenti).

Torniamo alle opzioni di stile a nostra disposizione. Sopra, abbiamo:

  • Colore del testo
  • Tipografia
  • Testo Ombra
  • Modalità di fusione

Opzioni di stile avanzate di Elementor

Se ritieni che ciò non sia sufficiente, puoi andare alla scheda Avanzate per ulteriori opzioni.

elementor stili avanzati

Qui puoi configurare tutto da margini e padding personalizzati, effetti di scorrimento, impostazioni dello sfondo, ecc. Puoi anche applicare un CSS personalizzato se lo desideri (questo è disponibile solo nella versione PRO).

Una delle caratteristiche uniche di Elementor è la possibilità di impostare valori personalizzati per diverse dimensioni dello schermo, che possono essere visualizzate di seguito:

stili reattivi avanzati

Questo ti dà un controllo più preciso su come i tuoi contenuti vengono visualizzati su diversi dispositivi e risoluzioni dello schermo.

Beaver Builder Opzioni di styling

A differenza di Elementor, Beaver Builder eredita i caratteri e il colore del tema per impostazione predefinita. Ciò consente la coerenza fuori dagli schemi.

Beaver Builderle opzioni di stile di 's variano a seconda dell'elemento, ma fondamentalmente hai stile, separatore, tipografia, e Avanzate opzioni.

Stili

stili di castoro

Lo stile le impostazioni vengono visualizzate quando si modifica una riga e altri elementi come i pulsanti. Puoi trovare opzioni per:

  • Larghezza
  • Larghezza del contenuto
  • Altezza
  • Colori come il colore del collegamento, il colore del testo, il colore del passaggio del mouse sul collegamento, ecc
  • Tipo di sfondo, colore e opacità
  • Confine

L'applicazione di colori, come testo, link e colori al passaggio del mouse, verrà applicata a ogni elemento all'interno della riga. Tuttavia, puoi sovrascrivere queste impostazioni impostando valori personalizzati per elemento.

stili avanzati di castoro

Nell' Avanzate impostazioni puoi trovare opzioni per:

  • Spaziatura
  • Disposizione Responsive
  • Visibilità
  • Elemento HTML: puoi impostare l'ID HTML personalizzato e la classe per un elemento specifico per un'ulteriore personalizzazione

Entrambi Beaver Builder ed Elementor ti consentono di mettere a punto il modo in cui i tuoi contenuti vengono visualizzati in diversi dispositivi facendo clic sull'icona del dispositivo accanto a un'impostazione (che è visibile solo per le impostazioni che lo supportano).

castoro reattivo

Separatore

stili di separatore di castoro

I separatore è un'altra opzione di stile che ti consente di dare ai tuoi elementi un aspetto più raffinato.

Qui puoi trovare le opzioni per il tuo separatore. Se ti stai chiedendo che aspetto abbia un separatore, guarda un esempio sopra: la linea rossa sotto l'intestazione nell'immagine sopra. Hai opzioni per:

  • Stile separatore
  • Posizione del separatore
  • Stile della linea
  • Colore della linea
  • Spessore e larghezza

Tipografia

tipografia stile castoro

I tipografia le opzioni servono per controllare l'aspetto del testo. Questa impostazione di solito viene visualizzata per intestazione modulo. Qui hai opzioni per:

  • Tag HTML
  • Stile, dimensione e viso del carattere
  • Colore del testo
  • Margini

Conclusione stilistica

Entrambi i plugin offrono una vasta gamma di opzioni e configurazioni di stile. Consentono la fineless personalizzazione fino ai minimi dettagli di ogni elemento di una pagina. Riteniamo che entrambi i page builder siano per lo più equivalenti in questo senso.

Modelli

Finora, abbiamo visto potenti strumenti che ci consentono di creare pagine personalizzate da zero. Ma non sarebbe meglio se avessimo modelli da utilizzare? I modelli consentirebbero al processo di progettazione di essere molto più veloce.

La cosa bella è che sia Elementor che Beaver Builder offrono funzionalità di modello. 

In questo contesto, i modelli sono design già pronti che puoi utilizzare per avviare rapidamente il design delle tue pagine. Sia Elementor che Beaver Builder ci fornisce un sacco di modelli tra cui scegliere.

Come web designer o sviluppatori, probabilmente vorrai la possibilità di creare i tuoi temi o modelli di pagina specifici che puoi riutilizzare / modificare come parte del tuo processo di progettazione.

Diamo un'occhiata.

Modelli Elementor

In Elementor, quando crei una nuova pagina, vedrai che hai un'opzione per aggiungere una sezione o utilizzare un modello.

Nella versione gratuita, hai circa 40 modelli tra cui scegliere. Nella versione Pro, hai più di 300 pagine diverse e modelli di blocchi tra cui scegliere.

Visita il sito web per controllare tutti i modelli

elementor nuovo modello

Cliccando sul Aggiungi modello , sarai accolto con un menu che ti mostra i modelli tra cui scegliere.

selettore di modelli elementor

Elementor offre due tipi di modelli: modelli di blocco e di pagina.

Modelli a blocchi sono modelli di sezione che puoi utilizzare per creare parti specifiche della tua pagina. Un esempio di un modello di blocco è un modulo di contatto o una sezione CTA.

Di seguito, puoi vedere esempi di modelli di invito all'azione disponibili.

modelli di blocchi elementor

Modelli di pagina sono modelli a pagina intera progettati per tipi specifici di pagine e / o scopi tramite il plug-in del builder.

Di seguito, puoi vedere i modelli per una pagina di destinazione e una home page. Inoltre, ci sono diversi gusti tra cui scegliere. Ad esempio, hai un modello di home page su misura per i ristoranti e uno su misura per le agenzie.

modelli di pagina elementor

Puoi anche creare i tuoi modelli di pagina personalizzati e persino completare i temi salvandoli per il riutilizzo. Puoi farlo facendo clic sulla piccola freccia verso l'alto accanto al pulsante di pubblicazione e scegliendo Salva come modello.

elementor modelli personalizzati

Puoi anche importare modelli realizzati da terze parti caricandoli sul tuo sito. Questo permette di finireless possibilità di personalizzazione

elementor modello di importazione

Beaver Builder Modelli

In Beaver Builder, puoi scegliere tra tre tipi di modelli: pagine di destinazione, pagine di contenuti e modelli salvati. A differenza di Elementor, Beaver Builder non ha modelli a livello di blocco, sebbene sia possibile utilizzare i plug-in per ottenere la stessa funzionalità.

Clicca qui per vedere tutti i modelli

Nota che la versione gratuita di Beaver Builder non ha affatto opzioni di template, quindi dovrai fare tutto da zero se vuoi usare la versione gratuita.

beaver builder modelli

I modelli di pagina di destinazione servono per creare pagine di destinazione elaborate. Al momento della stesura di questo articolo, puoi scegliere tra 30 diversi modelli di landing page all'interno Beaver Builder.

modello di pagina di destinazione del castoro

I modelli di pagina di contenuto sono per pagine di contenuto come sulla pagina, pagina di contatto, homepage, ecc. Al momento della stesura di questo documento, ci sono 25 modelli di pagina di contenuto tra cui scegliere con Beaver Builder.

modello di pagina di contenuto di castoro

 

I modelli salvati sono i modelli salvati personalizzati. Come in Elementor, puoi creare una pagina come modello con il builder in modo da poterla riutilizzare in seguito.

L'importazione di modelli è possibile anche su Beaver Builder, ma non è intuitivo come quello di Elementor. Puoi controllare come funziona leggendo la loro documentazione qui.

Conclusione dei modelli

il builder Elementor offre più modelli tra cui scegliere e opzioni di importazione ed esportazione di modelli più semplici rispetto a Beaver Builder. Per quanto riguarda la Design e l'aspetto, entrambi i plugin ti offrono un'ampia varietà di bellissimi modelli che soddisfano molti diversi tipi di nicchie.

Per quanto riguarda le loro versioni gratuite, Elementor vince a mani basse Beaver Builder. Con Elementor puoi ancora scegliere tra oltre due dozzine di modelli gratuiti e persino la possibilità di importarli ed esportarli. Su Beaver Builder, devi eseguire l'upgrade alla loro versione premium per sfruttare questa funzionalità.

Costruzione del tema

La funzione di creazione del tema è uno strumento molto potente che sia Elementor che Beaver Builder offre ai suoi utenti.

Per Elementor, il generatore di temi viene automaticamente sbloccato dopo l'aggiornamento alla versione premium. Quanto a Beaver Builder, dovresti installare un plug-in separato chiamato Beaver Themer che è un acquisto separato di $ 147.

Theme Builder di Elementor

Per accedere al suo generatore di temi, puoi andare su Modelli> Theme Builder. Da lì puoi creare o modificare modelli di temi. Puoi creare o modificare modelli per:

  • Pagina
  • testata
  • footer
  • Un messaggio singolo
  • Archivia
  • 404 Pagine
  • Etc.

Il generatore di temi di Elementor funziona praticamente allo stesso modo del suo generatore di pagine.

Hai tutti gli elementi normali più elementi nuovi e specifici per il tipo di sezione del tema su cui stai lavorando. Ad esempio, questo è l'aspetto del generatore di temi Post singolo.

elementor editor di post singolo

Come puoi vedere, hai un nuovo set di widget WordPress specifici per singoli post come il titolo del post, l'immagine in primo piano, i commenti sui post, ecc.

Se non vuoi iniziare da zero, ci sono anche modelli predefiniti che puoi utilizzare, a cui puoi accedere premendo l'icona della cartella nell'editor dei contenuti proprio come faresti con il normale generatore di pagine.

Una volta che hai finito di costruire il tuo modello di tema personalizzato, puoi controllare quando e dove appare. Ad esempio, puoi scegliere di visualizzare il tuo modello di post singolo personalizzato solo per un determinato autore di post.

Beaver Builder's Theme Builder

Beaver BuilderIl generatore di temi di Elementor, sebbene attivato in modo diverso, funziona in modo simile a quello del generatore di temi di Elementor. Questo è un ottimo strumento se i tuoi clienti richiedono di creare temi personalizzati per loro.

Puoi accedere al generatore di temi solo dopo aver installato il plug-in Beaver Themer. Una volta attivato, puoi accedere Beaver Builder > Layout tematici e da lì puoi creare un modello personalizzato per quanto segue:

  • testata
  • footer
  • Archivia
  • Messaggi singoli (singolare)
  • pagine 404
  • Parte

 

beaver builder costruttore di temi

Una volta deciso il layout che desideri creare o modificare, puoi personalizzarlo ulteriormente scegliendo dove e quando apparirà.

Ad esempio, per il piè di pagina personalizzato, puoi scegliere se deve apparire sull'intero sito sostituendo effettivamente il piè di pagina predefinito o se visualizzarlo solo su determinati post o pagine.

Puoi anche personalizzarlo ulteriormente visualizzandolo solo quando un post è scritto da un determinato autore.

Questa personalizzazione basata su regole in Beaver Builder è roba abbastanza potente perché porta molta flessibilità e possibilità di personalizzazione.

beaver builder regole personalizzate del tema

Per quanto riguarda l'editor stesso, avrai la stessa interfaccia utente del Beaver Builder generatore di pagine.

Di seguito, puoi vedere l'editor del layout del tema in azione in cui stiamo modificando il piè di pagina personalizzato che abbiamo creato. Hai accesso allo stesso numero di moduli e altri elementi del normale generatore di pagine.

beaver builder editore di temi

Conclusione del Theme Builder

Entrambi i plugin del builder offrono un controllo e una personalizzazione eccellenti sulla creazione del tema. Tuttavia, se dobbiamo parlare di prezzi, il plug-in Elementor builder è più economico di Beaver Builder poiché il suo generatore di temi è integrato nella versione premium.

Prezzi

Abbiamo già confrontato i due plugin un po 'e abbiamo visto cosa puoi ottenere nelle loro versioni gratuita e Pro. Ma quanto costa ogni costruttore? E quale ti dà più valore?

Entrambe le versioni premium builder sono disponibili in tre livelli di prezzo.

Prezzi elementari

Cominciamo con Elementor. Sono disponibili opzioni di prezzo personali, aziendali e illimitate.

  • Informazioni personali - $ 49 per un singolo sito.
  • Affari - $ 99 per tre siti.
  • Esperto - $ 199 per 25 siti
  • Studio - $ 499 per 100 siti
  • Illimitato - $ 999 per siti illimitati.

prezzi elementari

Tutti i piani hanno la stessa quantità di funzionalità e continueranno a ricevere supporto e aggiornamenti premium per 1 anno e vengono forniti con il generatore di temi.

Clicca qui per il prezzo più basso su Elementor

Beaver Builder Prezzi

Come Elementor, Beaver Builder anche il prezzo è suddiviso in tre livelli.

  • Standard: $ 99
  • Pro - $ 199
  • Agenzia - $ 399

 

Prezzi BB

I Standard la licenza non ha il supporto multisito e Beaver Builder Tema. Il PRO la licenza è in grado di supportare più siti e viene fornita con il Beaver Builder Tema ma non c'è etichettatura bianca.

Infine, il agenzia la licenza ha tutte le caratteristiche standard e pro plus etichettatura bianca. Tutti i piani sono per siti illimitati.

Tieni presente che Beaver Themer è un acquisto separato da Beaver Builder stesso che costa $ 147.

Clicca qui per il prezzo più basso su Beaver Builder

Gratuito vs Pro

Entrambi i plugin sono dotati di versioni gratuite e Pro, ma la versione gratuita di Elementor è il chiaro vincitore qui.

La versione gratuita di Elementor include dozzine di moduli e modelli gratuiti. Beaver Builder viene fornito solo con quelli molto semplici, il che lo rende molto limitato nella sua versione gratuita.

Conclusione sui prezzi

Se vuoi una versione gratuita, Elementor è la tua scelta chiara.

Per quanto riguarda le versioni premium, anche se potrebbe sembrare che Beaver Builder è più costoso, i suoi piani di livello superiore offrono funzionalità più adatte agli sviluppatori, in particolare l'etichettatura bianca.

Inoltre, se sei uno sviluppatore che cerca di rivendere hosting, potresti dare un'occhiata a questo discussione. In breve, Elementor non ti consente di ospitare da solo il sito Web di un cliente e addebitare loro una tariffa mensile se hai utilizzato Elementor per creare o progettare il loro sito Web.

Siamo dell'opinione che Elementor sia migliore per gli utenti solisti, mentre Beaver Builder è migliore per gli sviluppatori, soprattutto a causa dell'etichettatura bianca e delle opzioni di hosting.

Se stai ancora cercando altre opzioni, abbiamo anche recensito Elementor vs Divi qui, e anche Beaver Builder contro Divio, infine, se vuoi altre recensioni, la nostra opinione su Divi, anche se pensiamo che dovresti limitare la tua scelta a questo punto e guardare la nostra conclusione di seguito.

Elementor contro Beaver Builder: Conclusione

Nel complesso, questi sono attualmente i due migliori plugin per la creazione di pagine per WordPress. 

Elementor offre un'enorme quantità di modelli ed elementi, mentre Beaver Builder cerca di mantenerlo semplice, ma soddisfa comunque le esigenze di ogni utente di web design.

Beaver Builder è adatto agli sviluppatori. Offre opzioni di etichettatura bianca e non ha restrizioni su come gli sviluppatori possono vendere servizi o siti Web creati utilizzandolo.

Elementor non è open-source mentre Beaver Builder è, ma Elementor è complessivamente più potente.

Dal punto di vista della sicurezza, Elementor ha avuto una seria vulnerabilità della sicurezza in passato, ma questo è stato risolto e il prodotto continua ad andare sempre più rafforzandosi, raggiungendo di recente 5 milioni di installazioni attive e con una forte strategia per raggiungere presto i 10 milioni!

Quindi sì, stai sicuramente acquistando un buon prodotto!

Se sei uno sviluppatore o un utente solista alla ricerca di un plug-in eccellente con tonnellate di funzionalità e aggiornamenti rapidi, scegli il plug-in di creazione di pagine Elementor. Se sei uno sviluppatore o un utente che non vuole essere travolto da tonnellate di funzionalità e aggiornamenti rapidi, scegli Beaver Builder.

Ma alla fine, sta a te prendere la decisione finale.

Come entrambi Beaver Builder ed Elementor sono entrambi in continua evoluzione, non c'è un chiaro vincitore, ma ci piace ancora un po' di più Elementor, anche se puoi facilmente prendere la decisione giusta in base ai fattori che abbiamo delineato e alle tue esigenze attuali.

Visita Elementor

 

L'autore
David Attard
Autore: David AttardSito web: https://www.linkedin.com/in/dattard/
David ha lavorato nel o intorno al settore online / digitale negli ultimi 18 anni. Ha una vasta esperienza nei settori del software e del web design utilizzando WordPress, Joomla e le nicchie che li circondano. In qualità di consulente digitale, il suo obiettivo è aiutare le aziende a ottenere un vantaggio competitivo utilizzando una combinazione del loro sito Web e delle piattaforme digitali disponibili oggi.

Un'altra cosa... Sapevi che anche le persone che condividono cose utili come questo post sembrano FANTASTICHE? ;-)
Fatti un favore: lasciare un utile commenta con i tuoi pensieri, quindi condividi questo articolo sui tuoi gruppi di Facebook che lo troverebbero utile e raccogliamo insieme i frutti. Grazie per la condivisione e per essere gentile!

Disclosure: Questa pagina può contenere collegamenti a siti esterni per prodotti che amiamo e consigliamo vivamente. Se acquisti prodotti che ti suggeriamo, potremmo guadagnare una commissione per segnalazione. Tali commissioni non influenzano le nostre raccomandazioni e non accettiamo pagamenti per recensioni positive.

Autore / i in primo piano su:  Inc Magazine Logo   Logo di Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   e molti altri ...