Elementor vs Divi: quale vale di più? (2023)

elementor vs divi

Benvenuti nella mia recensione imparziale di Elementor vs Divi per 2023.

Devo il successo della mia agenzia a questi due page builder (e al cold brew coffee), ma sono per due tipi di clienti COMPLETAMENTE DIVERSI. Se scegli quello sbagliato, prendi scorciatoie o ottieni il piano sbagliato potresti:

  • Sprecare centinaia di dollari (e soprattutto, molte molte ore)
  • Rendi i tuoi siti aperti agli hack
  • Limita seriamente la tua capacità di scalare la tua attività

Ma non preoccuparti, in realtà è davvero facile scegliere il generatore di pagine perfetto IF sai cosa cercare. Ho anni di esperienza pratica con entrambi, quindi lascia che ti guidi passo dopo passo attraverso tutto in un inglese semplice con screenshot, gif e tutto il resto!

Prendi un caffè (o la tua bevanda calda preferita), perché stai per immergerti profondamente in:

  • Divi o Elementor? Come valutare rapidamente la tua situazione attuale e decidere quale è meglio.
  • Come decidere in base a budget, abilità e esperienza nutritiva con Elementor e Divi
  • L'unica differenza di prezzo chiave che potrebbe farti risparmiare migliaia di dollari per tutta la vita della tua attività
  • Lo stupido errore che mi è quasi costato $ 100 E la sicurezza di tutti i miei siti
  • Un'esperienza terribile che abbiamo avuto con uno di questi prodotti che devi conoscere

Abbiamo creato un semplice sommario in modo che tu possa passare rapidamente alla sezione più pertinente per te. Fare clic per aprire i contenuti di seguito:

Contenuti[Mostra]

  

Elementor vs Divi: "Voglio sapere cosa è meglio per me adesso!"

Hai fretta e hai bisogno di sapere qual è il migliore per la tua attività prima di investire qualcosa?

Lascia che te lo dia direttamente sulla base dei miei quasi 5 anni di esperienza con entrambi questi strumenti (dal momento che Elementor è stato effettivamente rilasciato per primo nel 2016).

Ottieni Divi se:

  • Sei un'agenzia: I prezzi di Divi lo rendono un gioco da ragazzi per le agenzie ambiziose. L'accesso a vita senza restrizioni costa SOLO $249. Sono $ 249 per ogni funzionalità su siti Web infiniti. Se hai centinaia di pagine, è come spendere $ 1 o LESS per pagina per il generatore di pagine più affidabile al mondo. 
  • Hai bisogno del miglior supporto nel settore.
  • Hai esperienza nel design: Divi va bene anche per i principianti, ma è ancora meglio per i costruttori esperti. La curva di apprendimento è più ripida di Elementor, ma quando sai cosa stai facendo, la potenza è molto maggiore.
  • Hai bisogno di un tema premium con cui lavorare: Divi è un tema WordPress premium e un generatore di pagine, quindi quando ne acquisti uno ottieni entrambi.

Ottieni Elementor se:

  • Hai bisogno del page builder più semplice: Elementor consente a chiunque di creare una bellissima pagina di destinazione senza alcuna conoscenza di programmazione a partire da $ 0!
  • Sei un solopreneur con 1 sito web
  • Hai un budget limitato e hai bisogno di una versione GRATUITA
  • Sei un designer che ha bisogno di elementi complessi
  • Senti il ​​bisogno di VELOCITÀ. Elementor è così veloce che sembra che la pagina si carichi PRIMA di fare clic su Invio
  • Hai già un tema con cui lavorare: Elementor è un page builder (non un tema) e deve essere integrato da un tema WordPress.

Divi vs Elementor si riduce a 1 cosa: il prezzo. Fare clic qui per passare alla tabella dei prezzi 

Elementor vs Divi

Elementor e Divi entrambi hanno funzionalità avanzate per la creazione di pagine.

sommario

  elementor vs divi divi vs elemento
Vincitore ????  
Totale  4.9/5  4.5/5
Facilità d'uso  5/5  4.5/5
Assistenza  4.5/5  4.5/5
Stabilità e affidabilità  5/5  4/5
Estensibilità  5/5  4.5/5
Valore  4.5/5  5/5
Prezzo A partire da $ 59/anno $ 89 / anno
Free Version No, ma ha una garanzia di rimborso di 30 giorni
Editor in tempo reale
la modifica in linea
Frontend/Backend Entrambi Entrambi
Drag and Drop
Elementi di terze parti supportati
Frontend/Backend Entrambi Entrambi
Importa / Esporta
Destinatari Sviluppatore / Designer / Utente / Agenzia Designer / Utente / Agenzia
Elementi supportati Più di 100  Più di 200
Supporto per i widget di WordPress Complicato
Codice pulito Non
Modelli / layout predefiniti Più di 300 Più di 300
Caratteristica interessante Contenuto dinamico A / B testing
Prestazione  4.5/5  4/5
 Cosa ci è piaciuto  Una soluzione molto potente per creare qualsiasi tipo di design  Interfaccia utente pulita
   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  Elementor richiede l'acquisizione di un tema WordPress  Dopo la rimozione del plug-in rimane del codice
Sito web visita il sito 
visita il sito (10% DI SCONTO)

 

Ora che hai una rapida panoramica di ciascun plug-in, analizziamoli in profondità.

Cominciamo con questa resa dei conti definitiva dei costruttori di pagine: Elementor vs Divi!

Perché scegliere il Page Builder sbagliato potrebbe costarti tutto!

Devo condividere questa storia ...

