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 Marzo 2023 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 contro 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).
 |
 |
|
| Totale | 5 / 5 | 4.5 / 5 |
| Vincitore | ???? | |
| Prezzo | Da $ 59 / anno | $ 99 |
| Free Version | Sì | Sì |
| Editor in tempo reale | Sì | Sì |
| Frontend/Backend | Entrambi | Entrambi |
| Destinatari | Sviluppatore / Designer / Utente / Agenzia | Web Developer / Designer |
| Elementi supportati | Più di 80 | 31 |
| Codice pulito | Sì | Sì |
| Modelli / layout predefiniti | Più di 300 | Più di 50 |
| Caratteristica interessante | Contenuto dinamico | Tema del castoro |
| Prestazione | ||
| 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 sia necessaria alcuna conoscenza tecnica quando si tratta di cose come HTML, CSS o JavaScript. Ti consentono di creare e progettare pagine che sembrano esattamente (o almeno il più vicino possibile) a ciò che hai immaginato, senza dover armeggiare 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.
Per saperne di più: Dai un'occhiata al nostro nuovo Assistant Pro recensione - uno strumento per i web designer.
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.
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.
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:
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:
Modificare il testo è facile. Basta fare clic su qualsiasi elemento di testo del tuo sito e modificarlo direttamente.
Puoi anche modificare il testo tramite la barra laterale.
Infine, in basso, puoi accedere alle impostazioni aggiuntive.
- 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.
- La nostra storia - 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:
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:
Come hai visto nel video sopra quando modifichi una pagina WordPress tramite Beaver Builder, questo è quello che vedrai:
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.
Per aggiungere un elemento, o un "modulo" come da Beaver Builder's, puoi semplicemente trascinarlo e rilasciarlo.
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.
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.
Nota che il blocco dell'editor di testo bloccherà anche tutto, facendolo sembrare il generatore di Elementor in termini di layout.
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.
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:
- sezioni,
- colonne e
- 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.
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.
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.
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:
- righe,
- colonne e
- 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.
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.
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.
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.
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 Style scheda, è possibile configurare varie altre impostazioni di progettazione.
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.
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.
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:
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
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.
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).
Separatore
La 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
La 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
Cliccando sul Aggiungi modello , sarai accolto con un menu che ti mostra i modelli tra cui scegliere.
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 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.
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.
Puoi anche importare modelli realizzati da terze parti caricandoli sul tuo sito. Questo permette di finireless possibilità di personalizzazione
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.
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.
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.
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.
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
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.
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.
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.
- Essenziale - $ 59 per un singolo sito.
- Tecnologia - $ 99 per tre siti.
- Perizie - $ 199 per 25 siti
- Agenzia - $ 399 per 1000 siti.
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 i prezzi sono suddivisi in tre livelli, tutti con siti illimitati ma diverse funzionalità abilitate.
- Standard - $ 99 all'anno
- Pro - $ 199 all'anno
- Agenzia - $ 399 all'anno
- Ultimo - $ 546 all'anno
La 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 Divie Recensione del tema Astra WP, 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.
Per 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.
e molti altri ...