Confronto affiancato Elementor vs Divi (2021)

I page builder hanno avuto un impatto significativo sulla community di WordPress perché forniscono un facile accesso alla progettazione e la personalizzazione di un sito Web per tutti senza alcuna conoscenza di codifica richiesta.

Divi è uno dei più popolari generatori di pagine WordPress e combinazioni di temi. Ha accumulato una quantità impressionante di utenti dedicati con molte funzionalità uniche esclusive di Divi.

Elementor è un altro generatore di pagine WordPress ampiamente utilizzato. Molti utenti sono entusiasti delle sue vaste opzioni e facilità d'uso. Non troverai così tante funzionalità in nessun altro generatore di pagine. Elementor e Divi hanno diverse funzioni simili. Entrambi i plugin ottengono regolarmente nuove funzionalità e opzioni.

Divi ha recentemente rilasciato un nuovo gestore di modelli e molti modelli impressionanti. Hanno anche creato un nuovo generatore di temi e hanno migliorato e modernizzato molti dei loro moduli esistenti e delle funzionalità di accompagnamento.

Elementor ha creato un nuovissimo Theme Builder, che puoi utilizzare per progettare i tuoi modelli di post, pagine di archivio, intestazioni, piè di pagina e molto altro ancora. Inoltre, Elementor ora fornisce un impressionante motore di movimento e un generatore di popup .

Molti utenti ed esperti di WordPress preferiscono Divi ed Elementor per le loro numerose funzionalità incredibilmente facili da usare. Entrambi i plugin sono supportati da un'azienda molto rispettabile o da una forte rete di supporto di sviluppatori WordPress esperti. Sono anche ampiamente considerati come aventi la migliore stabilità e prestazioni complessive.

Ogni generatore di pagine è unico . Tutti hanno caratteristiche e funzioni che possono o non possono essere ideali per le esigenze individuali di ogni persona. Userò questo articolo per valutare in profondità Divi ed Elementor. Esaminerò le loro capacità, inclusi prezzi, interfacce utente, set di funzionalità e altro ancora.

Alla fine di questo articolo Elementor vs Divi, dovresti sapere tutto ciò che c'è da sapere su questi popolari costruttori di pagine. Saprai come funzionano Divi ed Elementor e cosa include ogni plugin. Puoi usare questa conoscenza per prendere una decisione informata su quale generatore di pagine è giusto per te.

NOTA: se sei interessato a come Elementor si confronta con altri plug-in di page builder, assicurati di controllare il mio confronto Elementor vs Visual Composer, Beaver Builder vs Elementor, Elementor vs WPBakery e Divi vs Beaver Builder.

Confronto Elementor vs Divi

Se non vuoi leggere tutti i dettagli di come questi due plugin si confrontano, ecco un breve riassunto delle principali differenze. Se sei interessato a maggiori dettagli e al confronto fianco a fianco, assicurati di leggere l'intero post. Assicurati di leggere l'intero post per vedere tutti i dettagli di confronto.

• Nome
• Prezzo
• Versione gratuita
• Costruttore visivo
• Modifica in linea
• # di elementi ufficiali
• Modelli già pronti
• Pannello di controllo della barra laterale
• Animazioni
• JS Parallasse
• Filtri
• Modalità di fusione
• Sfumature di sfondo
• punti di interruzione
• Inverti l'ordine delle colonne
• Crea intestazioni e piè di pagina
• Controlli di stile per gli elementi Woo
• Layout personalizzati per singolo prodotto WooCommerce
• Layout di archivio WooCommerce personalizzati
• Usa i blocchi progettati dal costruttore in Gutenberg
• Crea visivamente blocchi di Gutenberg modificabili
• Larghezza colonna trascinabile
• Incorpora dati dinamici nei modelli
• Condizioni
• Ripetitori
• CSS personalizzato
• JavaScript personalizzato
• Usa i widget di WordPress
• Elementi aggiuntivi di terze parti
• Flip Box
• Lettore audio dedicato
• Titolo animato
• Portafoglio
• Pulsanti di condivisione sociale
• Icone Social Follow
• Stile di base
• Margini/imbottitura personalizzati
• Caratteri/tipografia personalizzati
• Grondaie personalizzate
• Mostra/nascondi contenuto in base al dispositivo
• Margini diversi in base al dispositivo
• Diverse dimensioni dei caratteri in base al dispositivo