Non perché voglio lamentarmi (beh, forse solo un po '...) ma perché ogni sviluppatore, designer, azienda e agenzia ha bisogno di sapere quanto sia importante questa decisione.

C'era una volta, in un'era passata dello sviluppo web (circa 8 anni fa), tutti usavano i temi WordPress premium del giorno. 

Belle pagine erano sicuramente possibili, ma richiedevano un miscuglio di shortcode da INCUBO. Non puoi capire l'orrore unless sei sopravvissuto a quei tempi. sto solo leggermente esagerando...

In ogni modo ...

Non c'era modo di creare qualcosa senza conoscere WordPress a fondo.

I web designer erano una razza specifica di sviluppatori che potevano combinare il codice con un design appropriato.

Amico, la vita era ... diversa. 

Poi un giorno un importante fornitore di WordPress (WPMUDEV) ha iniziato a spingere questo fantastico nuovo generatore di pagine drag and drop: Upfront.

"È fantastico. Salverà WordPress da SquareSpace e Wix! ", Hanno detto. 

A quel tempo, la maggior parte di noi stava ancora resistendo ai costruttori di pagine. Compreso me stesso.

Ma questo sembrava ... migliore.

Ad essere onesti, è stato davvero fantastico. Il generatore drag-and-drop era come il burro. E aveva alcune caratteristiche allettanti:

  • Elementi sorprendenti pronti per lavorare
  • "Regioni" facili da modificare
  • Modifica del testo con un clic
  • Modelli per riutilizzare e ridurre il lavoro ripetitivo
  • Creare pagine è stato facile e veloce! Non si avvicina neanche lontanamente a quello che dovevamo affrontare prima...

In anticipo avrebbe cambiato tutto.

Quindi uno per uno, tutti hanno iniziato a saltare sul treno. Agenzia per agenzia, ci siamo messi in riga.

Le persone erano così entusiaste che hanno costruito la loro intera roadmap su Upfront. Hanno anche assunto e formato personale per utilizzarlo. Alcune agenzie multisito avevano centinaia di pagine che utilizzavano Upfront.

Non ho costruito tutta la mia attività attorno a Upfront (non ho mai messo tutte le mie uova nello stesso paniere), ma diciamo solo che ho avuto anche un po 'di pelle nel gioco ...

E poi un giorno, tutto è crollato.

salutare in anticipo

Un giorno, WPMUDEV ha deciso di interrompere tutto.

Nessun avvertimento.

Non una sola parola.

L'upfront è stato interrotto e ogni pagina creata su di esso è stata resa obsoleta.

Tutto quel lavoro, tutto quel tempo e denaro, tutto il personale formato per usarlo, tutte le roadmap costruite con esso: UTILIZZOLESS.

Leggi questa recensione del proprietario di un'agenzia che ha collaborato con Upfront:

Ho trascorso la maggior parte dell'anno scorso a ricostruire l'intera agenzia del mio sito web (il nostro sito di marketing e i siti dei clienti) con e intorno a Upfront. Vedere solo che ora è fuori dai piani di sviluppo, senza avvertimenti, dopo averci riposto fiducia, assumere ed educare il personale a usarlo non è bello ".

Molte aziende sono state colpite duramente ... non è stato piacevole. 

Morale della storia?

La scelta del generatore di pagine giusto è fondamentale per la tua attività. Ciò significa che è fondamentale sceglierne uno con una comprovata esperienza e un marchio affidabile.

In caso contrario, potresti essere il prossimo imprenditore a lasciare una recensione descrivendo come usarlo gli è quasi costato tutto.

Ma sto divagando. Torna alla recensione ...

Cosa sono i costruttori di pagine?

Non sei interessato a questa introduzione o hai fretta? Fare clic qui per passare alla parte successiva dell'articolo.

I costruttori di pagine sono strumenti che ti consentono di progettare e creare pagine Web dall'aspetto professionale da zero anche senza esperienza di programmazione. 

Invece di passare mesi a imparare a codificare una pagina personalizzata, tutto il duro lavoro è già stato fatto per te e racchiuso in piccoli "elementi". Devi solo "trascinarli e rilasciarli" sulla pagina dove vuoi e VOILA, hai una pagina ben progettata ... e nessuno conosce il tuo segreto. 

Ad esempio, se desideri aggiungere una casella di testo o Immagine, prendi semplicemente quell'elemento dalla barra laterale, trascinalo sulla pagina e posizionalo dove vuoi che vada.

Suona molto meglio che entrare nel backend e codifica tutto da solo, giusto?

La maggior parte ha persino modelli predefiniti che hanno dimostrato di aumentare le conversioni dei visitatori, quindi non devi nemmeno fare alcun lavoro pesante.

È come costruire un sito web usando i pezzi Lego.

creazione di pagine con page builder

Cos'è Divi?

Tema Divi WordPress e generatore di pagine  

Divi è il tema WordPress più popolare là fuori con oltre 880,000 vendite. Se questo fosse sport, sarebbero i Man U, i New York Yankees e i New England Patriots:

Più che una squadra, un'istituzione.

elementor vs utenti divi

In effetti, è anche più di un generatore di pagine: è una mega fabbrica di siti Web WordPress che consente a liberi professionisti, agenzie e proprietari di siti di creare bellissimi siti, ottimizzarli per le conversioni (test divisi) e crescere utilizzando i social media.

L'enorme popolarità di Divi è dovuta principalmente alla sua:

  • Uso illimitato: Divi è uno degli unici temi che ti offre un uso illimitato di tutte le funzionalità su tutti i siti. Nessun espediente sui prezzi. Nessun livello di confusione. No niente. Solo uso illimitato senza domande.
  • Prezzo semplice: $ 249 per l'accesso a vita SU TUTTI I TUOI SITI.
  • Supporto e community impareggiabili: Divi è uno stile di vita per alcune persone. Ha una fiorente comunità di Facebook e il miglior supporto nel settore, quindi sarai sempre in grado di innovare, ricevere feedback utili e migliorare il tuo gioco Divi.

Lavoriamo con questo prodotto da molto tempo, infatti, lo abbiamo già fatto ha scritto una recensione completa del tema Divi 4.0 qui. Loro Divi builder è un plug-in integrato e in bundle con il tema, sebbene possa essere acquistato e utilizzato separatamente con altri temi, se lo desideri.

Check out alcuni esempi di siti web realizzati con Divi Divi 5 è attualmente in fase di sviluppo!

Fare clic qui per visitare il sito Web Divi e saperne di più ora 

Cos'è Elementor?

elementor page builder  

Elementor ed Elementor Pro (e tutta la loro gamma di nuovi prodotti) è un rivoluzionario del mercato che sta salendo alle stelle in popolarità. È uno dei costruttori più popolari per solopreneurs e aziende.

È velocissimo, offre un design impareggiabile ed è così facile che un uomo delle caverne potrebbe farlo. E ti consente di iniziare al 100% con la versione GRATUITA. 

Ti dà praticamente tutto ciò che fa Divi, è solo più veloce e più facile da usare. Ed è molto più conveniente per un singolo sito.

Questi due prodotti sono preferiti dalla maggior parte degli utenti ed esperti di WordPress perché hanno una serie di vantaggi:

  • Sono facili da usare,
  • Hanno le migliori prestazioni e stabilità, e
  • Sono supportati da un team di esperti sviluppatori di WordPress o da una nota azienda.

Abbiamo scavato a fondo nello specifico Elementor Pro: troverai la nostra recensione qui

Fare clic qui per visitare il sito Web di Elementor e iniziare gratuitamente

Aspetta, dici che sia Divi che Elementor sono fantastici. Allora come posso scegliere?

Sia Divi che Elementor sono entrambi molto simili, ma come ho detto prima, i prezzi e le lievi differenze di funzionalità li rendono perfetti per diversi segmenti di mercato.

Oggi porteremo questi due principali costruttori di pagine sul mercato, Elementor vs Divi Buildere approfondisci tutte le loro capacità e confrontale testa a testa.

Daremo uno sguardo approfondito alla loro interfaccia utente, al set di funzionalità, ai prezzi e molto altro ancora.

Alla fine di questo articolo Elementor vs Divi, avrai tutte le conoscenze necessarie per formulare un giudizio istruito su quale si adatta le tue esigenze.

Hai bisogno di web hosting per il tuo prossimo progetto?

Lo sapevi SiteGround è consigliato da Divi ed Elementor funziona bene anche su SiteGround?

Ma non è l'unica cosa che vuoi da un servizio di hosting di siti web. Vuoi che il tuo sito web sia veloce, affidabile e a un prezzo sensato.

Ecco perchè CollectiveRay raccomanda SiteGround. È un ottimo mix di flessibilità, potenza e prezzo che non troverai spesso.

Clicca qui per vedere SiteGround offerte in Settembre 2023

Elementor vs Divi: facilità d'uso

L'interfaccia utente e la sua facilità d'uso sono una delle parti più importanti di un plug-in per la creazione di pagine.

Entrambi questi page builder si sono impegnati molto per assicurarsi che fossero estremamente facili da usare.

Iniziamo con Divi Builder.

Scopri di più Divi Builder by Elegant Themes

Divi Builder Interfaccia utente

Prima di iniziare, vediamo cosa ha da dire il fornitore sull'utilizzo del plug-in in questo breve video, in particolare con l'interfaccia recentemente rinnovata:

Grazie alla Divi builder plugin installato, quando crei una nuova pagina, verrai accolto con un'interfaccia utente che ti chiederà se desideri utilizzare il Divi Builder o l'editor predefinito.

nuova pagina

Cliccando su Usa Divi Builder l'opzione aprirà una schermata che ti chiederà di scegliere tra "costruisci da zero", "scegli un layout predefinito" o "clona pagina esistente".

scegli layout

  • Costruisci da zero - Inizia con una pagina vuota.
  • Scegli un layout predefinito - Scegli un modello predefinito. Di questo parleremo più dettagliatamente più avanti.
  • Clona pagina esistente - Copia una pagina esistente.

Sceglieremo l'opzione "costruisci da zero" poiché le altre due scelte sono praticamente le stesse, solo con il contenuto già aggiunto.

Aggiunta di elementi in Divi Builder

Facendo clic sull'opzione "costruisci da zero" si attiverà il Divi builder e la prima cosa che apparirà è una finestra di dialogo che ti chiede di inserire una nuova riga.

Si aprono finestre di dialogo con opzioni che puoi configurare, a seconda del modulo e del contenuto che stai aggiungendo.

nuova riga

Il menu

Il minimalismo è sempre stata una delle caratteristiche del design di Elegant Themes e il generatore di pagine mantiene attivo questo concetto di design.

Come puoi vedere dalla gif sopra, non c'è affatto una barra laterale o una barra dei menu. Invece, tutto ciò che hai è un cerchio fluttuante con tre punti bianchi al suo interno.

Il cerchio mobile funge da menu. Facendo clic su di essi avrai accesso a varie opzioni e strumenti utili.

menu mobile

Puoi spostare questo menu facendo clic e trascinandolo. Puoi anche rilasciarlo in una delle otto posizioni predefinite nell'angolo dello schermo.

Quando si usa Divi, partendo dal lato sinistro, abbiamo

  • Divi builder impostazioni
  • Vista wireframe
  • Strumento zoom
  • visualizzazione desktop
  • Vista tablet
  • Carica dalle opzioni della libreria
  • Opzione Salva nella libreria
  • Layout chiaro
  • Impostazioni della pagina
  • Modifica della cronologia
  • Portabilità
  • Il pulsante di ricerca e aiuto
  • I pulsanti salva bozza e pubblica

menu mobile 2

Impostazioni del generatore - Farà apparire una finestra di dialogo con diverse opzioni che ti permetteranno di personalizzare le icone che appaiono sul Divi builder barra degli strumenti, modificare la modalità di visualizzazione predefinita (mobile, desktop o tablet), abilitare o disabilitare le animazioni dell'interfaccia utente, ecc.

Vista wireframe - Attiva o disattiva la visualizzazione wireframe. Puoi utilizzare la vista wireframe per avere una vista strutturale della tua pagina.

vista wireframe

Strumento zoom - Consente di ingrandire e ridurre la pagina.

Visualizzazione desktop, tablet e dispositivi mobili - Guarda come appare la tua pagina su diversi dispositivi e risoluzione dello schermo.

visualizzazione reattiva

Carica dalla libreria - Inserisci o utilizza un modello predefinito dalla libreria dei modelli alla pagina.

Salva nella libreria - Salva la pagina corrente nella libreria dei modelli.

Layout chiaro - Elimina tutto sulla pagina.

Impostazioni della pagina - Accedi alle impostazioni della pagina come titolo, estratto, immagine in primo piano, ecc.

Modifica della cronologia - Visualizza quali modifiche sono state apportate nella sessione di modifica corrente. Fare clic su un elemento ti consente di tornare indietro nel tempo, annullare tutte le modifiche apportate e ripristinare lo stato della pagina. 

cronologia delle modifiche

Portabilità - Importa o esporta il tuo layout attuale.

Pulsanti Cerca e Guida - Accesso Divi builderla documentazione; il pulsante di ricerca consente di cercare un'azione, una voce di menu o un elemento specifici.

Pulsanti Salva bozza e Pubblica - Abbastanza autoesplicativo.

Menu specifici per elemento

Quando si usa Divi Builder, se passi con il mouse su un elemento, viene visualizzato un altro set di menu. Questi menu ti consentono di configurare le impostazioni di un elemento specifico, come il suo contenuto, il suo layout o l'aggiunta di un CSS personalizzato.

menu specifico dell'elemento

Divi Builder in azione

Di seguito è una gif di modificare una pagina con il Divi Builder. Puoi utilizzare il generatore di pagine per trascinare gli elementi per riposizionarli oppure puoi fare doppio clic su un testo per eseguire modifiche in linea, ecc.

demo dell'interfaccia utente divi

La rotta Divi BuilderL'interfaccia utente di è minimalista, pulita e semplice, ma ha tutto ciò di cui hai bisogno per fare le cose.

Non ti travolge affatto, ti tiene concentrato sui tuoi progetti. Presenta un'esperienza a schermo intero.

Come puoi vedere, in termini di facilità d'uso, Elegant Themes hanno lavorato per fare Divi Builder semplice, ma potente allo stesso tempo.

Interfaccia utente di Elementor

L'interfaccia di Elementor è molto diversa dalla maggior parte degli altri page builder. Se la Divi builder si concentra sul minimalismo, Elementor si concentra sull'accessibilità, ma anche l'esperienza utente è eccezionale con questo generatore di pagine.

Useremo questa sezione del nostro Elementor vs Divi Builder confronto per mettere a fuoco le differenze tra i due.

Elementor utilizza il concetto di elementi costitutivi, che vengono utilizzati per costruire ogni pagina in diverse sezioni.

Dai un'occhiata al seguente video di 1 minuto che spiega esattamente come funziona:

La creazione di una nuova pagina con l'interfaccia Elementor ti porterà all'editor predefinito di WordPress.

Per iniziare a modificare la pagina, devi fare clic sul pulsante "Modifica con Elementor" situato nella parte superiore dello schermo.

Scarica una copia del plugin

crea una nuova pagina

Facendo clic sul pulsante si aprirà l'interfaccia utente di Elementor che è composta da due parti: quella fissa sidebar e la anteprima della pagina.

interfaccia elementare

Puoi nascondere la barra laterale fissa premendo la piccola icona mostrata nella gif qui sotto:

nascondi barra laterale

Nascondere la barra laterale ti consente di avere un'anteprima a schermo intero del tuo file pagina.

Aggiunta di elementi in Elementor

Per aggiungere un elemento alla pagina, trascinane uno dalla barra laterale alla pagina.

drag and drop

La barra laterale cambierà per visualizzare le opzioni specifiche dell'elemento appena aggiunto.

Il pulsante rosso più e l'icona della cartella nell'anteprima della pagina ti consentono di aggiungere una nuova sezione o caricare un modello dalla tua libreria.

Dopo aver trascinato e rilasciato un elemento, noterai che il lato ora mostra invece le opzioni per l'elemento selezionato.

Per tornare al pannello di selezione degli elementi, puoi fare clic sull'icona delle tessere quadrate nell'angolo in alto a destra del menu della barra laterale.

barra di navigazione laterale

Fai clic su quell'icona e sarai in grado di tornare al pannello di selezione degli elementi. Ora puoi trascinare e rilasciare un altro elemento da qui alla pagina.

Sidebar

La barra laterale fissa è divisa in tre parti.

  1. Menù superiore
  2. Il corpo
  3. Menu inferiore

Il menu superiore contiene le impostazioni generali, il corpo mostra le informazioni sull'elemento attualmente selezionato e il menu inferiore mostra le impostazioni aggiuntive che è possibile configurare. 

Menu superiore

Il menu della barra laterale superiore del generatore di pagine Elementor si trova nell'angolo in alto a sinistra della barra laterale. Qui puoi configurare gli stili e le impostazioni dei caratteri predefiniti, il selettore di colori, ecc.

menu della barra laterale superiore

Ci sono altri vari elementi accessibili in questo menu oltre alle opzioni di stile.

C'è una funzione di ricerca, un collegamento alla pagina delle impostazioni di Elementor e altro ancora. Puoi anche trovare il blu esci dalla dashboard pulsante, che ti riporta alla dashboard di WordPress.

Menu inferiore

Nella parte inferiore della barra laterale fissa, puoi vedere voci di menu aggiuntive.

menu nella barra laterale in basso

Da sinistra a destra, abbiamo le impostazioni, il navigatore, la cronologia, la modalità reattiva, le modifiche in anteprima e il pulsante di pubblicazione.

Il pulsante Pubblica ha il suo sottomenu a cui puoi accedere facendo clic sulla piccola freccia rivolta verso l'alto accanto ad esso.

Facendo clic su di esso vengono visualizzate due opzioni di salvataggio aggiuntive: le opzioni Salva bozza e Salva come modello.

menu aggiuntivo

Impostazioni profilo - L'icona dell'ingranaggio situata all'estrema sinistra del menu in basso. Contiene le impostazioni per la pagina su cui stai attualmente lavorando.

Puoi modificare il titolo della tua pagina, aggiungere un'immagine in primo piano, modificarne lo stato di pubblicazione (bozza, pianificata, pubblicata), modificarne il layout predefinito, ecc.

Puoi anche notare la presenza di due schede aggiuntive: il style e Avanzate schede.

pannello delle impostazioni della barra laterale

Nella scheda Stile, puoi configurare le impostazioni dello stile del corpo della pagina. Puoi definire un colore di sfondo o un'immagine e puoi anche cambiare il riempimento.

E nella scheda Avanzate, puoi aggiungere il tuo CSS personalizzato.

Navigator - Una vista gerarchica degli elementi sulla pagina. Questo è paragonabile al Divi builderla modalità wireframe di. Il navigatore è un menu mobile che rappresenta la gerarchia degli elementi della tua pagina. Puoi riorganizzare gli elementi utilizzando il navigatore , sebbene la sua funzionalità non sia buona come la modalità wireframe in Divi Builder.

navigatore

La nostra Storia - Consente di ripristinare una versione precedente delle modifiche e visualizzare la cronologia. Vengono salvate solo le modifiche della sessione corrente.

C'è una cosa che separa la funzionalità della storia di Elementor da Divi Builder, ed è grande.

C'è un'altra scheda denominata "revisioni" nel pannello della cronologia. Queste revisioni vengono mantenute anche dopo uscendo dal generatore di pagine o anche dopo aver chiuso il browser.

Ogni volta che si preme il pulsante "Aggiorna", viene salvata una nuova revisione.

Inoltre, il plugin effettua anche salvataggi automatici impedendoti di perdere il tuo lavoro a causa di problemi come il crash del browser.

Ciò ti consente di tornare facilmente a una revisione precedente anche se chiudi l'editor, esci da WordPress o spegni il computer.

Modalità reattiva - Visualizza l'anteprima di come apparirà la tua pagina su diversi dispositivi e risoluzioni dello schermo.

anteprima reattiva

Anteprima delle modifiche - Apri una nuova scheda che ti consente di avere un'anteprima dal vivo della tua pagina.

Menu specifici per elemento

Facendo clic su qualcosa nella pagina di anteprima verrà visualizzato un menu specifico dell'elemento con le sue opzioni uniche che puoi configurare.

menu specifico dell'elemento 2

Elementor in azione

La prossima parte del nostro confronto Divi vs Elementor mostreremo Elementor in azione in modo da poter capire la differenza tra questi due page builder.

Di seguito, puoi vedere come possiamo trascinare e rilasciare gli elementi per riposizionarli, come puoi modificare la cucitura del testolessly e come puoi aggiungere nuovi elementi.

Elementor ui demo

Confrontando Divi vs Elementor, vediamo che hanno un focus diverso.

La prima punta su semplicità e pulizia, la seconda su disponibilità e accessibilità.

Quindi chi vince quando si tratta di Elementor vs Divi, quale visual builder è più facile da usare?

Non crediamo che ci sia un vincitore in termini di facilità d'uso. Sia i page builder Elementor che Divi hanno un'interfaccia che ti aiuta a portare a termine il lavoro.

Vincitore dell'interfaccia utente Elementor vs Divi: Tie

Ulteriori informazioni sul sito Web del plug-in

Gli effettivi "elementi" o "moduli" vengono confrontati nella parte successiva del nostro confronto Elementor vs Divi.

Elementor vs Divi: Elementi

Gli elementi sono ciò che utilizzerai per costruire le tue pagine. In termini di Divi vs Elementor, l'uso della terminologia è leggermente diverso, ma in generale i concetti sono simili.

Divi Builder's Elements: Sezione, Righe e Moduli

Divi BuilderGli elementi di 's sono divisi in tre categorie principali: the del prodotto, che funge da contenitore, il file righe, che funge da divisore e il file moduli, che sono il contenuto effettivo.

L'immagine sotto mostra una pagina vuota. Questa pagina ha tre sezioni. 

La seconda sezione ha una riga al suo interno, evidenziata in verde. La riga è divisa in tre colonne. Le colonne sono vuote.

Infine, anche la sezione inferiore presenta al suo interno una riga, sebbene non sia evidenziata. Anche la riga è divisa in tre colonne, simile a quella della seconda sezione.

La colonna centrale della riga inferiore contiene un modulo pulsante.

 

gli elementi

Per aggiungere sezioni, righe o moduli, fai clic sui pulsanti più.

La rotta blu, viola or arancione il pulsante più aggiungerà una sezione (il colore dell'evidenziazione della sezione cambia a seconda del tipo di sezione: blu per normale, viola per l'intera larghezza e arancione per specialità), il green il pulsante più aggiungerà una riga e il Nero il pulsante più aggiungerà un modulo.

sezioni

In Divi Builder, la sezione funge da contenitore per righe e moduli.

Puoi utilizzare le sezioni per dividere la tua pagina in diverse parti.

Ad esempio, puoi avere tre sezioni su una pagina; la prima è una sezione informazioni, la seconda è una sezione contatti e la terza è una sezione sede aziendale.

Le sezioni sono "indipendenti" l'una dall'altra. Se applichi un colore di sfondo blu nella prima sezione, le altre due sezioni non saranno interessate.

Aggiunta di sezioni - Facendo clic sul pulsante più blu (o arancione o viola) sulla pagina potrai aggiungere una nuova sezione.

Facendo clic sul pulsante specificato, verrà visualizzata una finestra di dialogo che richiede di selezionare tra tre diversi tipi di sezioni: normale, speciale e a larghezza intera.

nuova sezioneC'è anche la possibilità di aggiungere una sezione dalla tua libreria. Se in precedenza hai salvato una sezione, ora puoi trovarla qui ed essere in grado di aggiungerla alla pagina.

Posizionando il mouse su un elemento lo si evidenzierà e verrà visualizzata una barra delle azioni nell'angolo in alto a destra dell'area evidenziata.

sezione delle impostazioni

Per gli elementi di sezione, hai quanto segue:

  • Sposta sezione
  • Sezione Impostazioni
  • Sezione duplicata
  • Salva sezione nella libreria
  • Elimina sezione
  • Impostazioni di sezione aggiuntive
    • Salva nella libreria
    • Test diviso
    • Disabilita
    • bloccare
    • Copia sezione
    • Copia lo stile della sezione
    • Ripristina lo stile della sezione
    • Visualizza lo stile modificato
    • Estendi lo stile della sezione

La maggior parte di queste opzioni sono autoesplicative, ma ciò che è interessante qui è il file split test opzione.

Questo è uno A / B funzione di test che consente di condurre test divisi su qualsiasi tipo di Divi Builder elemento.

Quando si tratta di Divi vs Elementor in termini di test A/B, il tema Divi è il migliore. L'unico modo per dividere il test con Elementor è utilizzare un plug-in o un servizio di terze parti come Google Optimize.

Facendo clic sull'icona dell'ingranaggio (impostazioni della sezione) verrà visualizzata una finestra di dialogo con opzioni di configurazione aggiuntive per la sezione evidenziata.

finestra di dialogo delle impostazioni della sezione

La finestra di dialogo delle impostazioni della sezione contiene tre schede: Contenuto, Progettazione e Avanzate.

La scheda del contenuto contiene elementi relativi al contenuto dell'elemento selezionato mentre la scheda Design e Avanzate contengono opzioni di stile.

Righe

Come con la maggior parte degli altri page builder, le righe sono elementi che risiedono all'interno di una sezione. Quando aggiungi una riga, devi selezionare una variante di riga che differisce per il numero di colonne predefinito e per la dimensione di ciascuna colonna.

Le righe usano il responsive Griglia a 12 colonne

selezione delle righe

Se desideri una struttura di colonne più complessa, ti consigliamo di utilizzare un file sezione specialità.

sezioni speciali

Le varianti di riga delle sezioni speciali hanno una struttura di layout delle colonne più complessa, come puoi vedere dall'immagine sopra.

Impostazioni riga - Una riga ha una barra delle azioni quando ci passi sopra con il mouse che ti consente di accedere a determinate voci di menu. Ha praticamente le stesse cose che si trovano nelle sezioni, a parte il cambiare la struttura della colonna opzione esclusiva per gli elementi riga.

cambiare la struttura della colonna

moduli

Moduli dentro Divi Builder sono ciò che utilizzerai per aggiungere contenuti visibili alla tua pagina. I moduli sono elementi del sito Web come testo, immagini, paragrafi, video, moduli di contatto, mappe, ecc.

Facendo clic sul pulsante più nero verrà avviata una finestra di dialogo di selezione del modulo. Verrà visualizzata un'altra finestra di dialogo che mostra le impostazioni personalizzate per il modulo specifico selezionato.

Ad esempio, se selezioni il modulo di testo, verrà visualizzato un testo segnaposto nell'area selezionata.

Utilizzando la finestra di dialogo è possibile modificare il testo stesso e aggiungere stili, aggiungere CSS personalizzati, ecc.

modulo di testo

Per aprire le impostazioni di un modulo, passa il mouse sopra il modulo fino a quando non viene visualizzata la barra delle azioni, quindi fai clic sull'icona a forma di ingranaggio / impostazioni.

impostazioni del modulo

La finestra di dialogo delle impostazioni ha tre schede: Contenuto, Progettazione e Avanzate.

  • La scheda Contenuto contiene le impostazioni di configurazione per il modulo. Questo varia per modulo.
  • La scheda Design contiene opzioni di design che consentono di modificare l'allineamento del contenuto, la spaziatura, la tipografia, ecc.
  • La scheda Avanzate ti consente di accedere a opzioni come configurazione CSS avanzata, transizioni, ecc.

Verdetto:

L'accesso agli elementi, in particolare agli elementi del modulo, è un po' bizzarro poiché devi fare clic più volte solo per ottenerli.

D'altra parte, forse una delle cose migliori del Divi Buildergli elementi di 's sono le righe speciali. Questi consentono di costruire un layout e un posizionamento complessi con relativa facilità.

Diamo ora un'occhiata agli elementi di Elementor nel nostro Elementor vs Divi builder resa dei conti.

Elementi Elementor: Sezione, Colonne e Widget

Elementor ha tre diverse categorie di elementi: the del prodotto, che funge da contenitore, il file colonna che dividono la sezione e il file widget quali sono i contenuti effettivi.

Nell'immagine sottostante, puoi vedere una pagina vuota divisa in tre sezioni.

La sezione superiore è vuota. La seconda sezione contiene tre colonne e la sezione inferiore, contenente anche tre colonne con la colonna centrale contenente un widget pulsante.

gli elementi 2

Aggiungere elementi alla pagina è semplice come trascinare e rilasciare un widget dalla barra laterale a un'area vuota.

Puoi semplicemente trascinare un widget dalla barra laterale in un'area vuota della tua pagina e il gioco è fatto.

Creerà automaticamente una sezione con una singola colonna contenente il widget selezionato.

aggiunta di elementi

Se stai modificando un elemento, la barra laterale cambierà il suo contenuto per visualizzare le impostazioni appropriate.

Come con Divi, puoi trascinare e rilasciare gli elementi per riposizionarli sulla pagina. Puoi fare clic su qualsiasi testo nella pagina per modificarlo direttamente e ridimensionare liberamente le colonne.

Facendo clic con il pulsante destro del mouse su qualsiasi elemento della pagina viene visualizzato un menu contestuale che varia leggermente a seconda del tipo di elemento attualmente selezionato.

Sezione

La sezione funge da contenitore per colonne e widget.

Ci sono due tipi di sezioni in Elementor, il normale sezione e il file interno .

La sezione interna può esistere solo all'interno di una sezione normale. Una sezione interna è in qualche modo simile alle colonne, ma puoi avere più sezioni interne e più colonne al loro interno che ti consentono di creare layout complessi.

aggiunta di nuove sezioni

 Passando il mouse su qualsiasi elemento della pagina verrà evidenziata la sezione a cui appartengono. La sezione evidenziata ha un piccolo menu in alto.

Questo piccolo menu ha tre voci: la sezione aggiungi nuova (pulsante più), la sezione di modifica (area tratteggiata) e la sezione di eliminazione (pulsante x).

menu di sezione

L'aggiunta di una nuova sezione aggiungerà una nuova sezione vuota sopra a quelle evidenziate.

La sezione di modifica farà apparire le impostazioni della sezione sulla barra laterale. È inoltre possibile accedervi facendo clic con il pulsante destro del mouse su una parte vuota della sezione.

Nelle impostazioni della sezione sono presenti tre schede: Layout, Stile e Avanzate.

È possibile configurare le opzioni di layout e struttura nella scheda Layout. Nella scheda Stile è possibile configurare le opzioni di stile e nella scheda Avanzate è possibile configurare ulteriori opzioni avanzate di stile e attributi.

scheda avanzata stile sezione

colonne

Le colonne fungono da contenitore per i widget, inclusi i widget della sezione interna.

Quando aggiungi una nuova sezione, puoi scegliere quante colonne manterrà.

nuove colonne

L'accesso alle impostazioni della colonna avviene passando con il mouse su una colonna e facendo clic con il pulsante destro del mouse sull'icona della colonna ora visibile.

Appariranno diverse opzioni, che ti permetteranno di modificare la colonna, duplicare la colonna, aggiungere una nuova colonna, ecc.

impostazioni della colonna

Selezionando la colonna di modifica cambierà la barra laterale per visualizzare le impostazioni relative alla colonna. Proprio come nelle impostazioni della sezione, ha anche tre schede: Layout, Stile e Avanzate.

pannello delle impostazioni della colonna

La scheda layout contiene le opzioni di configurazione del layout come la larghezza della colonna, l'allineamento, ecc .; mentre lo stile e le schede avanzate sono praticamente le stesse di ciò che puoi vedere dalle impostazioni della sezione.

widget

Il pezzo successivo alle differenze Elementor vs Divi quando si tratta degli elementi effettivi sono i widget.

I widget sono il contenuto o elementi (quindi Elementor) che puoi utilizzare sulle tue pagine.

Aggiungere un widget è semplice come trascinarne uno dalla barra laterale alla pagina o fare clic sul pulsante più per visualizzare il pannello di selezione del widget e quindi trascinarlo e rilasciarlo.

La selezione di un widget cambierà la barra laterale per visualizzare le opzioni configurabili per quel particolare elemento.

impostazioni del widget

È inoltre possibile accedere a questo pannello facendo clic con il pulsante destro del mouse su un elemento e selezionando il file modifica [nome elemento] voce nel menu contestuale.

Ogni widget ha anche le schede Stile e Avanzate a cui puoi accedere dal pannello della barra laterale.

La scheda Stile cambia in base al widget selezionato. Ad esempio, i widget immagine non hanno opzioni di stile tipografico, mentre i widget testo non hanno impostazioni di dimensione.

La scheda Avanzate è la stessa degli altri elementi.

Scopri tutti gli elementi disponibili

Widget globali

C'è un tipo speciale di widget in Elementor: widget globali. Puoi salvare un widget come widget globale e utilizzarlo ovunque nella pagina o nel sito.

Puoi anche modificarli tutti in una volta in un unico posto.

Verdetto:

Elementor ha una selezione più ampia di elementi rispetto a Divi Builder. Tuttavia, poiché entrambi supportano plug-in di widget di terze parti, in un certo senso si uniforma.

Elementor offre un modo più rapido per aggiungere elementi a una pagina poiché puoi semplicemente trascinarli dalla barra laterale all'anteprima.

Divi Builder richiede di fare clic più volte prima di arrivare all'elemento che si desidera aggiungere.

Proprio come la nostra sezione precedente del confronto tra Elementor e Divi, questo è molto vicino, anche se Elementor potrebbe avere un leggero vantaggio in questo.

Ora è il momento di confrontare le opzioni di stile nei page builder Elementor e Divi!

Elementor vs Divi: stile

Il nostro Elementor vs Divi builder non sarebbe completo senza uno sguardo approfondito alle funzioni di styling di entrambi i page builder.

Divi Builder Opzioni di styling

Facendo doppio clic su un elemento nel generatore di pagine Divi si aprirà il pannello delle impostazioni. Puoi anche accedere a questo pannello passando con il mouse su un elemento finché non viene visualizzata una barra delle azioni e quindi facendo clic sull'icona a forma di ingranaggio.

Ci sono tre schede nel pannello delle impostazioni, le schede contenuto, design e avanzate.

La rotta Divi BuilderLe opzioni di stile di 's possono essere configurate tramite le schede Design e Avanzate. La scheda Design ti consente di configurare la tipografia, le ombre del riquadro, i margini, l'animazione, i filtri, ecc. Questi sono elementi che possono essere configurati tramite cursori e numeri di input.

Sono molto facili da usare.

opzioni di stile per divi

Utilizza la scheda Avanzate per aggiungere classi e ID CSS personalizzati, codice CSS personalizzato, configurare la visibilità e così via.

Styling reattivo

Divi Builder consente di definire diverse impostazioni di stile per diversi dispositivi.

Ad esempio, puoi definire il carattere di un elemento di testo come Verdana e fargli avere una dimensione di 20 px sui dispositivi desktop. Puoi definire un'altra impostazione per i dispositivi mobili che gli faccia avere un font Times New Roman e una dimensione di 10px.

stili reattivi

Le opzioni di progettazione consentono a tutti i tipi di utenti di personalizzare ampiamente le proprie pagine in base alle proprie esigenze.

Opzioni di stile Elementor

La selezione di un elemento nel generatore di pagine Elementor cambia ciò che viene visualizzato nel pannello della barra laterale per riflettere le opzioni disponibili per quel particolare elemento.

Tutti gli elementi in Elementor hanno tre schede nel pannello delle impostazioni. La prima scheda contiene Contenuto o Layout, quindi Stile e Avanzate rispettivamente nella seconda e terza scheda.

È possibile configurare lo stile di un elemento tramite le schede Stile e Avanzate.

La scheda Stile consente di configurare diverse opzioni di stile come colori di sfondo, bordi, caratteri tipografici, ecc.

elementor styling pozioni

La scheda Avanzate contiene opzioni di stile avanzate come margini, codice CSS personalizzato, effetti di movimento, impostazioni reattive, ecc.

opzioni di stile avanzate

Styling reattivo

Puoi avere opzioni di stile separate per diversi dispositivi nel generatore di Elementor, proprio come Divi.

opzione di stile reattivo elementor

Controllo delle opzioni di stile predefinite

Per impostazione predefinita, dopo aver installato Elementor, il plug-in del generatore di pagine applicherà automaticamente le sue opzioni di stile per sovrascrivere il tema.

Puoi disabilitarlo andando a Elementor > Impostazioni profilo dalla dashboard di WordPress e selezionando disabilita i colori predefiniti e disabilita i caratteri predefiniti.

Elementor ora utilizzerà il carattere ei colori predefiniti del tema anziché i propri.

impostazioni elementor

C'è anche una scheda di stile in cui è possibile configurare varie impostazioni predefinite di base come caratteri generici predefiniti, larghezza del contenuto predefinita, ecc.

Verdetto:

Entrambi i plugin offrono un eccellente set di strumenti e opzioni per lo styling che si rivolgono a tutti.

Gli utenti avanzati e i web designer che desiderano un maggiore controllo possono anche divertirsi utilizzando uno di questi due plug-in poiché entrambi consentono loro di aggiungere i propri codici CSS personalizzati per ulteriori capacità di progettazione.

Elementor vs Divi: modelli

Uno degli elementi chiave dei page builder e dei temi è la quantità e la qualità dei modelli disponibili come parte del prodotto.

Diamo un'occhiata a come funzionano i due page builder, Elementor vs Divi builder confrontare quando si tratta di modelli già pronti.

Divi Builder layout

Nel gergo di Divi, i modelli sono chiamati layout. Il generatore di pagine Divi offre oltre 300 pacchetti di layout modelli di siti completi prefabbricati.

Si dividono in due tipologie: un pacchetto di layout composto da più layout (più pagine) con lo stesso tema e un unico layout (cioè una singola pagina).

modelli

I pacchetti di layout contengono più pagine raggruppate insieme per formare un sito di nicchia completo.

Ad esempio, un pacchetto contiene modelli per la home page, la pagina delle informazioni, la pagina dei contatti, ecc., Tutti seguendo un insieme unificato di design o temi. Un singolo layout è solo un modello per una singola pagina.

Puoi anche creare e salvare i tuoi modelli in modo da poterli riutilizzare in seguito. Puoi persino esportarli in modo da poterli utilizzare su un altro sito.

Ad esempio, potresti creare una pagina di destinazione del servizio del prodotto (simile a quello che puoi costruire con OptimizePress 3.0) che puoi quindi caricare dai layout e utilizzare per diverse promozioni che potresti eseguire. 

Questi includono sia siti completi che pagine di destinazione per scopi specifici.

Modelli Elementor

I modelli di Elementor sono divisi in due tipi: blocchi e pagine.

La versione gratuita consente agli utenti di accedere a circa 40+ blocchi e 30+ pagine, mentre la versione premium sblocca altri 50+ widget Pro e oltre 300 modelli Pro.

Questi includono interi siti e pagine di destinazione specifiche per casi d'uso particolari.

Vedi l'intero elenco di modelli / temi di Elementor disponibili

Abbiamo anche esaminato un sacco di Temi e modelli di Elementor qui.

I blocchi sono modelli a sezione singola che puoi inserire in una pagina.

Ci sono blocchi per

  • Moduli di contatto
  • Invito all'azione pulsanti
  • FAQ
  • Tabelle dei prezzi
  • portafogli
  • Headers
  • Servizi
  • Generatore di popup e uno strumento per la creazione di popup

 

modelli elementor

Anche se abbiamo detto che ci sono oltre 300 modelli di pagina disponibili per gli utenti premium di Elementor, potresti volerlo controlla cosa è disponibile oggi.

Il team Elemetor crea e aggiunge costantemente altri modelli alla libreria e non siamo in grado di tenere il passo con il flusso costante di modelli Elementor rilasciati :-)

