Visual Composer vs Elementor: guida definitiva per principianti

Scegliere tra Visual Composer ed Elementor non è affatto un compito facile. Personalmente, ho usato entrambi gli strumenti e ho ancora trovato difficile superare lo spazio di comfort che ottengo durante l'utilizzo di ciascuno di questi strumenti di creazione di pagine.

Dal momento che era difficile prendere una decisione con la mia esperienza, ho cercato diverse prospettive dell'utente e alla fine le ho consolidate in un articolo.

Sia i costruttori di siti Web Elementor che Visual Composer sono estremamente popolari e flessibili e hanno consolidato il loro posto nell'elenco dei migliori strumenti di creazione di 5 pagine del 2021.

Tuttavia, qualcuno deve tracciare una linea e mostrare le differenze in modo che sia facile capire in cosa stanno per entrare prima di iniziare.

Metterò la mia comprensione collettiva della questione.

Quindi, se vuoi prendere una decisione su Visual Composer e sul costruttore di siti Web Elementor nei dettagli, resta con me fino alla fine.

Posso garantirti che i tuoi problemi sarebbero finiti per sempre.

Di fretta? Ecco un suggerimento utile

Tra Visual Composer vs Elementor, mi schiererei con Elementor per molte ragioni che vedo ovvie.

Sebbene sia possibile eseguire lo stesso lavoro con entrambi gli strumenti, il mio giudizio si basa sulla comprensione dello strumento da parte dell'utente, semplicità, esperienza dell'utente, flessibilità e altri aspetti che interessano più o meno a tutti.

Una breve introduzione

elementor

Elementor è noto a quasi tutti gli utenti di WordPress e il numero impressionante di 5 milioni di utenti mostra come sia stato ampiamente accettato come strumento di creazione di pagine di riferimento per la creazione di siti Web WordPress.

Ciò è dovuto principalmente alla semplicità, flessibilità, versatilità e supporto di prim'ordine che offre con lo strumento.

Inoltre, non è necessaria alcuna conoscenza del codice per creare un sito Web minimalista, progettato e dall'aspetto pulito.

Prezzo: $ 49 – $ 199

Offerte: la versione di prova è utilizzabile per 30 giorni

Compositore visivo

A partire dal 2017, Visual Composer è stato rinnovato e rinominato in WPBakery Page Builder.

La versione più recente è senza dubbio più flessibile e ben progettata rispetto al suo predecessore.

Indubbiamente è uno degli strumenti di creazione di pagine più popolari e fa facilmente un nome nella top 5 dei costruttori di siti Web WordPress con la sua libreria unica di widget e modelli unici.

Prezzo: $ 45 – $ 245

Offerte: 15% di sconto sull'acquisto

Visual Composer vs Elementor: tabella di confronto

Visual Composer vs Elementor: quali sono le somiglianze?

Sia Visual Composer che Elementor sono simili in termini di utilizzo. Quindi, possiamo dire che la base di entrambi questi strumenti è praticamente la stessa.

Entrambi i page builder possono creare siti Web reattivi al 100% che sono compatibili con i motori di ricerca e davvero facili da usare.

Il design semplice è affascinante e sembra essere la cosa più importante di questi strumenti per la creazione di pagine.

Puoi seguire quello che vuoi trovare e quello che stai cercando in pochi secondi, e non ti servirà per capire a fondo il sistema.

I sistemi di trascinamento e rilascio visivi sono presenti in entrambi gli strumenti, che è la somiglianza più evidente.

Puoi creare la tua pagina Web personalizzata utilizzando il generatore di pagine visive su una tela bianca vuota e il tuo sito Web avrà lo stesso aspetto dopo la creazione.

Puoi scegliere widget personalizzati dalla libreria o creare il tuo concetto a tema da zero, il che è anche possibile.

Infine, se cadi nei guai e hai bisogno di una procedura dettagliata per sbarazzartene, entrambi questi strumenti offrono un'ampia assistenza clienti che risponde alle tue domande entro 30 minuti fino a un massimo di 24 ore.