• ELEMENTOR
• Versione gratuita e a pagamento

  La versione a pagamento è di $ 49/anno per un sito, $ 99/anno per tre siti e $ 199/anno per 1000 siti.
• 53
• 300+

Leggi di più >

• DIVI
• Solo pagato

  Il prezzo per i siti illimitati è di $ 89 all'anno o $ 249 un pagamento una tantum.
• 46
• 110+

Leggi di più >

NOTA: quando i plug-in ricevono aggiornamenti, modifiche, nuove funzionalità vengono aggiunte, ecc. il confronto di cui sopra potrebbe diventare impreciso. Inoltre, non tutte le funzionalità offerte da ciascun plug-in sono menzionate nella tabella di confronto. Per informazioni più accurate, controlla i siti ufficiali.

Divi riassunto

Divi è disponibile sia come tema WordPress che come plug-in WordPress. Il plugin non è venduto separatamente, quindi quando ne acquisti uno, ottieni entrambi. L'interfaccia intuitiva del generatore di pagine rende molto semplice la comprensione di molte delle funzioni di base. Le funzionalità avanzate di Divi consentono anche ai principianti di creare pagine uniche senza dover inserire alcun codice.

Se sei uno sviluppatore esperto, scoprirai presto tutte le funzionalità avanzate che ti aiuteranno a creare pagine web dinamiche per i tuoi clienti, senza le innumerevoli ore di scrittura del codice da solo.

Alcuni utenti affermano che Divi funziona un po' più lentamente rispetto ad altri popolari page builder. Le dimensioni dei file per le opzioni e i moduli delle funzionalità di Divi sono in gran parte responsabili di questo problema. Quando usi Divi, spesso stai sacrificando la velocità per una maggiore funzionalità .

Ti starai chiedendo cosa succede al contenuto che hai creato se decidi di disattivare Divi. Se disattivi il plug-in Divi sul tuo sito, il contenuto rimane. Le uniche cose che perderai sono la formattazione e lo stile. Anche gli shortcode vengono lasciati indietro e possono essere disordinati.

Il plugin Divi è l'ideale per le persone a cui piace usare gli shortcode. Divi ha shortcode per quasi tutto ciò di cui hai bisogno. Hanno anche una comoda libreria per tutti i loro shortcode. Possono sicuramente tornare utili in situazioni in cui le funzionalità del generatore di pagine non possono ottenere ciò che desideri. Tieni presente che se decidi di utilizzare un altro generatore di pagine o smetti di utilizzare Divi, rimarrai con molti shortcode da rimuovere.

Divi include oltre 58 diversi pacchetti di layout con nuovi pacchetti di layout aggiunti regolarmente. Tutti questi pacchetti di layout sono pronti per l'uso appena estratti dalla scatola. Puoi usarli per creare layout impressionanti per le tue pagine. Divi ha anche 46 moduli di contenuto e puoi trovare molti componenti aggiuntivi Divi di terze parti (controlla anche le migliori icone Divi).

Il plug-in Divi funziona bene con quasi tutti i temi WordPress che rispettano gli standard di codifica di WordPress. Se non sei sicuro se un particolare tema sarà compatibile o meno, puoi chiedere al loro team di supporto.

Non esiste una prova gratuita del plug-in Divi , ma offre una garanzia di rimborso di 30 giorni se non sei completamente soddisfatto del loro prodotto, puoi chiedere un rimborso. Puoi acquistare Divi per siti illimitati a $ 89 all'anno o $ 249 per aggiornamenti e accesso a vita. Poiché Divi non può essere acquistato separatamente, nel prezzo sono inclusi tutti i plugin e i temi di Elegant Themes. Per maggiori informazioni assicurati di controllare la recensione di Divi.

Elementor riassunto

Elementor è disponibile solo come plug-in di WordPress. Funziona con la maggior parte dei temi (elencati qui) che rispettano gli standard di codifica di WordPress.