modelli di pagina

Poiché la libreria di modelli del generatore di pagine Elementor cresce continuamente, puoi controllare le ultime aggiunte facendo clic su "nuovo" nell'angolo in alto a sinistra dell'interfaccia di selezione del modello di pagina.

Puoi sempre salvare la tua pagina nella libreria dei modelli in modo da poterli riutilizzare in seguito. Elementor ti dà anche la possibilità di esportare i tuoi modelli in modo da poterli utilizzare su un altro sito. 

Mentre sia Elementor che Divi Builder plug-in offrono una vasta gamma di selezione di modelli, in questo momento, riteniamo che il Divi builder offre molto di più in termini di numeri.

Inoltre, il tema Divi semplifica la creazione di un intero sito, grazie ai suoi pacchetti di modelli.

Elementor contro Divi Builder Vincitore dei modelli: Divi Builder

Elementor vs Divi: Costruzione del tema

AGGIORNARE: Nella versione precedente di questo articolo, solo Elementor aveva una funzione di creazione del tema.

Con il rilascio del tema Divi 4.0, questa funzionalità non è più limitata a Elementor.

La rotta Divi Builder 4.0 major update, che è stato rilasciato nell'ottobre 2019, si è concentrato sull'equipaggiamento del Divi builder con potenti strumenti per la creazione di temi. Ciò consente agli utenti di utilizzare elementi, moduli e funzionalità per creare non solo pagine statiche, ma anche layout dinamici di intestazione, piè di pagina e corpo.