Visual Composer vs Elementor: differenze dal punto di vista di un utente generale

Le differenze sottili sono difficili da distinguere e poiché entrambi gli strumenti offrono le stesse funzionalità. Sai che devi familiarizzare con la piattaforma prima di iniziare a notare le cose.

Ecco alcune differenze che dovresti notare in anticipo quando si riduce a Visual Composer vs Elementor.

Interfaccia utente

elementor

L'interfaccia utente di Elementor è composta da due parti. La barra laterale a sinistra e la tela a destra.

La sezione di anteprima o la tela occupa la maggior parte dello schermo in quanto mostra tutti gli aspetti visivi che inserisci nei tuoi siti web.

La tela ti offre l'opzione di anteprima dal vivo che interessa a tutti.

Onestamente, questa anteprima dal vivo è ciò che rende l'esperienza senza codifica così divertente quando si tratta di creare siti Web puliti e minimalisti.

Inoltre, sulla destra è presente un mega menu che mostra tutti i widget, gli elementi e le impostazioni.

Ti dà la possibilità di selezionare modelli dalla vasta collezione di modelli della libreria Elementor. I tuoi modelli, widget e altro ancora salvati personalizzati.

La parte inferiore sinistra dello schermo offre altre tre opzioni: Impostazioni generali, Cronologia, Navigatore e Modalità reattiva.

1. Le impostazioni generali ti consentono di vedere lo stato corrente della pagina, se è pubblicata o meno, il suo titolo, l'immagine in primo piano sulla pagina e alcune altre informazioni evidenziate.
2. La cronologia consente di vedere le diverse versioni dei progetti salvati che possono essere ripristinati.
3. Il navigatore crea un albero di navigazione popup per rendere la navigazione fluida.
4. La modalità reattiva ti consente di vedere il tuo sito su tutti i dispositivi utilizzando un solo schermo.

Compositore visivo

Visual Composer ha un'interfaccia simile a quella di Elementor. In effetti, puoi anche chiamarlo editor frontend What You See Is What You Get (WYSIWYG).

Ciò significa che potrai vedere tutto ciò che crei sulla tela, il che significa che essenzialmente non avrai alcun segnaposto che rappresenti un particolare blocco di pagina.

Ecco le seguenti parti che puoi trovare nella dashboard di Visual Composer:

• La finestra dell'editor degli elementi
• L'editor live o l'editor frontend (funzione di trascinamento della selezione)
• I pannelli di navigazione
• Impostazioni
• Una vista ad albero del sito

La finestra di modifica dell'elemento si trova fluttuante sopra ogni elemento bloccato del sito web. Basta passare il mouse sull'elemento selezionato per ottenere l'elenco delle opzioni modificabili da un menu a discesa.

L'editor frontend è l'editor visuale di Visual Composer. Ti consente di organizzare e allineare diversi componenti trascinandoli e rilasciandoli dalla barra dei widget nell'editor.

La cosa migliore è che puoi giocare come preferisci e comunque non complichi il design perché tutto viene curato in background senza che tu te ne accorga.

Il pannello di navigazione ti consente di accedere alle impostazioni in cui puoi ottimizzare con precisione i diversi elementi del tuo sito Web dalla modifica delle immagini, all'altezza e alla larghezza di un componente, alla dimensione e al peso del carattere, ecc.

Le impostazioni non hanno molto a che fare con il resto del sito web.

Come principiante, non avresti bisogno di scherzare con esso per il tuo primo progetto.

Ma puoi iniziare a esplorare quali opzioni ha dopo aver finito con il tuo primo sito web.

La visualizzazione ad albero è un modo efficiente per navigare abbastanza facilmente tra le diverse pagine del tuo sito web.

In effetti, puoi anche utilizzare la modalità di visualizzazione ad albero per modificare qualsiasi componente scelto sulla pagina Web in movimento.