Il generatore di pagine di Elementor è semplice. L' interfaccia è intuitivamente facile da usare. Tutto quello che devi fare è trascinare e rilasciare gli elementi che desideri e quindi aggiungere i tuoi contenuti. I moduli di animazione e design possono essere utilizzati anche per risultati ancora migliori.

Se decidi di disattivare il plug-in Elementor , tutti i contenuti e le pagine che hai creato rimarranno gli stessi. Gli unici problemi che potresti incontrare sarebbero con la formattazione e gli stili che dipendono da Elementor.

A differenza di Divi, Elementor non ha una libreria di shortcode . Hanno un pratico widget shortcode che può essere utilizzato per shortcode da modelli salvati, plug-in di terze parti e qualsiasi altro shortcode che potresti avere.

Le prestazioni e la velocità di Elementor sono paragonabili a quelle di altri popolari costruttori di pagine. Lo fanno riducendo effettivamente le dimensioni dei file che un utente deve scaricare, aumentandone così la velocità e le prestazioni.

Sono inclusi oltre 100 design prefabbricati . Puoi personalizzare ulteriormente questi design in tutti i tipi di layout unici. Puoi anche salvare ogni design personalizzato.

La versione gratuita di Elementor (vedi la differenza tra Elementor free vs Elementor pro) include 29 moduli di contenuto. La versione a pagamento include oltre 30 moduli di contenuto aggiuntivi . Esistono anche numerosi componenti aggiuntivi di Elementor di terze parti come Jet Plugin, Plus Addons per Elementor, Master Addons per Elementor, elementi Stratum Elementor, ecc.

Le versioni gratuita e pro (a pagamento) di Elementor variano in termini di caratteristiche e funzionalità offerte. Non esiste un periodo di prova per la versione pro, ma offrono una garanzia di rimborso di 30 giorni.

Confronto tra versione gratuita e a pagamento di Elementor

• NOME
• PREZZO
• Libreria modelli
• Esporta/Importa modelli
• Modifica mobile
• Divisore di forma
• Video Lightbox
• Scatola ombra
• Ombra del testo
• Sovrapposizione di sfondo
• Animazione al passaggio del mouse
• Animazione d'ingresso
• Intestazione
• Immagine
• Editor di testo
• video
• Pulsante
• Casella immagine
• Testimonianze
• Icona
• Scatola delle icone
• Icone sociali
• galleria di immagini
• Carosello di immagini
• Elenco delle icone
• Contatore
• Barra di avanzamento
• schede
• Fisarmonica
• Attiva/disattiva
• Mettere in guardia
• HTML
• Codice corto
• Menu Ancora
• barra laterale
• Google Maps
• SoundCloud
• Divisore
• distanziatore
• colonne
• Effetto sfumatura di sfondo
• Cronologia delle revisioni
• Modello tela vuota
• Modalità di manutenzione
• Impostazioni pagina
• Elemento al passaggio del mouse
• Ripeti/Annulla
• Forme
• diapositive
• Post
• Portafoglio
• Incorpora ovunque
• Widget globale
• CSS personalizzato
• Modelli professionali
• Tabella dei prezzi
• Listino prezzi
• Conto alla rovescia
• Prodotti per WC
• Elementi WC
• Categorie WC
• WC Aggiungi al carrello
• Flip Box
• Layout in muratura
• Impaginazione del blog
• Effetto Ken Burns
• Pulsanti di condivisione
• Integrazioni di moduli
• Widget di accesso
• Titolo animato
• Widget di Facebook
• citazione
• Menu di navigazione
• Carosello multimediale
• Widget di invito all'azione
• Caratteri personalizzati
• Generatore di intestazioni e piè di pagina
• Design dinamico di singoli post e pagine di archivio
• Integrazione ACF e set di strumenti

• ELEMENTO GRATUITO
• GRATUITO

Per saperne di più

• ELEMENTOR PRO
• $49/anno per un sito

Per saperne di più

Puoi acquistare una versione a pagamento di Elementor per $ 49/anno per 1 sito, $ 99/anno per 3 siti o $ 199/anno per 1000 siti.

Quali sono le differenze tra Elementor e Divi?