Abbiamo aggiornato questa sezione per riflettere le nuove modifiche e abbiamo confrontato le funzionalità di creazione dei temi di Elementor e Divi per vedere se quest'ultimo può reggere il confronto con il primo.

Generatore di temi Divi

Una funzionalità relativamente nuova di Divi builder, il generatore di pagine ora ti consente di creare modelli che puoi utilizzare per sovrascrivere l'intestazione, il piè di pagina e il design, il layout e persino il comportamento del corpo del tuo sito web.

Le caratteristiche sono abbastanza simili a quelle di Elementor sotto molti aspetti, questa è una caratteristica in cui Divi Builder sta raggiungendo Elementor.

Puoi accedere al generatore di temi di Divi andando su Divi> Theme Builder.

creatore di temi divi

Da lì, puoi creare un nuovo modello, esportare un modello o importare un modello da fonti esterne.

Uno degli svantaggi di questo, al momento della stesura di questo articolo, è che non c'è modo di importare modelli di creazione di temi predefiniti dal cloud. Devi scaricare un file JSON da una fonte esterna e caricarlo per importare un modello predefinito.

Parlando di modelli predefiniti per la creazione di temi, ci sono molti pacchetti disponibili gratuitamente da Divi builder gli stessi sviluppatori, che puoi ottenere qui. Cerca semplicemente "pacchetti di creazione di temi" nella loro barra di ricerca e puoi trovarli facilmente.

