Confronto tra Elementor e Visual Composer Website Builder

Pubblicato: 2020-11-02

WordPress è utilizzato da molte persone in tutto il mondo per le sue scelte di personalizzazione e semplicità. I popolari costruttori di pagine come Elementor e Visual Composer hanno reso la modifica dei siti Web più semplice che mai. In questo articolo, confronterò Elementor vs Visual Composer in modo che tu possa vedere come sono diversi e quali funzionalità offrono ciascuno.

Modificare il sito WordPress non è stato sempre facile. In passato, saper aggiornare correttamente un sito, aggiungere modifiche e personalizzazioni richiedeva competenze e conoscenze.

Oggi, la personalizzazione non richiede molto sforzo . Esistono molti plugin e widget WordPress efficaci che possono aiutarti a portare a termine il lavoro. Le strategie di personalizzazione sono cambiate da quando sono stati introdotti i page builder.

I costruttori di pagine come Brizy, Beaver Builder (controlla Beaver Builder free vs pro), Elementor, WPBakery, Thrive Architect, Oxygen, Divi e altri semplificano la modifica.

Può essere difficile sapere quale generatore di pagine è quello giusto per te in quanto ci sono così tante scelte disponibili. Esaminerò le opzioni e le funzionalità offerte da Elementor e Visual Composer in questo articolo per aiutarti a decidere quale dei due soddisfa meglio le tue esigenze.

NOTA: ho anche confrontato Elementor vs WPBakery, Elementor vs Beaver Builder e Elementor vs Divi, quindi assicurati di controllare anche questi confronti.

Sommario

Panoramica di Elementor

La facilità d'uso e la varietà di funzionalità di Elementor lo hanno aiutato a crescere in popolarità negli ultimi anni. Puoi creare siti professionali di alta qualità in tempi relativamente brevi utilizzando Elementor pro o la versione gratuita.

pro e contro elementari

Il plugin include una modalità live . Questa opzione ti consente di vedere le modifiche man mano che si verificano in tempo reale. Elementor ti offre anche una cronologia completa di tutte le modifiche che hai apportato a tutte le pagine del sito web. Include anche una buona selezione di modelli predefiniti e diversi elementi unici.

Elementor ha versioni gratuite e a pagamento. La versione a pagamento ha più widget e funzioni aggiuntivi. L'edizione a pagamento di Elementor include pulsanti di invito all'azione, caroselli di immagini, valutazioni a stelle, widget di Facebook, ancoraggi di menu, icone social e altre utili funzioni.

ELEMENTOR FREE vs ELEMENTOR PRO

pagina vuota
  • 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
confronto elementor free vs pro
  • ELEMENTO GRATUITO
  • GRATUITO
elementor pro vs elementor free
  • ELEMENTOR PRO
  • $49/anno per un sito

Esistono anche componenti aggiuntivi di Elementor di terze parti che possono essere integrati, come Master Addons per Elementor, Plus Addons per Elementor, Jet Plugins, Stratum Elementor Widgets, ecc.

Elementor PRO:

  • L'interfaccia è semplice e intuitiva.
  • Elementor ha un modello impressionante e una libreria di blocchi da utilizzare.
  • La modalità live ti consente di vedere le modifiche mentre vengono apportate.
  • Ci sono molte funzioni utili nella versione gratuita.
  • Non devi preoccuparti di utilizzare shortcode che potrebbero creare potenziali problemi di blocco.
  • Elementor ha una quantità impressionante di impostazioni, opzioni e funzionalità.
CONTRO:

  • Nessuna opzione etichetta bianca.
  • Non molte scelte di personalizzazione dell'intestazione.

Panoramica del generatore di siti Web di Visual Composer

Visual Composer Website Builder è una risorsa impressionante e intuitiva. È facile da usare e ha una semplice interfaccia drag and drop . Visual Composer offre molte funzionalità per migliorare l'esperienza di creazione di siti WordPress.

Qualsiasi modifica alla gestione dei contenuti e alla gerarchia visiva viene eseguita osservando le tue azioni mentre vengono eseguite. Non è necessario codificare manualmente nessuna delle sezioni del sito web. Visual Composer ti consente di concentrarti sul tuo design e su altri elementi essenziali.

panoramica del generatore di siti Web di compositore visivo

Visual Composer Website Builder non è lo stesso di WPBakery Page Builder (controlla la recensione di WPBakery). Non confondere quei due . WPBakery è uno dei plugin per la creazione di pagine di WordPress più utilizzati. Entrambi i plugin provengono dagli stessi sviluppatori e WPBakery si chiamava Visual Composer.

L'originale WPBakery Page Builder può essere acquistato su Codecanyon, ma Visual Composer è ora un'entità unica e viene venduto sul proprio sito web. WPBakery Page Builder e Visual Composer sono prodotti totalmente diversi. Uno di questi prodotti non deve essere utilizzato per sostituire l'altro.

WPBakery e Visual Composer sono entrambi disponibili per la vendita perché sono elementi singoli. Ognuno ha caratteristiche e funzioni in qualche modo identiche ma uniche. Non puoi sostituire uno di questi prodotti con l'altro e aspettarti una transizione semplice e senza interruzioni.

WPBakery Builder viene utilizzato principalmente per la creazione di pagine, mentre Visual Composer viene utilizzato nella creazione di siti completi (inclusi intestazioni, piè di pagina e altri elementi del sito). Controlla il confronto tra Visual Composer e WPBakery per maggiori dettagli sulle differenze.

WPBAKERY vs COMPOSITORE VISIVO

pagina vuota
  • VISUAL COMPOSER COSTRUTTORE DI SITI WEB GRATIS