Ecco alcune delle funzionalità che Elementor e Divi hanno uguali o diverse.

Interfaccia frontend

Sia Elementor che Divi hanno semplici interfacce drag and drop. Tutto quello che devi fare è fare clic sull'elemento che desideri, trascinarlo nella posizione corretta e rilasciarlo.

Gli elementi di Divi vengono visualizzati nel layout di pagina. Scegliere il tuo elemento e sistemarlo sulla pagina è tutto ciò che serve. Puoi aggiungere più elementi dai moduli extra che sono già inclusi.

Gli elementi di Elementor si trovano nella sezione a sinistra della tua pagina. Inizierai con un layout di pagina vuoto oppure puoi utilizzare un modello già pronto. Scegli gli elementi di cui hai bisogno e riorganizzali come vuoi che appaiano sulla tua pagina.

Le interfacce utente di entrambi i plug-in sono notevolmente migliorate da quando i page builder sono stati immessi sul mercato per la prima volta. Sono molto diversi dall'esperienza standard dell'editor di contenuti di WordPress. L'utilizzo di entrambi i plugin richiederà una discreta quantità di tempo per abituarsi alle loro caratteristiche e funzionalità.

Tuttavia, con un po' di perseveranza e alcuni tentativi ed errori, sarai in grado di creare il tipo di design dei contenuti che non è possibile con l'editor WordPress predefinito.

Un netto vantaggio che Divi ha è la sua modalità wireframe . Passando a quella visualizzazione verrà visualizzata la struttura sottostante della pagina selezionata. Qualsiasi contenuto che hai aggiunto alla tua pagina verrà nascosto. Puoi utilizzare questa funzione per sapere quali moduli sono stati utilizzati e come è stata creata la pagina stessa. La funzione Navigator di Elementor è in qualche modo simile ma non è così intuitiva.

SOMMARIO: Elementor è più facile da usare rispetto a Divi. La sua interfaccia utente può essere appresa più velocemente perché la sua interfaccia non è così unica come Divi.

Modelli di contenuto modificabili

Entrambi i plug-in per la creazione di pagine sono risorse meravigliose per la progettazione e la creazione di design di pagine personalizzate. Tuttavia, il processo effettivo può richiedere molto tempo e fatica. Se non sei esperto nel design della pagina, le cose possono diventare ancora più complicate e frustranti.

Divi ed Elementor Pro e, in misura minore, la versione gratuita di Elementor, sono dotati di numerosi modelli di alta qualità . Ogni modello è pronto per essere utilizzato immediatamente. Devi solo apportare alcune modifiche oppure puoi personalizzarli in modo che siano del tutto unici.

Alcuni esempi dei tipi di modelli a cui puoi accedere con entrambi i plugin includono:

• Modelli di blog per cibo, salute, viaggi e altri argomenti
• Modelli di siti focalizzati su un'azienda
• Modelli di negozio online di e-commerce
• Modelli per liberi professionisti e fornitori di servizi
• Modelli di landing page progettati per aiutarti a convertire più vendite
• Agenzia di ottimizzazione dei motori di ricerca, design e modelli di marketing
• Modelli per portfolio online

È disponibile un modello di design pertinente per quasi tutti gli scopi. Elementor include oltre 150 modelli e Divi fornisce ai suoi utenti oltre 1.000 layout . Anche se la versione gratuita di Elementor contiene solo circa 40 modelli, potresti trovare il modello di cui hai bisogno da questa piccola selezione.

Il numero di modelli offerti da entrambi i plug-in è impressionante, ma è più importante concentrarsi sui modelli che soddisfano meglio le proprie esigenze piuttosto che concentrarsi sul prodotto con il maggior numero di modelli.

RIEPILOGO: i layout di Divi sono separati in pacchetti di siti Web in modo che la loro libreria di modelli in crescita sia più facile da gestire per gli utenti. Ogni pacchetto di siti Web di solito include layout per pagine di destinazione, pagine su di noi, pagine di contatto, portfolio, pagine di blog, pagine di destinazione e altre pagine di contenuto per il tuo sito.

Questa è una grande funzionalità per risparmiare tempo perché hai tutto ciò di cui hai bisogno in un'unica posizione. Sentiti libero di mescolare e abbinare i modelli di altri pacchetti come meglio credi.