Se desideri ottenere più di questi pacchetti, ti consigliamo di visitare il Elegant Themes sito qui e iscriviti alla loro newsletter.

Puoi definire un modello globale che sostituirà l'aspetto generale dell'intero sito Web e puoi anche creare modelli mirati che possono essere applicati a post, pagine e parti specifiche del tuo sito Web.

creazione di un nuovo modello

Quando crei un nuovo modello, Divi ti chiederà prima dove desideri applicare il modello. Puoi scegliere di applicare o escludere l'applicazione dei tuoi modelli a post o pagine specifici o anche a tag e categorie specifici e altro ancora.

Quindi puoi iniziare a creare e progettare il tuo modello. Se hai definito un modello globale di intestazione e piè di pagina, questi verranno automaticamente aggiunti al tuo nuovo modello.

Facendo clic su uno dei due aggiungi corpo personalizzato, aggiungi un'intestazione personalizzata or aggiungi piè di pagina personalizzato i pulsanti apriranno un piccolo menu a comparsa che ti consentirà di scegliere tra varie opzioni.

Queste opzioni includono la selezione di un modello predefinito o la copia di uno esistente.

Da lì, avresti a disposizione i soliti strumenti e moduli Divi per iniziare a costruire il tuo layout.

Generatore di temi Elementor