L'edizione Premium di Visual Composer ha opzioni aggiuntive per la modifica delle barre laterali, toter, intestazione, che è anche un punto di forza considerevolmente buono.

Verdetto

Entrambe le interfacce hanno le stesse caratteristiche con lievi modifiche. Tuttavia, preferirei Elementor per i piccoli aspetti creativi del design.

Elementi disponibili

elementor

Gli elementi sono ciò che ti aiuta a creare una pagina web utilizzando gli strumenti di creazione di pagine. Quindi, un buon generatore di pagine come Elementor deve avere un numero considerevole di elementi con esso.

A questo proposito, Elementor ha 3 tipi principali di elementi: sezioni, colonne e widget in quell'ordine specifico.

La versione gratuita di Elementor ha 30 diversi widget per il tuo sito Web, che aumentano a 50 una volta acquistata la versione di Elementor Pro.

Inoltre, c'è un enorme archivio di modelli creati in modo creativo che puoi trovare nella libreria di Elementor.

Ti mentirei se non ti dicessi che sono rimasto profondamente colpito da ciò che la libreria Elementor aveva da offrire.

La prima differenza è che interessa l'intera sezione se si apportano modifiche a una sezione specifica.

Lo stesso accade quando si applica la modifica a una colonna.

Ma al contrario, se applichi la modifica a un widget, la modifica rimane confinata solo a quel widget.

Compositore visivo

Gli elementi di Visual Composer sono costituiti da blocchi di contenuto come icone, pulsanti, blocchi di testo, ecc.

Come utente, puoi integrare questi blocchi nella tua pagina web per creare un layout per il tuo sito web.

Ci sono oltre 100 elementi di contenuto nelle versioni gratuite e premium di Visual Composer organizzati nei seguenti gruppi logici: Basic, Media, Container, Social, WordPress e Content.

L'hub di modelli basato su cloud ti consente di scaricare il blocco di contenuto specifico di cui hai bisogno e questo impedisce al tuo sito di rallentare.

Ciò riduce anche la dipendenza da plug-in di terze parti, consentendo così al tuo sito di funzionare ancora più velocemente senza risorse aggiuntive.

Verdetto

È una cravatta. Entrambi gli strumenti offrono pacchetti di modelli, widget e componenti da utilizzare, e questo per me è una grande vittoria.

Opzioni di stile

elementor

Le opzioni di stile sono semplici in Elementor. Se scegli un elemento, posiziona automaticamente gli stili globali sul contenuto esistente.

Le impostazioni possono essere regolate nel modo desiderato dalle "impostazioni di stile" modificando widget, sezioni e colonne come preferisci.

Inoltre, ci sono molte opzioni di stile disponibili da esplorare gradualmente man mano che ti senti a tuo agio e capisci lo stile.

Compositore visivo

Ci sono centinaia di opzioni di stile semplificate in un'unica finestra per creare una perfetta comprensione del sistema da parte dell'utente durante l'utilizzo di Visual Composer.

Puoi dire che è simile a Elementor in molti modi perché puoi fare le stesse cose in Visual Composer.

Verdetto

Entrambi gli strumenti offrono opzioni semplificate ma estese per lo styling. Questa è una cravatta.

modelli

elementor

Elementor ha 40 modelli ben progettati nella versione gratuita con aggiornamenti a vita se continui a usarli.

Ma ci sono limitazioni a questo. Il numero di widget che puoi utilizzare nella versione gratuita è limitato a un certo numero.

Tuttavia, se scegli la versione pro, ottieni immediatamente l'accesso a più di 300 diversi componenti e modelli aggiuntivi.

I modelli di blocco vengono utilizzati per creare una sezione specifica della pagina, ad esempio moduli di contatto, moduli CTA, ecc. D'altra parte, i modelli di pagina sono più orientati alla creazione di un'intera pagina.

Compositore visivo