I modelli di Elementor non sono organizzati in modo così ordinato, quindi potresti finire per passare più tempo a sfogliare i modelli prima di trovare quelli giusti da utilizzare. Hanno set di modelli progettati per scopi specifici, come la progettazione di layout per il tuo portfolio online o la creazione del tuo sito di agenzia digitale.

L'importazione di modelli è semplice sia per Divi che per Elementor, consentendoti di aggiungere nuove pagine al tuo sito Web attuale o creare un sito nuovo di zecca da zero in pochissimo tempo.

Widget e moduli

Sia Divi che Elementor hanno diversi moduli e widget utili che possono essere utilizzati per progettare pagine e integrare elementi tramite le interfacce del generatore di pagine.

I moduli Divi (così vengono chiamati in Divi) sono tutti inclusi nel loro pacchetto. Elementor include alcuni elementi (widget) con la versione gratuita e ne aggiunge molti altri con la versione Pro.

Divi fornisce ai suoi utenti 40 widget. L'edizione gratuita di Elementor offre 30 widget e la sua versione pro include oltre 40 widget aggiuntivi.

I moduli e i widget di ogni plugin sono molto personalizzabili. Hai il controllo completo sull'aspetto di ciascuno di essi prima di aggiungerli alle pagine del tuo sito web.

SOMMARIO: È difficile determinare quale plug-in offre un modulo migliore e opzioni di widget. Elementor ha più moduli e widget da utilizzare, ma la tua selezione dovrebbe essere basata sugli elementi della pagina che intendi utilizzare.

Facilità d'uso / Facilità d'uso

Costruttori di temi

La maggior parte dei moderni plug-in per la creazione di pagine ti consente solo di lavorare sulla pagina o pubblicare contenuti. Non ti consentono di lavorare su modelli di archivio di blog, singoli post di blog, intestazioni, piè di pagina di modifica o altre aree del tuo sito Web definite dal tuo tema. Divi ed Elementor ora hanno una funzione Theme Builder che è stata incorporata dopo i recenti aggiornamenti.

Questo non è un concetto nuovo, anche Visual Composer Website Builder (controlla le differenze tra Visual Composer Website Builder gratuito e pro) e Thrive Theme Builder (sebbene questo sia un tema, ma creato nel concetto di page builder) ti consente di modificare gli elementi controllati dal tema .

Puoi utilizzare questa funzione per personalizzare i piè di pagina e le intestazioni sul tuo sito web. Possono essere progettati utilizzando modelli esistenti oppure possono essere creati da zero. I piè di pagina e le intestazioni che crei possono quindi essere assegnati solo a determinate parti del tuo sito Web o all'intero sito.

La creazione di aree di intestazione personalizzate in Elementor viene eseguita tramite l'interfaccia del generatore di pagine. Ciò ti consente di controllare come apparirà quella parte del tuo sito, indipendentemente dal tema selezionato. L'interfaccia viene utilizzata anche per definire menu per intestazioni personalizzate, logo del sito e altri contenuti dinamici.

Molte delle funzioni del generatore di temi di Divi sono simili a quelle di Elementor, rendendo possibile l'utilizzo dell'interfaccia per gestire tutti gli aspetti del tuo sito Web WordPress.

Funzionalità come le impostazioni di pubblicazione condizionale di entrambi gli strumenti semplificano l'assegnazione automatica di modelli, come un layout personalizzato di un singolo articolo, a contenuti di categorie specifiche, ad esempio.

SOMMARIO: se desideri progettare intestazioni, piè di pagina, modelli di post di blog personalizzati e altro, sia Divi che Elementor Pro lo rendono possibile con le loro funzionalità di creazione di temi.

Caratteristiche aggiuntive

Oltre ad avere editor visivi impressionanti, un sacco di modelli tra cui scegliere e tutte le funzioni essenziali che ti aspetteresti dal popolare strumento di creazione di pagine, Divi ed Elementor hanno anche altre funzionalità degne di nota.

CONDOTTI DIVI