Puoi accedere al generatore di temi Elementor tramite la dashboard di WordPress e andando su Modelli > Generatore di temi.

Attualmente, puoi creare modelli Elementor per pagine, sezioni, pop-up, intestazione, piè di pagina, singoli post, pagine WooCommerce e archivi.

costruttore di temi

Userai la stessa interfaccia utente che hai quando crei le pagine, solo che questa volta gli elementi disponibili nella barra laterale sono adattati al modello specifico che stai cercando di creare.

barra laterale del generatore di temi

Dopo aver modificato un modello di tema, puoi scegliere come e quando verrà visualizzato il modello.

Per questa parte, il Divi builder è un po 'più facile da usare rispetto a Elementor grazie all'uso delle caselle di controllo.

mailess, Elementor ha ancora un controllo a grana fine che è uguale a Divi Builder.

Puoi scegliere di includere ed escludere i tuoi modelli Elementor utilizzando complesse regole condizionali. Ad esempio, supponiamo di avere un modello chiamato "A". Puoi scegliere di visualizzare questo modello se la pagina è nella categoria chiamata "offerte" e se l'autore è "John Doe".

Usato correttamente, questo motore di regole Elementor può essere uno strumento incredibilmente potente e utile. Offre flessibilità e personalizzazioni a un livello molto granulare. Questo è sufficiente per rubare la corona nella sezione di costruzione del tema.

Pochi page builder hanno una tale funzione e questo è un grande elemento di differenziazione.

Un'altra caratteristica degna di nota che ci piace è il generatore di popup. La maggior parte delle persone installerà un nuovo plug-in per impostare i popup sul proprio sito, ma con lo strumento per la creazione di popup Elementor, non sarà necessario disporre di un plug-in aggiuntivo solo per impostare i popup.

settig di creazione di temi

Vincitore di Elementor vs Divi Theme Builder: Elementor con un netto margine grazie al numero di strumenti e a ciò che puoi ottenere con essi.

Prezzo Elementor vs Divi 2023

La scelta tra Elementor e Divi Builder a volte tutto può ridursi al prezzo.

Uno ha perfettamente senso per un gruppo e letteralmente non ha senso per un altro.

Prezzi elementari

 

prezzo elementor pro vs divi 

Il prezzo di Elementor Pro parte da $ 59/anno per un sito e arriva fino a $ 399/anno per 1,000 siti. Tutte le funzionalità e gli extra sono inclusi in ogni piano.

Ma il motivo per cui è così popolare è perché viene fornito con un file Versione GRATUITA.

Il piano gratuito di Elementor è in realtà sufficiente per creare una bella pagina e viene fornito con oltre 40 widget e oltre 30 modelli.

Suggerimento Pro: Se hai più di un sito, scegli la licenza Expert. Se stai costruendo siti web per i clienti e desideri avere un page builder, di solito suggeriamo di scegliere la licenza Expert e quindi addebitare a ciascun cliente il prezzo di una licenza Advanced.

Ciò ti consente di raggiungere il punto di pareggio dopo solo 2 siti. Da quel momento in poi riceverai un bonus di $ 99 da ogni cliente.

Fai clic qui per il prezzo più basso su Elementor Pro 

Divi Builder Prezzi

Prezzi Divi vs Elementor

Divi Builder non ha una versione gratuita, ma loro avere una demo a cui puoi accedere quindi puoi provarlo prima di acquistarlo. 

Il prezzo di Divi lo rende un gioco da ragazzi per le agenzie.

Abbiamo lavorato con Elegant Themes e hai avuto accesso a uno SCONTO limitato del 10% su Divi Builder per CollectiveRay visitatori.

Dato il prezzo, e il nostro sconto valido solo fino al Settembre 2023, ti consigliamo vivamente di scegliere l'accesso a vita: è un gioco da ragazzi.