costruttore di siti Web di compositore visivo premium vs gratuito
  • Nome
  • Editor trascina e rilascia
  • Editor frontend
  • Modalità di visualizzazione ad albero
  • Modifica mobile
  • Editor di testo in linea
  • Funziona con qualsiasi tema WordPress
  • Supporto per il tipo di messaggio personalizzato
  • Supporto multisito
  • Multilingua pronto
  • Compatibile con RTL
  • Gestione dei modelli
  • Opzioni di progettazione
  • Clona elemento
  • Copia incolla
  • Nome personalizzato dell'elemento
  • Nascondi elemento
  • Tasti rapidi
  • Colori recenti
  • Annulla Ripristina
  • Procedura guidata pagina vuota
  • CSS personalizzato
  • JavaScript personalizzato
  • Sostituisci elemento
  • Librerie di icone
  • Google Fonts
  • Generatore di griglia
  • Filtri tipo Instagram
  • Effetti di parallasse
  • Sfondo sfumato
  • Sfondo della presentazione
  • Sfondo del carosello
  • Ingrandisci/riduci sfondo
  • Sfondo video
  • Animazioni degli elementi
  • Posizione dell'immagine di sfondo
  • Separatore di forme
  • Scatola ombra
  • Ridimensionamento istantaneo della colonna
  • Impilamento colonne
  • Impilamento inverso delle colonne
  • Riga a tutta larghezza/altezza
  • Modalità di anteprima reattiva
  • Reattività automatica
  • Supporto SEO Yoast
  • Supporto per shortcode
  • Supporto per widget WordPress
  • Supporto per widget personalizzati
  • Generatore di intestazioni
  • Generatore di piè di pagina
  • Costruttore della barra laterale
  • Layout di pagina di Visual Composer
  • Modelli globali
  • Esporta/Importa modelli
  • Supporto WooCommerce
  • Accesso a Visual Composer Hub
  • Compatibilità Gutenberg
  • Elementi di contenuto premium
  • Modelli premium
  • Modelli di blocchi
  • Unsplash Immagini Stock
  • Posta gli elementi della griglia
  • Elementi del menu
  • Elementi di intestazione
  • Elementi del piè di pagina
  • Elementi di compatibilità con plugin popolari
  • Widget di Facebook
  • Elementi della tabella dei prezzi
  • Schede e fisarmoniche
  • Contenitori paginabili
  • Elemento di sezione
  • Flip/Hover box
  • Testimonianze
  • Evidenziatore di sintassi
  • Carosello di immagini
  • Pulsanti premium
  • Assistenza clienti online
pagina vuota
  • VISUAL COMPOSER COSTRUTTORE DI SITI WEB PREMIUM

Visual Composer è una risorsa completamente separata e indipendente. È stato creato con la tecnologia di ultima generazione. Visual Composer Website Builder offre agli utenti un'interfaccia molto reattiva e intuitiva .

Il generatore di temi di Visual Composer ti consente di gestire tutto il contenuto del tuo sito , non solo il contenuto di sezioni specifiche. Puoi scegliere i layout di pagina che desideri. Puoi anche creare intestazioni, barre laterali e piè di pagina personalizzati.

Si consiglia vivamente di attivare Visual Composer Hub . Questa risorsa ti aiuta a massimizzare l'esperienza di Visual Composer Website Builder. Visual Composer Hub ti consente di utilizzare elementi, estensioni e modelli aggiuntivi. Esistono due varianti di Visual Composer: l'edizione gratuita di Visual Composer e Visual Composer Premium.

VISUAL COMPOSER FREE vs PRO

pagina vuota
  • VISUAL COMPOSER COSTRUTTORE DI SITI WEB GRATIS
costruttore di siti Web di compositore visivo premium vs gratuito
  • Nome
  • Editor trascina e rilascia
  • Editor frontend
  • Modalità di visualizzazione ad albero
  • Modifica mobile
  • Editor di testo in linea
  • Funziona con qualsiasi tema WordPress
  • Supporto per il tipo di messaggio personalizzato
  • Supporto multisito
  • Multilingua pronto
  • Compatibile con RTL
  • Gestione dei modelli
  • Opzioni di progettazione
  • Clona elemento
  • Copia incolla
  • Nome personalizzato dell'elemento
  • Nascondi elemento
  • Tasti rapidi
  • Colori recenti
  • Annulla Ripristina
  • Procedura guidata pagina vuota
  • CSS personalizzato
  • JavaScript personalizzato
  • Sostituisci elemento
  • Librerie di icone
  • Google Fonts
  • Generatore di griglia
  • Filtri tipo Instagram
  • Effetti di parallasse
  • Sfondo sfumato
  • Sfondo della presentazione
  • Sfondo del carosello
  • Ingrandisci/riduci sfondo
  • Sfondo video
  • Animazioni degli elementi
  • Posizione dell'immagine di sfondo
  • Separatore di forme
  • Scatola ombra
  • Ridimensionamento istantaneo della colonna
  • Impilamento colonne
  • Impilamento inverso delle colonne
  • Riga a tutta larghezza/altezza
  • Modalità di anteprima reattiva
  • Reattività automatica
  • Supporto SEO Yoast
  • Supporto per shortcode
  • Supporto per widget WordPress
  • Supporto per widget personalizzati
  • Generatore di intestazioni
  • Generatore di piè di pagina
  • Costruttore della barra laterale
  • Layout di pagina di Visual Composer
  • Modelli globali
  • Esporta/Importa modelli
  • Supporto WooCommerce
  • Accesso a Visual Composer Hub
  • Compatibilità Gutenberg
  • Elementi di contenuto premium
  • Modelli premium
  • Modelli di blocchi
  • Unsplash Immagini Stock
  • Posta gli elementi della griglia
  • Elementi del menu
  • Elementi di intestazione
  • Elementi del piè di pagina
  • Elementi di compatibilità con plugin popolari
  • Widget di Facebook
  • Elementi della tabella dei prezzi
  • Schede e fisarmoniche
  • Contenitori paginabili
  • Elemento di sezione
  • Flip/Hover box
  • Testimonianze
  • Evidenziatore di sintassi
  • Carosello di immagini
  • Pulsanti premium
  • Assistenza clienti online