Il compositore visivo dispone di due diversi tipi di modelli: modelli predefiniti e modelli definiti dall'utente.

Naturalmente, ogni modello è progettato in modo univoco per soddisfare scopi specifici oppure puoi riprogettarlo come desideri.

Ma quelle opzioni personalizzabili diventano limitate se usi l'edizione gratuita, che ovviamente aumenta di dieci volte se decidi di acquistare un abbonamento premium.

Verdetto

Questo è stato il più difficile da decidere perché entrambi questi strumenti hanno così tanti elementi promettenti e unici da fornire. Direi che anche questo è un pareggio.

Integrazione WooCommerce

elementor

La perfetta integrazione con WooCommerce è la caratteristica essenziale, secondo me, ed Elementor lo fa bene.

Inoltre, le funzionalità di personalizzazione sono facili da utilizzare con il widget archivio prodotti che ti aiuta a verificare.

Quali prodotti verranno visualizzati nell'elenco, personalizzare l'aspetto di ciascun elemento in quell'elenco, tipografia, tavolozze di colori e altre funzionalità?

Sono disponibili opzioni per personalizzare le pagine dei risultati di ricerca dei prodotti e incorporare widget aggiuntivi per rendere la pagina più interattiva.

Il carrello del menu è un'altra ottima opzione che ti consente di aggiungere un pulsante "aggiungi al carrello" sulla tua pagina e puoi personalizzarlo come desideri per renderlo più avvincente da fare clic.

Compositore visivo

Il compositore visivo supporta l'integrazione perfetta di WooCommerce con i suoi temi, quindi tutti trovano utile creare un sito Web WordPress di e-commerce.

Puoi accedere agli elementi WooCommerce da Visual Composer Hub per creare la pagina del prodotto. Ecco alcuni degli elementi di cui puoi usufruire:

WooCommerce Aggiungi al carrello, categoria prodotto, pagina prodotto, prodotti recenti, prodotti correlati, monitoraggio dell'ordine, pagina di pagamento, prodotti in evidenza, carrello, pagamento carrello, ecc.

Verdetto

Questo è un punto essenziale di tutti loro. Se stai integrando solo il plug-in WooCommerce e gli elementi WooCommerce, allora è un pareggio.

Ma se aggiungi qualche altra cosa come l'integrazione CRM, allora Elementor è la scelta migliore.

Dico questo perché, molte volte, avresti bisogno di integrare altri strumenti complessi tranne WooCommerce e scoprirai che Elementor offre tutti i tipi di integrazione, a differenza di Visual Composer.

Generatore di temi

elementor

Il plug-in per la creazione di temi ti consente di creare il tuo tema, da zero o su un modello esistente, come puoi creare una pagina web su Elementor.

Il processo è lo stesso in cui progetti il ​​tuo concetto su una tela bianca, personalizzando le intestazioni e i piè di pagina allineati con il tema del tuo sito web.

Puoi applicare lo stesso processo per creare intestazioni, loghi del sito, menu e altri componenti pertinenti essenziali per il tuo sito.

Compositore visivo

Visual Composer Premium ti consente di creare il tuo tema, proprio come il generatore di pagine Web, e in questo caso non c'è molta differenza con Elementor.

Se consideri la tela e gli strumenti di modifica, noterai che ci sono sottili cambiamenti. Ad esempio, l'editor di altezza e larghezza di ciascun componente è più orientato verso la barra laterale.

Prima di andare a creare il tuo tema su Visual Composer, assicurati di avere installato il componente aggiuntivo Theme Builder.

In questo modo puoi accedere all'editor di intestazione, piè di pagina e barra laterale e, soprattutto, accedere ai componenti che devi scaricare da Visual Composer Hub.

Inoltre, i controlli globali ti consentono di modificare intestazioni e piè di pagina molto più facilmente. Puoi abilitare tipi di post personalizzati, post e pagine e pagine WordPress predefinite. Viene fornito con esso, ad esempio: la pagina dei risultati di ricerca, la pagina di errore 404, la pagina di archivio, le pagine di WooCommerce possono essere modificate.