Solo $ 249 ($ 224 con il mio sconto) ti dà accesso a vita alle funzionalità, al supporto e alla community di Divi su tutti i tuoi siti per sempre.

Ciò significa che ottieni:

  • Ogni tema che hanno
  • Uso illimitato per siti Web illimitati
  • 800+ pacchetti di siti web
  • Il page builder
  • Strumenti promozionali
  • Strumenti di test

Non c'è bisogno di rinnovare. Non c'è bisogno di preoccuparsi degli aggiornamenti (ne parleremo più avanti). Niente stress. Basta fare clic, pagare e utilizzare per sempre.

NOTA: Divi costa solo $ 80 all'anno con il mio sconto, ma se sei un'azienda, risparmierai denaro semplicemente acquistando l'accesso a vita ora. Se sei in attività da 10 anni, sono $ 800. Se acquisti ora l'accesso a vita, costa $ 224. È un gioco da ragazzi.

Ottieni l'10% di sconto su Divi Builder fino a quando Settembre 2023


Elementor contro Divi Builder Verdetto sui prezzi:

Elementor è perfetto per i principianti con un budget limitato e per le aziende con un sito web. Ma il modello di prezzo annuale ti costerà centinaia o addirittura migliaia di dollari in più per tutta la durata della tua attività.

Il piano di accesso una tantum a vita di Divi è perfetto per le agenzie e le operazioni più grandi.

Una parola di cautela: non lasciare il tuo sito aperto a hack e rischiare la tua attività

Scusa, ma ho un'altra breve storia su come ho provato a prendere una scorciatoia e mi è quasi costata cara.

Questo è successo quando abbiamo cercato di evitare di pagare un abbonamento per Elementor.

Abbiamo pensato che sarebbe stata una buona idea optare per un abbonamento di un anno al livello Plus e poi non rinnovarlo. Dopotutto, una volta impostato il sito, non avremmo più bisogno di aggiornamenti e supporto, giusto ??

SBAGLIATO. Gli aggiornamenti sono assolutamente fondamentali!

Recentemente, è stata scoperta una vulnerabilità in Elementor Pro. 

Questa vulnerabilità ha reso i siti suscettibili di attacchi informatici. 

Elementor lo ha corretto immediatamente. C'era solo un problema...

Si scopre che senza un abbonamento attivo, non eravamo idonei per alcun aggiornamento.

Quindi i nostri siti sono diventati anatre sedute. Ricorda che a causa di questa vulnerabilità, i siti privi di patch venivano attaccati e hackerati.

Quindi, per risparmiare $ 100 in tasse di rinnovo, abbiamo quasi perso i nostri siti e un certo numero di clienti con loro.

Pertanto, un breve consiglio. Non lasciare mai scadere il tuo abbonamento, né per Elementor né per Divi (ecco perché consigliamo sempre un ABBONAMENTO A VITA). 

Ecco perché se hai più di 1 sito, scegli sempre l'abbonamento a vita! Ti fa risparmiare così tanto tempo, denaro e stress.

Dove ospitare il tuo Page Builder

Sia Divi che Elementor hanno escogitato un nuovo concetto.

Per rendere più facile per le persone che necessitano di amministrazione e manutenzione semplificate del sito Web, hanno rilasciato una versione dei loro prodotti che è completamente ospitata.

Ciò significa che invece di richiedere di trovare il proprio server di hosting del sito Web, installare e mantenere WordPress, OLTRE a costruire il tuo sito, la loro versione ospitata si prende cura degli aspetti di hosting.

Quindi devi solo concentrarti sulla costruzione del sito web.

Entrambe le società hanno ideato un prodotto simile, in cui Elementor offre il Cloud Website Builder al prezzo di $ 99/anno.

Divi offre anche un'opzione di hosting del proprio prodotto, nota come Divi Nuvola

Essenzialmente entrambi questi prodotti sono WordPress con il plug-in installato, ma ospitati su un servizio in cui non è necessario gestire nessuno dei dettagli di WordPress.

Il prezzo è piuttosto interessante se desideri un approccio pratico al tuo WordPress una volta che il tuo sito web è attivo.

Testimonianze - Cosa dicono gli altri utenti

Entrambi Divi Builder ed Elementor Pro hanno decine di migliaia di utenti. La cosa bella è che non c'è molta differenza nelle valutazioni di Elementor vs Divi Builder, sono entrambi molto apprezzati.

Controlla le valutazioni per il generatore di pagine Elementor nella directory di WordPress:

valutazioni gratuite di elementor page builder

Persone diverse, dagli sviluppatori agli utenti occasionali, hanno avuto esperienza in uno o entrambi e molte grandi personalità di WordPress hanno le loro opinioni e pensieri quando si tratta di questi plugin.

Cosa dicono le persone Divi Builder

Grazie alla Divi builder, le persone elogiano sempre il loro team di supporto, la maggior parte delle recensioni a 4 e 5 stelle menzionano sempre quanto sia grande il loro supporto.

Sebbene Divi Builder può essere un po' più difficile da usare rispetto a Elementor, il loro team di supporto è lì per sostenerti.

recensione 1

"Elegant Themes Divi Builder e il tema è fantastico. Ho cercato in lungo e in largo un tema con un solido editor front-end / generatore di pagine, sprecando denaro su molti temi di bassa qualità. Quando finalmente ho trovato Divi, sapevo che era il tema per me e ora lo uso nella mia agenzia di marketing per costruire i siti web dei clienti perché funziona così bene. Hanno anche un fantastico supporto che è ben informato e pronto ad aiutarti con qualsiasi personalizzazione del sito web che ti viene in mente.

recensione 2

“Sono stato membro di Elegant themes ormai da qualche anno e mi piace molto. Ho realizzato fantastici siti Web per i clienti utilizzando i loro fantastici temi e plug-in e non riesco mai a vedermi utilizzare nient'altro. Il servizio clienti non è secondo a nessuno, rispondono rapidamente e i consigli sono assolutamente affidabili. Ottima compagnia.»

Cosa dicono le persone su Elementor Pro

Gli utenti di Elementor lodano come sia uno dei migliori plugin gratuiti per la creazione di pagine sul mercato e quanto sia facile da usare che anche i principianti non hanno problemi a usarlo.

recensione 3

"Sono un nuovo utente del plug-in, ma non posso sottolineare abbastanza quanto sia facile da configurare e le funzioni che consentono di risparmiare tempo!"

recensione 4

"Nuovo in WP ma Elementor è un eccellente costruttore di pagine. Rende davvero lo sviluppo web più veloce e molto less frustrante. Inoltre fa un bellissimo lavoro. Una delle funzionalità che amo davvero è la possibilità di tornare alle versioni precedenti quando io o il computer incaschiamo qualcosa. È possibile tornare alla modifica precedente, a qualsiasi modifica in questa sessione oa qualsiasi modifica salvata. Adoro il concetto di blocco! Potrebbe utilizzare più modelli di blocco. Creare modelli Elementor è così facile da fare e da usare. Vorrei che ci fosse un widget PHP. La sfida consiste nel tenere il passo con tutti i nuovi miglioramenti man mano che vengono implementati frequentemente. Cercando sempre di migliorare questo buon prodotto. Continuate così ragazzi!"

Conclusione: Elementor o Divi?

Divi Builder ed Elementor offrono entrambi un'ampia varietà di funzionalità che possono aiutarti a creare bellissime pagine con facilità. Entrambi i costruttori di pagine si sono concentrati sulla facilità d'uso.

Sebbene abbiano molte somiglianze, le loro interfacce utente sono piuttosto diverse.

Elementor offre accessibilità avendo una barra laterale contenente strumenti e opzioni mentre Divi diventa semplice visualizzando il minor numero possibile di elementi dell'interfaccia utente.

Per quanto riguarda il numero di modelli predefiniti, Divi offre più opzioni rispetto a Elementor, ma entrambi i plug-in hanno un'opzione di importazione ed esportazione, che consente di aggiungere dozzine di modelli di terze parti da altre fonti.

In termini di prezzi, Elementor Pro è più costoso di Divi Builder poiché quest'ultimo ha una licenza a vita e un utilizzo illimitato del sito.

Elementor ha un prezzo massimo di $ 399 all'anno, che ti consente di utilizzarlo per mille siti. Offre anche una versione gratuita che offre ancora una potente suite di strumenti e persino modelli che ti consentono di creare bellissime pagine.

Pulizia del codice

Per quanto riguarda la pulizia del codice, Elementor lascerà un codice HTML pulito e valido se lo disattivi.

Divi lascerà alcuni codici brevi sulle pagine che sono in qualche modo un problema da risolvere, quindi ti blocca un po'.

Tuttavia, considerando che hanno un'opzione di licenza a vita, è in qualche modo giustificato.

Prestazione

Fino a poco tempo, non c'era molto da scegliere tra Elementor e Divi in ​​termini di prestazioni. Tutto è cambiato con il aggiornamento più recente a Divi.

Un nuovo aggiornamento al tema WordPress significa che ora è più leggero e veloce che mai.