Divi Leads è uno strumento utile che può aiutarti a ottimizzare i tuoi contenuti online in modo più efficace. Non dovrai indovinare o preoccuparti di progettare pagine personalizzate di qualità per invitare i visitatori del sito a iscriversi alla tua lista di e-mail, acquistare i tuoi prodotti o servizi, porre domande utilizzando il modulo di contatto o eseguire altre azioni desiderate grazie a Divi Leads.

La cosa bella di Divi Leads è che è integrato con il generatore di pagine. Puoi creare più versioni di titoli, pulsanti o altri eventi di pagina ed eseguire test divisi su di essi. Lo strumento mostrerà le varie versioni degli elementi che hai selezionato a diversi sottoinsiemi del pubblico del tuo sito.

Le interazioni del pubblico con questi particolari elementi vengono monitorate durante i test. Puoi vedere quali elementi forniscono i migliori risultati complessivi . L'esecuzione dei test e l'accumulo di dati sono processi manuali una volta che hai progettato e scelto le varianti che desideri testare. Divi Leads può informarti se il design della tua pagina può effettivamente essere all'altezza delle tue aspettative.

Elementor non ha un'opzione di test diviso , ma puoi utilizzare Google Optimize. Ciò ti consente di utilizzare il test A/B su contenuti personalizzati. L'utilizzo di questa funzione con il tuo generatore di pagine può aiutarti a ottimizzare meglio i tuoi contenuti e imparare a quali elementi è più probabile che i visitatori del tuo sito rispondano o con cui interagiscano.

ELEMENTOR POP-UP

Una caratteristica unica di Elementor Pro è un generatore di pop-up. Può essere utilizzato per creare display a schermo intero, barre di benvenuto, fly-in e pop-up accattivanti utilizzando l'interfaccia del generatore di pagine di Elementor. I popup e le loro varianti sono un ottimo modo per convincere i visitatori del tuo sito a visualizzare annunci o eseguire altre azioni desiderate sul tuo sito.

Divi non ha questo tipo di funzionalità, ma l'acquisto dell'abbonamento a Elegant Themes fornisce l'accesso a Bloom, un potente plug-in di attivazione e-mail e pop-up che offre l'integrazione con Divi. Ma avere la funzionalità integrata nel plug-in, come fa Elementor, è molto più conveniente che dover installare un plug-in separato per ottenere gli stessi risultati.

Componenti aggiuntivi e opzioni di aggiornamento

A causa dell'immensa popolarità di Divi ed Elementor, sono stati creati molti componenti aggiuntivi Divi ed Elementor di terze parti per ciascun plug-in. Alcuni componenti aggiuntivi sono gratuiti e alcuni sono estensioni a pagamento. Se scopri che non puoi fare qualcosa in Divi o Elementor, ci sono buone probabilità che troverai quello che stai cercando in una di queste opzioni di terze parti.

Se ancora non riesci a trovare un componente aggiuntivo che soddisfi le tue esigenze, puoi codificare un componente aggiuntivo o assumere uno sviluppatore che faccia il lavoro per te. Ci sono molte informazioni sul sito Web di Elementor per le persone che desiderano creare i propri componenti aggiuntivi o aggiornare le estensioni.

Prezzi Divi vs Elementor

Conclusione Elementor o Divi

Divi ed Elementor sono ottimi plugin per la creazione di pagine di WordPress. Puoi gestire le tue pagine, i post, i piè di pagina, le intestazioni e tutte le altre aree del tuo sito web. Il potenziale creativo è quasi illimitato.

Entrambi i plugin funzionano bene. Se hai bisogno di scegliere tra i due , dai un'occhiata ai modelli che ognuno di loro ha e quali modelli è più probabile che utilizzi. Questo può aiutarti a selezionare lo strumento che meglio soddisfa le tue esigenze.

Potresti voler controllare anche i moduli/widget inclusi , nel caso in cui ci sia un elemento particolare che desideri aggiungere al tuo sito che non è incluso in Divi o Elementor.

Elementor è probabilmente il più semplice dei due plugin da usare subito. La sua interfaccia utente intuitiva potrebbe essere l'ideale se non hai il tempo o la pazienza per imparare un sistema nuovo di zecca.