Verdetto

Questo è un punto in più per Visual Composer. Hanno fornito abbastanza opzioni di modifica con i loro editor di intestazione e piè di pagina e alcune altre parti di un tema che non ho visto in Elementor.

Componenti aggiuntivi

elementor

Il team di Elementor è costantemente in esecuzione per creare risorse dal design intuitivo che si distinguano dal resto del mercato, dove puoi trovare modelli, temi, widget gratuiti, ecc.

Un numero enorme di componenti aggiuntivi dà un tocco più creativo al tuo sito Web e supportato da blocchi extra, widget che costituiscono un pacchetto completo.

Compositore visivo

Quando i widget o i modelli aggiuntivi predefiniti non sono sufficienti per il tuo lavoro, sai che è ora di costruire qualcosa fuori dall'ambito delle attuali capacità di Visual Composer. Ma ecco una soluzione rapida.

Vai alla sezione Addons di Visual Composer Hub, dove puoi trovare estensioni esclusive create appositamente per scopi speciali che puoi scaricare gratuitamente.

Inoltre, puoi anche utilizzare i modelli globali, l'importazione e l'esportazione, il widget dei modelli, i blocchi di Gutenberg, il generatore di temi, i campi dinamici, la pagina della modalità di manutenzione, il generatore di popup, le librerie di icone premium e altre opzioni di progettazione premium.

Ma la sua funzione è esclusiva solo per gli utenti di Visual Composer Premium.

Verdetto

Questo va a Visual Composer per la loro immensa collezione di componenti aggiuntivi in ​​Visual Composer Hub.

Elementor è creativamente uguale in questo aspetto, ma Visual Composer ha il vantaggio numerico.

Caratteristiche uniche

elementor

Elementor ha alcune funzionalità esclusive solo per gli utenti di Elementor.

Una di queste funzionalità è: la funzione Incorpora ovunque che ti consente di incorporare un modello selezionato e replicarlo utilizzando gli shortcode.

In effetti, tutte le sezioni di Elementor accettano gli shortcode e rendono lo sviluppo molto più veloce.

Global Widget è un'altra fantastica funzionalità che ti consente di salvare un design personalizzato una volta e di replicarlo in qualsiasi momento in futuro, come un modello su più siti web.

Infine, ha un generatore di popup semplificato che ti consente di progettare barre di saluto creative, messaggi di visualizzazione a schermo intero, messaggi fly-in e altri tipi di popup.

Queste cose sono essenziali per aumentare il tasso di conversione del tuo sito web e aumentare la percentuale di vendita del tuo prodotto più votato sul tuo sito web.

Compositore visivo

Visual Composer Hub consente agli utenti premium di scegliere tra un'ampia gamma di componenti aggiuntivi, modelli, immagini stock e quant'altro dal loro cloud storage.

Consiste in quasi tutti i tipi di design che vanno da componenti aggiuntivi, blocchi, elementi a piè di pagina, elementi di intestazione e l'elenco potrebbe continuare.

Inoltre, se sei un abbonato premium di Visual Composer Hub, puoi accedere a nuovi modelli ogni settimana.

Verdetto

Elementor ha alcune funzionalità uniche che non sono offerte in nessun altro strumento di creazione di pagine che ho testato, quindi mi schiererò con Elementor su questo.

Visual Composer vs Elementor: differenze dal punto di vista di uno sviluppatore

Il confronto tracciato tra Visual Composer e Elementor disegna un livello completamente nuovo quando lo vedi dal punto di vista di uno sviluppatore, specialmente quando puoi vedere alcuni angoli di confronto completamente nuovi che potresti trovare utili.

Ecco cosa troverai utile.

Licenza