La squadra è cambiata molto sotto il cofano. Il CSS è stato ridotto del 94%, Divi ora utilizza CSS dinamici e stili intelligenti per caricare solo il CSS per la pagina visualizzata e le duplicazioni sono state ridotte su tutta la linea.

Altri miglioramenti delle prestazioni in Divi includono l'introduzione di PHP dinamico per semplificare l'elaborazione, ottimizzazioni JavaScript, differimento del foglio di stile Gutenberg, memorizzazione nella cache del differimento jQuery per Google Fonts e fogli di stile in linea.

Divi ora ottiene 100 su Google PageSpeed ​​Desktop e 99 su Google PageSpeed ​​Mobile!

Sicurezza

Elementor ha avuto più gravi problemi di sicurezza in passato ma sono stati mitigati e risolti facilmente.

Divi builder ha anche riscontrato un grave problema di sicurezza nel gennaio del 2020.

La rotta Divi builder e il tema ha riscontrato una vulnerabilità di iniezione che ha richiesto un aggiornamento.

Questo ci porta a una semplice conclusione, indipendentemente dalle dimensioni del fornitore, le vulnerabilità sono sempre una possibilità. Il punto cruciale è come il venditore reacts a tale vulnerabilità. Entrambi questi fornitori hanno risposto in modo molto maturo alla vulnerabilità.

Capacità di creazione di temi

Quando questo articolo è stato scritto per la prima volta, Divi non aveva una funzione di creazione di temi. quindi in precedenza raccomandavamo Elementor se avevi bisogno di capacità di creazione di temi.

Ma qual è la situazione in questi giorni quando si tratta della costruzione del tema di Divi vs Elementor?

Tutto è cambiato quando è stato rilasciato Divi 4.0.

A questo punto, sia il builder che Elementor sono dotati dello stesso set di funzionalità.

In termini di personalizzazione e controllo, Divi ed Elementor c'è pochissima differenza tra i due.

Entrambi offrono potenti funzionalità di creazione di temi con controlli granulari che ti consentono di creare e progettare il tuo sito web nel modo che preferisci. Dalle pagine statiche personalizzate alle intestazioni, ai piè di pagina e al layout del corpo personalizzati, puoi crearli tutti!

Quindi, chi vince questo Elementor vs Divi builder confronto?

C'è una cosa che rende Divi builder il prodotto migliore in assoluto e prende il sopravvento: il tema Divi.

Divi è disponibile in due forme: un tema e un plug-in. Dovresti usare il plugin se vuoi usare il file Divi builder con temi di terze parti. Altrimenti, opteresti per utilizzare il tema.

Perché è così importante?

Integrazione e compatibilità.

Se scegli il tema, non avrai problemi di compatibilità.

Elementor ha il suo tema, ma quando lo confronti con il tema Divi, non c'è assolutamente confronto.

Il tema "Hello Elementor" è essenziale ed è destinato a utenti e sviluppatori avanzati in modo che possano svilupparsi ulteriormente su di esso. Se desideri un tema Elementor ricco di funzionalità, dovresti installare un prodotto di terze parti.

Potresti considerare di usare Astra in questo caso - un tema Elementor.

Principali differenze nella costruzione di temi

Una delle principali differenze tra l'utilizzo di Elementor e la funzione di creazione di temi di Divi è l'editor.

C'è una bella differenza nell'esperienza dell'utente, alla fine, quella che preferisci si riduce all'esperienza e alle preferenze personali.

Quando si modifica un'intestazione, un piè di pagina o un modello di corpo personalizzato in Divi Builder, l'editor si concentrerà solo su quella particolare area del tuo sito web.

Ad esempio, quando modifichi un'intestazione personalizzata, l'unica cosa visibile sullo schermo non è altro che l'area dell'intestazione.

editor di intestazione personalizzato divi

Usando Elementor, avrai una visione dell'intero sito web indipendentemente dal fatto che tu stia modificando un'intestazione, un piè di pagina o un layout del corpo.

elementor editor di intestazione personalizzato

A questo proposito possiamo dire che il Divi builder si concentra sull'editing senza distrazioni mentre si utilizza Elementor si vede l'intera immagine in qualsiasi momento.

Per saperne di più: WP Bakery vs Divi: un confronto completo.

Elementor vs Divi: pro e contro

Ogni prodotto ha punti di forza e di debolezza ed Elementor e Divi non sono diversi. Probabilmente ora è chiaro cosa penso che siano, ma per riassumere:

Pro di Divi:

  • Interfaccia pulita e moderna
  • Il nuovo Divi Builder ha cambiato il gioco
  • Consente l'uso gratuito di widget e codici brevi
  • Il prezzo è eccellente per agenzie e più siti web
  • Molti modelli e design da utilizzare

Contro di Divi:

  • Non puoi importare un intero modello di sito web, solo singole pagine
  • La disinstallazione lascia dietro di sé il codice
  • Il costo funziona davvero solo per più siti web

Pro di Elementor:

  • Semplice da usare e personalizzare
  • Eccellente gestione del layout e controllo preciso
  • Centinaia di personalizzazioni possibili
  • La versione gratuita lo rende molto accessibile
  • Le versioni premium offrono molte funzionalità extra

Contro di Elementor:

  • Richiede un tema WordPress separato
  • Più costoso di Divi

Elementor vs Divi: domande frequenti

Che cos'è Divi?

Divi è sia un generatore di pagine che una combinazione di temi WordPress. È un prodotto multiuso completo che può essere utilizzato per creare qualsiasi tipo di sito Web da zero, che si tratti di e-commerce, sito Web di nicchia o specifico del settore o portfolio. È prodotto da Elegant Themes ed è uno dei prodotti WordPress più popolari in circolazione ed è stato venduto più di 850,000 volte.

Che cos'è Elementor?

Elementor è uno dei page builder di WordPress più popolari in circolazione. Sebbene non sia un tema, ha anche potenti capacità di creazione di temi. In genere, Elementor viene utilizzato insieme a un tema per creare post e pagine personalizzati utilizzando le funzionalità di trascinamento della selezione. Elementor ha una versione gratuita ea pagamento. Grazie alla versione gratuita, e negli ultimi anni ha milioni di installazioni attive.

Qual è la differenza tra Divi e Divi builder? 

Divi è il tema di WordPress, Divi builder è l'editor drag and drop o il generatore di pagine che è parte integrante del tema Divi. In realtà, non è necessario fare alcuna distinzione tra loro, perché funzionano come cuciturelessmentire insieme.

Posso usare Divi su più siti?

Sì, una volta acquistato Divi al prezzo di $ 89, puoi utilizzarlo su siti illimitati, ma riceverai supporto e aggiornamenti solo per 1 anno. C'è una versione a $ 249 che ha siti illimitati a vita, supporto illimitato e aggiornamenti. Se utilizzi il nostro link che trovi in ​​questa pagina, avrai uno sconto del 10% su entrambi i prezzi.

Elementor è il miglior generatore di pagine?

Elementor è il miglior generatore di pagine attualmente in circolazione. Anche se questo è soggettivo e potrebbe non essere adatto a tutti, crediamo fermamente che nessun page builder da solo possa eguagliare le sue caratteristiche. Ovviamente questo non significa che sia adatto a tutti. Divi con il suo pacchetto di tema + generatore di pagine è un'opzione eccellente anche per molte persone.

Divi è meglio di Elementor?

Per alcune persone, che non vogliono acquistare un tema separato e un generatore di pagine, Divi può dare più valore, specialmente se acquisti l'offerta a vita. Se hai intenzione di creare un solo sito web, crediamo che Divi sia un'ottima scelta. Se hai intenzione di creare più siti o sei uno sviluppatore o un designer, Elementor potrebbe essere migliore perché è compatibile con più temi, ma nel complesso sarà più costoso di Divi.

Divi ed Elementor lavoreranno con Gutenberg?

Sì, sia Divi che Elementor funzionano bene con Gutenberg. 

Puoi usare Elementor con Divi?

Sì, puoi utilizzare Elementor con Divi se hai installato i plug-in giusti, ma dato che Divi ha le sue funzioni di page builder, riteniamo che sarebbe complessivamente meglio per il tuo sito Web utilizzare il plug-in divi per tutto il tempo.

Elementor contro Divi Builder: Pensieri finali

Quindi qual è il verdetto finale quando si tratta dei costruttori di pagine Divi vs Elementor? 

Alla fine, sia Divi che Elementor sono eccellenti costruttori di pagine. Dipende dalla tua attività e dai tuoi obiettivi.

Se hai bisogno del costruttore più semplice esistente per un sito o hai bisogno di un piano GRATUITO, scegli Elementor.

Se sei un'agenzia con tantissimi siti e devi creare centinaia di pagine, scegli Divi. C'è un motivo per cui tutte le agenzie e le aziende serie utilizzano l'accesso a vita di Divi: è il miglior valore del settore.

Ottieni Divi ora   Ottieni Elementor ora

L'autore
Davide Attard
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? ;-)
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.

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