pagina vuota
  • VISUAL COMPOSER COSTRUTTORE DI SITI WEB PREMIUM

La versione gratuita di Visual Composer ha molte fantastiche funzionalità che possono essere utilizzate per creare e modificare siti WordPress. Visual Composer Premium ha funzionalità avanzate aggiuntive. Include anche un comodo set di strumenti per tutte le priorità di creazione della pagina. Puoi creare barre laterali, piè di pagina, intestazioni e pagine di destinazione uniche. Per maggiori informazioni puoi controllare il confronto tra Visual Composer gratuito e premium.

Elementor vs Visual Composer

Sebbene Elementor e Visual Composer abbiano alcune somiglianze, ci sono anche molte caratteristiche in cui differiscono. Di seguito ho suddiviso le funzionalità in diverse categorie per mostrare ciò che offre ciascun plug-in.

Interfaccia utente

L'interfaccia utente è una delle prime cose che dovrebbero essere valutate durante la revisione di qualsiasi strumento. L'interfaccia è spesso una questione di scelta personale . Se non riesci a capire o ad apprezzare l'interfaccia utente, è probabile che non ti piacerà neanche lo strumento.

Una buona interfaccia utente è facile da capire e da usare. Dovrebbe essere qualcosa che puoi comprendere in tempi relativamente brevi. Almeno caratteristiche di base. L'interfaccia del generatore di pagine dovrebbe aiutarti a raggiungere gli obiettivi per il tuo sito web che desideri raggiungere.

L'interfaccia utente non è l'unica chiave per il successo di un plugin, ma è un elemento importante. L'aspetto o la sensazione di un'interfaccia a volte può significare il successo e il fallimento di un progetto.

ELEMENTOR

L'interfaccia utente di Elementor è suddivisa nella barra laterale e nell'anteprima live della pagina/sito . Troverai la barra laterale sul lato sinistro dello schermo. Puoi creare pagine del sito utilizzando le sue impostazioni, widget ed elementi.

L' opzione di anteprima dal vivo ti consente di ispezionare visivamente gli elementi dopo che sono stati trascinati e rilasciati nelle pagine. Per modificare il testo, fai semplicemente clic sull'elemento di testo che desideri e apporta le modifiche. Puoi anche utilizzare la barra laterale per modificare il testo.

interfaccia elementare
Esempio di editor di Elementor.

Nella parte inferiore sinistra dello schermo, troverai le seguenti impostazioni che puoi utilizzare:

  1. Impostazioni generali: queste impostazioni mostreranno lo stato di pubblicazione della pagina, il titolo, l'immagine in primo piano e altre informazioni.
  2. Cronologia: se vuoi tornare all'ultima revisione, utilizzerai questa impostazione. Verranno mostrate solo le modifiche apportate durante la sessione corrente.
  3. Navigatore: una volta scelta questa impostazione, verrà visualizzato un albero di navigazione a comparsa per semplificare la navigazione.
  4. Modalità reattiva: questa impostazione mostrerà come apparirà il tuo sito su telefoni cellulari, tablet e altri dispositivi mobili.