L'integrazione del tema è un aspetto essenziale dell'utilizzo degli strumenti di creazione di pagine di WordPress. Consente agli sviluppatori di integrare nuovi progetti in temi esistenti e di riprogettarli secondo gli standard attuali.

Alcuni potrebbero persino provare a rivenderlo, il che non è assolutamente la cosa ideale da fare.

L'opzione di integrazione del tema è disponibile solo per la versione gratuita di Elementor e per il costruttore di siti Web Visual Composer.

Ma non puoi includere nessuno dei temi premium e rivenderli in base ai termini e agli accordi.

elementor

La versione gratuita di Elementor è in palio dal repository dei plugin di wordpress.org.

In alternativa, puoi scaricarlo dal sito Web di Elementor.

Un enorme risultato di Elementor è che è ospitato su WordPress e quindi non è necessario includerlo nel pacchetto di plug-in.

La versione premium include tutti i tipi di widget, modelli, costruttori di intestazioni e piè di pagina e un sistema di modelli per creare i tuoi modelli personalizzati.

Compositore visivo

Visual Composer ha due versioni: gratuita e premium che sono prontamente disponibili sul loro sito web.

Tuttavia, Visual Composer non è facilmente integrato con WordPress, il che rappresenta uno svantaggio per gli utenti di Visual Composer.

Ma puoi ancora scaricare la versione gratuita dal loro sito Web o utilizzare il collegamento per il download utilizzando l'attivatore TGM.

La versione premium ha un generatore di intestazioni e piè di pagina che è un enorme punto di forza, e per non parlare del sistema di modelli che rende la vita molto più semplice lavorare con componenti separati.

Requisiti generali

elementor

Elementor non richiede dipendenze extra oltre ai normali requisiti generali di WordPress.

Compositore visivo

Il compositore visivo non viene fornito di default con l'installazione di WordPress, quindi è necessario installare le dipendenze extra per eseguirlo. Ecco un elenco di ciò di cui hai bisogno:

1. Pacchetto Web 4.0 o successivo
2. Nodo 8.0 o successivo

API per sviluppatori

elementor

L'abbondanza di API per sviluppatori è uno dei punti forti di un buon strumento per la creazione di pagine.

E mentre lo consideri come un risultato, dovresti anche sapere che questa flessibilità ti consente di creare elementi personalizzati usando i componenti di React.

Il modo migliore per capire come l'API per sviluppatori ti consente di creare ogni elemento del sito Web come parte indipendente del sistema è utilizzarlo separatamente ovunque sia necessario.

Compositore visivo

Il costruttore di siti Web di Visual Composer lavora di pari passo con i componenti di React.

Ogni elemento viene creato in modo che funzioni in modo indipendente come un blocco di codice separato in esecuzione sul proprio set di dipendenze HTML, CSS, PHP, JavaScript e JSON.

In questo modo, non rimane più dipendente dal sistema di shortcode come nelle versioni precedenti.

Questo sistema di creazione di widget personalizzati non è diverso dalla creazione di widget nativi di WordPress.

A questo proposito, devo schierarmi con Visual Composer poiché ho familiarità con React.

E per le persone che capiscono React, sarà più facile capire la struttura dei file e il processo di sviluppo.

Analisi comparativa

Riassumendo

La scelta tra Visual Composer vs Elementor è soggettiva alla comprensione dello strumento e ai propri gusti, qualcosa che possiamo o non possiamo cambiare. Ma ehi, possiamo sempre imparare una o due cose da un'altra prospettiva.

Ecco i miei 2 bit sull'intero dibattito Visual Composer vs Elementor. Innanzitutto, se si tratta di utilizzo e sei un singolo utente/sviluppatore, Visual Composer è l'opzione più economica con un pagamento una tantum e offre tanto quanto Elementor.

Tuttavia, se gestisci un'agenzia e preferisci usufruire di una maggiore flessibilità per lo sviluppo e sei disposto a spendere più soldi e ridurre i tempi di sviluppo, allora Elementor fa per te.