Passando con il mouse su un particolare elemento e facendo clic con il pulsante destro del mouse verranno visualizzate opzioni aggiuntive. Puoi visualizzare elementi nel navigatore, duplicare elementi, eliminare elementi, salvare elementi come elementi globali (in Elementor's pro), ecc.

COMPOSITORE VISIVO

Visual Composer Website Builder è un editor frontend che cosa vedi è quello che ottieni (WYSIWYG). Ciò significa che non avrai alcun segnaposto per rappresentare particolari blocchi di pagina. Potrai vedere le tue modifiche quando le apporti. Puoi assicurarti che tutte le modifiche siano state apportate correttamente e siano pronte per essere pubblicate prima di lasciare la funzione di editor.

L'interfaccia dell'editor di Visual Composer è composta dai seguenti componenti:

  • Una finestra di modifica degli elementi
  • Un editor frontend (che include il controllo degli elementi e la funzionalità intuitiva di trascinamento della selezione)
  • Un pannello di navigazione
  • Impostazioni
  • Una vista sull'albero e molto altro ancora.

Le modifiche possono essere apportate utilizzando la modalità di visualizzazione ad albero o l'editor frontend. La visualizzazione ad albero consente di navigare tra i diversi elementi della pagina. Questo può far risparmiare molto tempo e fatica.

È possibile utilizzare la navigazione con visualizzazione ad albero per visualizzare e interagire con il contenuto della pagina. Il layout di pagina sarà presentato in una struttura completa e compatta. È anche un modo per modificare l'aspetto dei contenuti sui dispositivi mobili.

compositore visivo wordpress gratuito
Interfaccia di Visual Composer Website Builder.

L' editor frontend ti consente di allineare diversi elementi utilizzando l'interfaccia drag and drop. Puoi anche utilizzare la barra di navigazione per accedere a vari strumenti e opzioni e utilizzare i controlli degli elementi per modificare gli elementi di conseguenza.

I singoli elementi possono essere spostati nelle pagine trascinando l'icona di controllo dell'elemento o trascinando l'elemento effettivo. Puoi anche utilizzare la finestra Aggiungi elemento per trascinare e rilasciare gli elementi nei punti in cui vuoi che vadano.

Tutti gli elementi di Visual Composer Website Builder hanno i propri controlli che possono essere utilizzati. I controlli possono variare in base al tipo di elemento che stai utilizzando. Esistono tre diversi tipi di controllo: controlli Colonna, controlli Elemento e controlli Riga.

L'edizione premium di Visual Composer ha opzioni di modifica aggiuntive. Include una barra laterale, un piè di pagina e un editor di intestazione, che è un grande punto di forza.

VINCITORE: Sto chiamando questo un pareggio. Dipende davvero dalle tue preferenze individuali.

Elementi disponibili

Gli elementi sono ciò che viene utilizzato per creare le pagine del generatore di pagine. Un buon page builder dovrebbe avere tutti gli elementi di cui avrai bisogno per creare pagine web accattivanti ed efficaci. Non dimenticare la funzionalità! È bello avere molti elementi tra cui scegliere, ma non importa se non hai le funzioni di cui hai bisogno.

ELEMENTOR

Ci sono tre tipi fondamentali di elementi in Elementor : sezioni, colonne e widget. Le sezioni sono classificate più in alto tra i tre tipi di elementi. Ogni sezione attiva ha colonne e widget.

Le colonne sono al secondo posto. Sono proprio nel mezzo della gerarchia. I widget sono gli ultimi nella gerarchia. Tutti i widget si trovano all'interno delle colonne. I widget sono costituiti da testo, immagini e pulsanti. I layout vengono creati utilizzando varie sezioni e colonne.

La versione gratuita di Elementor ha più di 30 widget diversi. Ci sono oltre 50 widget inclusi nella versione pro di Elementor. Man mano che vengono rilasciate nuove versioni di Elementor, il numero di widget disponibili aumenta costantemente.

i migliori elementi elementari
Alcuni degli elementi Elementor disponibili.

Le colonne possono avere tutti i widget che vuoi. Se apporti modifiche allo stile in una particolare sezione, tali modifiche vengono poi trasferite a tutto il contenuto di quella sezione. Lo stesso vale anche per eventuali modifiche di stile apportate alle colonne.

Ci sono solo alcune differenze. La prima differenza è che qualsiasi modifica di stile apportata a un particolare widget rimane all'interno di quel widget. Il secondo è che qualsiasi modifica di stile alle colonne non verrà trasferita agli elementi che si trovano al di fuori di tali colonne.

COMPOSITORE VISIVO

Gli elementi di contenuto di Visual Composer sono contenuti in blocchi di contenuto (come icone, pulsanti, blocchi di testo, ecc.). Puoi integrare questi blocchi di contenuto nel tuo layout per creare contenuti per le pagine del sito. Andare alla barra di navigazione e fare clic sulla finestra "Aggiungi elemento" consente di utilizzare il particolare elemento di contenuto.

Puoi inserire solo elementi di contenuto in colonne. Puoi trascinare e rilasciare quegli elementi per regolare il layout ogni volta che vuoi. Visual Composer viene fornito con una serie di elementi di contenuto. Dovrai attivare Visual Composer Hub Free (limitato) o la versione Premium per sbloccare più elementi di contenuto.

Visual Composer Website Builder a pagamento
Visual Composer Hub è costituito da molti modelli, elementi e componenti aggiuntivi già pronti.

Gli elementi sono suddivisi nei seguenti gruppi logici: Base, Media, Contenitori (contiene solo elementi riga/colonna), Social, WordPress e Contenuto.

Visual Composer fornisce oltre 100 diversi elementi di contenuto . Questi elementi possono essere utilizzati per completare il contenuto corrente o aiutarti a creare un sito completamente nuovo. Ci sono un sacco di contenitori, media, WordPress, social e altri elementi per soddisfare le tue esigenze.

Sono inclusi anche il modello Hub basato su cloud e la libreria di elementi. Ti consente di scaricare e utilizzare solo gli elementi specifici che desideri. Non devi preoccuparti di rallentare il tuo sito con articoli che non sono rilevanti. Puoi migliorare la velocità del tuo sito web perché non avrai bisogno di tanti plugin di terze parti, componenti aggiuntivi o altre risorse aggiuntive.

VINCITORE: Compositore visivo

Opzioni di stile

Puoi far risaltare il tuo sito con uno stile personalizzato. La modifica di allineamenti, colori, caratteri e altri elementi fa parte dello stile. Più tempo dedichi a cambiare lo stile del tuo sito, più facile sarà distinguerti dai siti della concorrenza.

ELEMENTOR

Le impostazioni predefinite di Elementor integreranno automaticamente i suoi stili globali con i tuoi contenuti esistenti. Puoi modificare queste impostazioni in qualsiasi momento. Se preferisci invece utilizzare le tue impostazioni di stile WordPress, puoi sempre disabilitare questa funzione.

Elementor ti consente anche di gestire le impostazioni di stile per le singole sezioni del tuo sito. Puoi facilmente modificare widget, sezioni e colonne o sovrascrivere le impostazioni globali, se preferisci. Tutto quello che devi fare è utilizzare la scheda appropriata:

  • Avanzato: questa scheda ti consente di aggiungere controlli reattivi, margini e padding personalizzati, un indice Z, animazioni e altre opzioni.
  • Contenuto: puoi regolare l'allineamento degli elementi, le dimensioni e altre scelte utilizzando questo menu.
  • Stile: questa scheda può essere utilizzata per modificare colori, tipografia e altre funzioni correlate.

opzioni di stile elementari
Esempio di alcune opzioni di stile di Elementor.

Ci sono così tante selezioni di stile in Elementor che non posso menzionarle tutte in questo articolo. Oltre ai margini personalizzati e all'opzione di riempimento, alcune altre opzioni che potresti utilizzare regolarmente sono:

  • CSS personalizzato : puoi utilizzare Elementor Pro per aggiungere stili CSS personalizzati in widget o sezioni specifiche del tuo sito. La versione gratuita di Elementor ti consente di integrare una classe o un ID CSS. Tuttavia, non ti consentirà di applicare modifiche di stile specifiche a singoli elementi.
  • Controllo reattivo: puoi utilizzare questa opzione se non desideri che determinati contenuti vengano visualizzati quando il tuo sito viene visualizzato su dispositivi mobili.

L'icona del dispositivo può essere un altro strumento utile. Ti consentirà di applicare selezioni di stile assortite a vari dispositivi (computer desktop, laptop, tavoli, telefoni cellulari, ecc.).

COMPOSITORE VISIVO

L' elemento Opzioni di progettazione è una delle caratteristiche più impressionanti di Visual Composer Website Builder. È un insieme specifico di parametri che tutti gli elementi di Visual Composer possono utilizzare.

Puoi utilizzare le opzioni di progettazione per modificare o aggiungere lo stile dei tuoi elementi di contenuto. Ciò si ottiene applicando a tali elementi gli effetti e le proprietà di stile più comunemente utilizzati.

Visual Composer Website Builder ha i seguenti tipi di opzioni di progettazione:

  • Opzioni di progettazione del contenitore (per colonne, righe e sezioni)
  • Opzioni di progettazione regolari (per tutti gli altri elementi del sito)

Tutti i tuoi elementi di contenuto possono utilizzare le opzioni di progettazione regolari . Queste opzioni includono il controllo Onion per bordi, raggio del bordo, margini e padding. Puoi anche utilizzare le opzioni di progettazione regolari per gestire l'animazione e gli sfondi CSS.

plugin per wordpress di compositore visivo

Le opzioni di progettazione del contenitore hanno tutte le opzioni di progettazione regolari normalmente previste. Includono anche funzionalità di stile di sfondo come sovrapposizione di gradienti CSS, presentazione di immagini, effetti di parallasse e sfondo video. Gli elementi di colonna e riga possono utilizzare entrambi le opzioni di progettazione del contenitore.

Usare le opzioni di progettazione è semplice. Inizia scegliendo il particolare elemento di contenuto che desideri. Fare clic sull'opzione "Modifica" dal menu a discesa che apparirà. Mentre sei nel menu di modifica, cerca la selezione "Opzioni di progettazione" per accedere a questa funzione.

VINCITORE: sia Visual Composer che Elementor hanno un buon assortimento di selezioni di stile tra cui scegliere.

Modelli

I modelli sono design di pagina già predefiniti. Possono aiutarti a creare pagine del sito più velocemente. Puoi utilizzare questi modelli ed evitare di dover ricominciare da capo ogni volta che vuoi creare o aggiungere una nuova pagina al tuo sito web.

ELEMENTOR

Ogni volta che crei una nuova pagina in Elementor, puoi scegliere se vuoi utilizzare un modello per creare una pagina o aggiungere una sezione . Ci sono circa 40 modelli nella loro versione gratuita. Elementor Pro include più di 300 diversi modelli di blocchi e pagine aggiuntivi.

i migliori modelli elementari
Elementor ha una vasta selezione di modelli.

Puoi utilizzare questi modelli andando alla selezione "Aggiungi modello". Sarai quindi in grado di accedere al menu dei modelli di Elementor. Elementor ha modelli di blocchi e pagine tra cui scegliere.

I modelli di blocco vengono utilizzati per creare sezioni di pagina specifiche. I moduli di contatto e i moduli CTA sono due esempi di modelli di blocco. I modelli di pagina devono essere utilizzati per l'intera pagina.

Puoi anche creare i tuoi modelli e salvarli per essere utilizzati in un secondo momento. Se lo desideri, puoi anche caricare e aggiungere al tuo sito modelli creati da terze parti. Non c'è praticamente limite al numero di possibilità di personalizzazione che puoi avere.

COMPOSITORE VISIVO

Visual Composer ha una buona selezione di modelli WordPress premium e gratuiti. I modelli hanno strutture predeterminate. Sono blocchi con elementi di contenuto che possono essere utilizzati in qualsiasi momento. Puoi andare alla barra di navigazione e selezionare l'icona del modello che usa la funzionalità del modello in Visual Composer.

Visual Composer Website Builder ha due tipi di modelli : modelli predefiniti e modelli utente.

generatore di siti di compositore visivo gratuito
Esempi di modelli di Visual Composer.

I modelli predefiniti sono modelli scaricati da Visual Composer Hub. Questi modelli premium possono essere utilizzati quando vuoi. Puoi trovarli nella finestra Modello o dalla Procedura guidata Pagina vuota.

I modelli predefiniti consentono di sostituire il contenuto corrente. Sono progettati per le basi del sito e possono essere utilizzati per un'ampia varietà di scopi. Visual Composer consente di utilizzare i seguenti tipi di modelli predefiniti : modelli di blocchi (o sezioni) e modelli di pagina.

I modelli utente ti consentono di utilizzare la tua pagina corrente come modello. Tutto quello che devi fare è salvare quella pagina. Vai alla finestra Modello per trovare tutti i tuoi modelli utente. Troverai anche i tuoi modelli predefiniti in questa sezione. Esistono anche diverse opzioni di filtro che possono essere utilizzate.

È possibile utilizzare modelli specifici per salvare i layout. Questi layout possono quindi essere riutilizzati in diversi post, pagine o tipi di post personalizzati. Il Visual Composer Hub ospita tutti i tuoi modelli. The Hub è un servizio basato su cloud che si connette al site builder. Questa integrazione è realizzata in modo che modelli aggiuntivi, estensioni e altri elementi di contenuto possano essere scaricati ogni volta che è necessario.

VINCITORE: Entrambi hanno qualcosa per tutti quando si tratta di modelli.

Integrazione WooCommerce

La personalizzazione della pagina del negozio WooCommerce e del layout del negozio può richiedere molto tempo e fatica. Questo è il motivo per cui è utile quando un tema o un plug-in include funzionalità integrate per WooCommerce.

ELEMENTOR

WooCommerce Builder di Elementor semplifica la creazione di negozi online. Puoi creare un sito negozio efficace e accattivante in pochissimo tempo. Puoi utilizzare il widget Archivio prodotti per determinare quali prodotti verranno mostrati nell'elenco. Puoi anche personalizzare l'aspetto di ogni elemento in quell'elenco. Le impostazioni tipografiche, il colore, le colonne e altre funzionalità possono essere modificate per rendere uniche le vetrine online.

Ci sono molti elementi WooCommerce che puoi aggiungere usando Elementor.
Alcuni degli elementi WooCommerce disponibili che puoi utilizzare in Elementor.

Puoi anche personalizzare le pagine dei risultati di ricerca dei prodotti . Ciò rende più facile per i visitatori del tuo sito trovare gli articoli che desiderano acquistare.

Ci sono molti widget aggiuntivi che puoi usare. Aggiungi al carrello, Informazioni aggiuntive, Breadcrumb, Contenuto, Schede dati, Galleria, Immagini, Meta, Prezzo, Titolo del prodotto, Valutazione, Correlati, Descrizione breve, Stock e Upsell sono alcuni dei widget a tua disposizione.

Il carrello del menu è un altro widget aggiuntivo. Ti consente di integrare il pulsante "aggiungi al carrello" nelle intestazioni. Puoi personalizzare il pulsante come meglio credi. Chiunque faccia clic sul pulsante Aggiungi al carrello vedrà quindi il menu a comparsa che appare. Il menu mostrerà un elenco di tutti i prodotti che hanno aggiunto al carrello.

COMPOSITORE VISIVO

Visual Composer Premium funziona molto bene con WooCommerce. Puoi creare pagine di prodotto uniche se hai installato sia WooCommerce che Visual Composer.

Gli elementi WooCommerce sono disponibili tramite Visual Composer Hub per creare pagine di prodotto. Puoi scegliere tra le seguenti opzioni di elementi:

  • WooCommerce Aggiungi al carrello
  • I prodotti più venduti di WooCommerce
  • Carrello WooCommerce
  • Cassa WooCommerce
  • Prodotti in evidenza WooCommerce
  • WooCommerce Il mio account
  • Monitoraggio dell'ordine WooCommerce
  • Prodotto WooCommerce
  • Attributo del prodotto WooCommerce
  • Categorie di prodotti WooCommerce
  • Categoria prodotto WooCommerce
  • Pagina del prodotto WooCommerce
  • Prodotti WooCommerce
  • Prodotti recenti di WooCommerce
  • Prodotti correlati a WooCommerce
  • Prodotti in vendita WooCommerce
  • I prodotti più votati di WooCommerce

VINCITORE: entrambi offrono molte opzioni di personalizzazione di WooCommerce.

Generatore di temi

Alcuni plugin per la creazione di temi ti consentono solo di modificare la pagina e pubblicare il contenuto. I modelli di archivio del blog, i singoli post del blog, i piè di pagina, le intestazioni e altre sezioni definite dal tema non possono essere modificati. Sia Elementor che Visual Composer ti consentono di modificare tutto ciò che è menzionato.

ELEMENTOR

Theme Builder faceva parte dell'aggiornamento più recente di Elementor. È possibile utilizzare questa funzione per personalizzare le intestazioni ei piè di pagina del sito . Sono disponibili modelli predefiniti oppure puoi iniziare da zero, se lo desideri. Le intestazioni e i piè di pagina progettati possono essere designati per sezioni specifiche del sito o per l'intero sito web.

Usando Elementor Theme Editor puoi personalizzare ogni parte del sito web.
Usando Elementor Theme Builder puoi persino personalizzare intestazioni, piè di pagina, pagina 404, pagina dei risultati di ricerca, ecc.

L'interfaccia del generatore di pagine di Elementor è dove puoi creare piè di pagina e intestazioni personalizzati. Sarai tu a decidere come appariranno le intestazioni, indipendentemente dal tema selezionato. La stessa interfaccia può essere utilizzata anche per creare intestazioni personalizzate, menu del logo del sito e altri contenuti pertinenti.

COMPOSITORE VISIVO

Visual Composer Premium ha l' editor di intestazione, piè di pagina e barra laterale . L'interfaccia di questo editor è quasi identica al normale editor di contenuti. L'unica differenza è che l'altezza e la larghezza dell'editor di intestazione, piè di pagina e barra laterale sono orientate verso barre laterali, piè di pagina e intestazioni.

costruttore di siti web editor di intestazione e piè di pagina
Puoi modificare qualsiasi parte del sito controllata dal tema.

Prima di poter accedere all'editor di intestazione, piè di pagina e barra laterale, devi accedere a Visual Composer Hub e assicurarti che il componente aggiuntivo Theme Builder sia stato installato. Una volta entrato in questo editor, puoi trovare ulteriori scelte di design nel pannello delle impostazioni della barra di navigazione per l'intero piè di pagina e intestazione della barra laterale.

I controlli globali di intestazione e piè di pagina di Visual Composer consentono:

  • Usa piè di pagina e intestazioni predefiniti del tema.
  • Applica piè di pagina e intestazioni personalizzati a tutto il tuo sito web.
  • Applica piè di pagina e intestazioni personalizzati per i tipi di post.

I controlli globali consentono di regolare piè di pagina e intestazioni. È possibile modificare piè di pagina e intestazioni per tipi di post personalizzati, post, pagine, pagine WordPress predefinite (pagine dei risultati di ricerca, pagine di errore 404, pagine di archivio, ecc.) e pagine WooCommerce.

In alcuni casi, potrebbe essere più semplice implementare barre laterali, intestazioni e piè di pagina pronti per l'uso. Visual Composer Hub ha un comodo elenco di modelli di barra laterale, piè di pagina e intestazione che possono essere utilizzati. Inizia andando su Visual Composer Hub e scarica la barra laterale, il piè di pagina e i modelli di intestazione che desideri. Puoi quindi aggiungere quei modelli nell'editor di intestazione, piè di pagina e barra laterale.

VINCITORE: Visual Composer offre più opzioni di personalizzazione per intestazioni, piè di pagina e altre parti del sito, solitamente controllate dal tema.

Componenti aggiuntivi disponibili

I componenti aggiuntivi sono estensioni e plug-in creati da terze parti. Possono migliorare la funzionalità di un plugin esistente.

ELEMENTOR

Il generatore di pagine di Elementor ha già molte funzioni utili. Ma c'è anche un'enorme quantità di componenti aggiuntivi di Elementor che offrono possibilità ancora più creative.

Alcuni componenti aggiuntivi di Elementor hanno blocchi, elementi e widget extra che puoi utilizzare in qualsiasi tuo progetto. Altri plugin hanno nuove scelte di design per i widget attuali o espandono le funzionalità esistenti di Elementor.

COMPOSITORE VISIVO

A volte, un widget o un modello in più non è sufficiente. Potrebbero essere necessarie funzionalità aggiuntive oltre alle attuali capacità di Visual Composer. La sezione Componenti aggiuntivi di Visual Composer Hub è dove troverai estensioni esclusive che puoi scaricare gratuitamente.

Includono modello globale, importazione/esportazione, widget modello, blocco modello Gutenberg, campi dinamici, modalità di manutenzione, generatore di temi, elementi predefiniti, generatore di popup, gestore ruoli, librerie di icone premium, opzioni di progettazione premium.

Visual Composer Hub ha tutto il necessario per personalizzare il sito web.
Visual Composer Hub ha tutto il necessario per personalizzare il sito web.

Gli elementi di Visual Composer sono disponibili per il download solo per gli utenti della versione Premium . Visual Composer stesso non ha estensioni o plug-in di terze parti.

Tuttavia, ha l'elemento Shortcode che ti consente di inserire uno shortcode specifico in modo da poter aggiungere qualsiasi componente aggiuntivo di terze parti al layout del tuo sito. La versione Premium di Visual Composer è anche compatibile con molti noti plugin di WordPress.

VINCITORE: Elementor è di gran lunga leader nel numero di componenti aggiuntivi, estensioni, elementi, blocchi, widget di terze parti disponibili, ecc.

Caratteristiche uniche

Alcuni plugin hanno le loro caratteristiche uniche. Queste funzionalità a volte possono aumentare il valore delle opzioni esistenti.

ELEMENTOR

Mi piace il fatto che il team di sviluppo di Elementor si impegni a creare e rilasciare regolarmente nuove funzionalità. La funzione Incorpora ovunque può essere utilizzata per incorporare modelli che hai salvato utilizzando uno shortcode. I design di Elementor possono quindi essere aggiunti alla barra laterale, al piè di pagina o a qualsiasi altra sezione che accetta shortcode.

Un'altra caratteristica utile è il Global Widget . Il salvataggio di un design una volta consente di utilizzare lo stesso design in più aree del sito Web contemporaneamente. Quando si utilizza il widget globale, tutte le modifiche apportate a quel design verranno aggiornate automaticamente ovunque quel widget venga utilizzato sul sito.

Elementor ha anche un efficace generatore di pop-up . L'interfaccia del generatore di pagine Elementor ti consente di progettare barre di benvenuto uniche, display a schermo intero, fly-in e altri tipi di pop-up.

esempi di modelli di popup elementor
Esempi di modelli popup Elementor.

Puoi utilizzare quei popup e le loro varianti corrispondenti per incoraggiare i visitatori del sito a eseguire azioni specifiche. Puoi chiedere loro di iscriversi alla newsletter o visualizzare annunci o annunci. C'è anche una bella funzionalità che può essere utilizzata per mettere il sito in modalità di manutenzione utilizzando una pagina Web Elementor progettata su misura.

COMPOSITORE VISIVO

Visual Composer Hub è uno dei migliori motivi per usare Visual Composer. Puoi conservare tutti i componenti aggiuntivi, i modelli e gli elementi nel loro spazio di archiviazione cloud. Questo ti aiuta a progettare un sito leggero, pulito e veloce. Scarichi solo gli elementi essenziali. Non dovrai preoccuparti di impantanare il sito con funzionalità o contenuti non necessari.

La loro directory è semplice. Contiene componenti aggiuntivi, blocchi, piè di pagina degli elementi , intestazioni, immagini stock gratuite, barre laterali e modelli che possono essere scaricati in qualsiasi momento. Questi elementi possono essere utilizzati per un'ampia varietà di progetti professionali e personali. Gli utenti di Visual Composer Premium hanno accesso illimitato a Visual Composer Hub. Ricevono inoltre nuovi modelli ed elementi gratuitamente ogni settimana.

Generatore di popup Visual Composer.
Puoi usare Visual Composer per creare bellissimi popup.

C'è anche la possibilità di aggiungere GIF da Giphy utilizzando l'editor Visual Composer, il generatore di popup e varie integrazioni con strumenti di terze parti.

VINCITORE: Questo è un pareggio. Entrambi offrono funzionalità uniche che possono essere utili durante la creazione di siti.

Cosa succede quando disattivi il plugin?

Alcuni page builder utilizzano gli shortcode. Questi shortcode aggiungono moduli alle pagine che hai creato con il particolare generatore di pagine. Non vedrai quegli shortcode sul tuo sito finché il generatore di pagine è attivo.

Ci sono page builder che lasciano gli shortcode sul sito web quando il plugin page builder viene disattivato. Il processo di eliminazione di questi shortcode e il tentativo di ricreare qualsiasi contenuto creato utilizzando quei page builder può essere molto complicato e richiedere molto tempo.

Il blocco si verifica sul sito quando disattivi il plug -in di creazione di pagine che stavi utilizzando. È qualcosa che non dovrebbe essere ignorato perché può avere un impatto significativo sull'aspetto del tuo sito. In tal caso perderai lo stile avanzato di un generatore di pagine dopo che è stato disattivato.

Quando disattivi il generatore di pagine possono accadere due cose:

  1. Il generatore di pagine lascia un codice pulito dopo la disattivazione.
  2. Il generatore di pagine lascia un pasticcio di shortcode da gestire dopo la disattivazione.

Se disabiliti Elementor , perderai lo stile, ma il contenuto sembrerà ancora "normale". Come con Elementor, lo stesso caso è con Visual Composer Website Builder. Poiché il plug-in è responsabile del layout e dello stile degli elementi, la rimozione del plug-in potrebbe avere un effetto negativo sull'aspetto del tuo sito.

VINCITORE: entrambi i plugin non lasceranno un pasticcio di shortcode quando vengono disattivati, ma perderai comunque lo stile e le personalizzazioni effettuate utilizzandoli.

Differenze di prezzo

La versione gratuita di Elementor può essere scaricata gratuitamente direttamente dal repository di WordPress. È uno dei migliori plugin gratuiti per la creazione di pagine disponibili. Elementor Pro offre funzioni e caratteristiche aggiuntive. Integra la versione gratuita.

piani tariffari elementari
Piani tariffari Eementor.

Elementor Pro può essere acquistato per $ 49 all'anno per un singolo sito. Puoi anche acquistare il piano 3 siti per $ 99/anno o il piano $ 199/anno per l'utilizzo su un massimo di 1.000 siti web.

Piani tariffari di Visual Composer.
Piani tariffari di Visual Composer.

Esistono quattro piani di licenza per Visual Composer . C'è una versione gratuita e una licenza premium per sito singolo che include assistenza clienti illimitata e accesso agli elementi per $ 49 all'anno. Puoi anche acquistare la licenza per tre siti per $ 99 all'anno o la licenza per sviluppatori che include l'utilizzo su un massimo di 1000 siti per $ 349.

VINCITORE: Elementor offre piani più economici.

Conclusione su Elementor e Visual Composer

Visual Composer è un plugin per la creazione di siti web molto efficace. Semplifica il processo di creazione del sito e ti offre molte più opportunità di progettazione.

Visual Composer è uno strumento basato su React . Non è basato sullo shortcode, ma ha un elemento shortcode che può essere utilizzato per applicare gli shortcode di WordPress ai layout del sito.

Visual Composer ha aggiornamenti regolari. Include più di cento diversi elementi, estensioni, funzionalità e modelli per aiutare a creare siti unici e professionali.

I layout di pagina possono essere modificati e possono essere applicati più layout di pagina. Puoi anche regolare le scelte di modifica per dispositivi mobili. Funziona con Advanced Custom Fields, Gravity Forms, Gutenberg Editor, WooCommerce, Yoast e molti altri plugin famosi.

Visual Composer è stato progettato pensando all'ottimizzazione per i motori di ricerca (SEO). I modelli e gli elementi seguono le migliori pratiche SEO attuali.

C'è un'edizione gratuita di Visual Composer che ti consente di creare un semplice sito Web e fare una buona prima impressione. Visual Composer Premium è un ottimo aggiornamento se desideri un supporto clienti dedicato, aggiornamenti regolari e accesso illimitato a tutte le caratteristiche e funzionalità principali di Visual Composer.

Elementor è un ottimo plug-in per coloro che desiderano gestire i propri siti Web senza modificare o aggiungere codice. Elementor semplifica la creazione di siti Web belli ed efficaci . È un'opzione interessante anche per coloro che hanno le conoscenze tecniche e l'esperienza per codificare l'intero sito.

Puoi fare quasi tutto usando la versione gratuita di Elementor . Suggerisco caldamente di passare a uno dei loro piani a pagamento se intendi utilizzare il tuo sito come risorsa aziendale principale o se la tua attività principale è la creazione di siti Web per i clienti. L'opzione widget globale e la possibilità di creare i tuoi temi rendono il costo aggiuntivo molto conveniente a lungo termine.

La versione gratuita di Elementor può aiutarti a creare pagine con stili di base e probabilmente ha la maggior parte delle funzionalità di qualsiasi altra versione gratuita del generatore di pagine.

Se stai decidendo di utilizzare Elementor o Visual Composer, ti suggerisco di utilizzare Elementor. Prova la prima versione gratuita e, se ti piace, puoi sempre aggiornare a Pro.