Digital Stuff è una Web Agency con sede a Torino, specializzata nella progettazione di Software Gestionale online e siti web responsive. Ci occupiamo anche di digital marketing e graphic design.
In questo articolo metteremo a confronto 2 sistemi che si sono ormai imposti nello sviluppo di siti web con WordPress: Gutenberg ed Elementor.
Introduzione
Elementor è uno dei page builder più diffusi e popolari presenti sul mercato. Se avete esperienza con l’utilizzo di WordPress, è probabile che abbiate familiarità con Elementor.
Attualmente, è utilizzato da oltre l’11% di tutti i siti web, e la sua popolarità ha continuato a crescere negli ultimi anni.
Tuttavia, con l’avvento di WordPress 5, è ora disponibile un nuovo strumento per la creazione di pagine direttamente integrato nel sistema: Gutenberg. Gutenberg è un costruttore basato su blocchi che potrebbe già essere noto a molti di voi.
La questione principale che sorge è: quale dei due scegliere? Da una prospettiva di sviluppatori web, la scelta di un tool dipende dalla necessità di avere la flessibilità necessaria per soddisfare le esigenze specifiche.
Nell’articolo che segue, esamineremo sia Gutenberg che Elementor per aiutarvi a prendere la decisione migliore.
Cominciamo con una panoramica di Gutenberg.
Cosa è Gutenberg?
Gutenberg è stato lanciato nel 2018 con l’obiettivo di sostituire l’editor classico di WordPress, segnando l’inizio di una nuova era di cambiamenti nel sistema. Grazie al supporto della vasta comunità di sviluppatori di WordPress, Gutenberg ha ottenuto un notevole successo.
Una delle principali caratteristiche positive di Gutenberg è che non richiede la scrittura di codice HTML o CSS da parte dell’utente. Si presenta come un editor basato su blocchi che permette agli utenti di trascinare e rilasciare blocchi e personalizzarli secondo le proprie esigenze.
In quanto editor predefinito di WordPress, Gutenberg è anche supportato da una serie di addon ed estensioni che ampliano ulteriormente le sue funzionalità.
Per esempio, i blocchi Plus per Gutenberg consentono di aggiungere funzionalità extra all’editor, offrendo una vasta collezione di oltre 35 blocchi gratuiti, funzionalità speciali, 15+ blocchi freemium e 30+ blocchi a pagamento.
Cos’è Elementor?
Elementor gode di una straordinaria popolarità e alimenta una vasta quantità di siti web. Questo strumento presenta un’interfaccia drag-and-drop molto semplice che consente agli utenti di creare pagine o post senza richiedere alcuna competenza tecnica specifica.
Tuttavia, va notato che Elementor non adotta l’interfaccia standard di WordPress per la creazione dei contenuti. In pratica, Elementor viene installato come un normale plugin all’interno del sito web WordPress e successivamente viene utilizzato come tale.
Un aspetto apprezzato da molti sviluppatori è la notevole flessibilità di Elementor; è possibile personalizzare le sue funzionalità utilizzando addon di terze parti.
Per esempio, i Plus Addons per Elementor offrono un insieme di widget e funzionalità aggiuntive che estendono significativamente le capacità di progettazione di Elementor.
Differenza tra un costruttore di pagine e un editor a blocchi
È essenziale comprendere la distinzione tra un costruttore di pagine e un editor a blocchi. Elementor è un costruttore di pagine, mentre Gutenberg è un editor basato su blocchi.
I costruttori di pagine offrono una gamma di funzionalità più ampia, consentendo la personalizzazione completa di ciascun elemento del sito web. Al contrario, Gutenberg si basa principalmente sul tema WordPress in uso.
Per fare un confronto, un costruttore di pagine può essere considerato uno strumento per creare una pagina web partendo da zero, mentre gli editor a blocchi si basano sulle opzioni di personalizzazione offerte dal tema WordPress predefinito.
Elementor vs. Gutenberg
Ecco una comparazione dettagliata tra Gutenberg ed Elementor e il loro comportamento in varie aree.
Prezzi
Ora che avete una visione generale di Gutenberg ed Elementor, possiamo passare a un confronto più dettagliato, a cominciare dai prezzi.
Elementor : i costi di Elementor
Una delle differenze chiave tra Gutenberg ed Elementor riguarda la struttura dei prezzi. Mentre Elementor offre alcune opzioni gratuite, per accedere alle funzionalità avanzate della versione Pro è necessario sottoscrivere una licenza annuale, con un costo minimo di 59 dollari all’anno.
Per gli utenti con esigenze aziendali o di agenzie digitali, sono disponibili pacchetti a prezzi più elevati. Ad esempio, un pacchetto di 199 dollari all’anno offre la possibilità di utilizzare Elementor su un massimo di 25 siti web e include l’accesso a kit di siti web predefiniti.
Tutti i piani includono una garanzia di rimborso valida per 30 giorni.
Gutenberg: i costi di Gutenberg
Gutenberg è invece completamente gratuito. In quanto parte integrante di WordPress, è facilmente accessibile e non richiede costi aggiuntivi per il suo utilizzo.
È tuttavia importante notare che, sebbene Gutenberg sia gratuito, esistono numerose estensioni e plugin disponibili a pagamento che possono migliorarne ulteriormente le funzionalità.
Prestazioni Elementor
Poiché Elementor è un’entità separata da WordPress e funge come un layer aggiuntivo, offre la possibilità di creare layout più complessi. Inoltre, Elementor permette una personalizzazione molto più dettagliata dei layout, consentendo di modificare ogni elemento del sito web.
Tuttavia, va segnalato che poiché Elementor è distinto da WordPress, potrebbe non essere compatibile con tutti i plugin o temi utilizzati. Questo potrebbe comportare problemi di compatibilità, specialmente se si utilizzano temi preconfigurati.
Prestazioni Gutenberg
Gutenberg è integrato direttamente in WordPress e funziona nativamente con tutti i temi e i plugin compatibili con WordPress.
In caso si verifichi una problematica di compatibilità con Gutenberg, è probabile che il plugin o il tema in questione siano obsoleti, suggerendo l’opportunità di evitare l’utilizzo di tali componenti ormai superati.
Ora esamineremo la facilità d’uso di WordPress Gutenberg e Elementor.
Elementor: l’interfaccia
Elementor è un editor WYSIWYG, il che significa che visualizzate immediatamente le modifiche effettuate direttamente sullo schermo. L’interfaccia differisce leggermente da quella di base di WordPress, richiedendo quindi un breve periodo di adattamento a una nuova interfaccia utente. Tuttavia, è incredibilmente potente.
Nell’immagine qui sopra è possibile notare a sinistra numerosi widget che possono essere aggiunti o personalizzati attraverso Elementor. Anche per chi non ha competenze tecniche, è estremamente semplice da utilizzare.
Gutenberg: l’interfaccia
Poiché Gutenberg è parte integrante di WordPress, l’esperienza di editing si estende in modo fluido dalla dashboard tradizionale di WordPress. Il suo design si adatta automaticamente al tema installato, semplificando notevolmente il processo di utilizzo.
Inoltre, essendo un editor basato su blocchi, la modifica di parti del sito web risulta molto agevole. La curva di apprendimento per Gutenberg è naturalmente più breve, ma allo stesso tempo questo può limitarne le capacità.
Elementor vs Gutenberg: interfaccia
Elementor si afferma come il vincitore indiscusso in termini di controllo su ogni aspetto del sito, mentre Gutenberg mostra gli elementi prima dell’applicazione del tema o dell’aggiunta di altri elementi, consentendo una visualizzazione in tempo reale delle modifiche.
Supporto per componenti aggiuntivi
È importante anche considerare il supporto offerto da entrambi i costruttori di pagine per i componenti aggiuntivi.
Elementor: componenti aggiuntivi di terze parti
La ricerca di componenti aggiuntivi per Elementor offre una vasta gamma di scelte. Elementor dispone di una propria API che gli sviluppatori possono sfruttare per creare componenti aggiuntivi, il che significa che esistono numerose opzioni tra cui selezionare.
I Plus Addons per Elementor ampliano ulteriormente le opzioni avanzate, consentendo una personalizzazione ancora più approfondita del sito web e l’aggiunta di nuove funzionalità altrimenti non disponibili.
Dato che Elementor è stato sul mercato per più tempo, gode naturalmente di un supporto più ampio per i componenti aggiuntivi di terze parti.
Gutenberg: componenti aggiuntivi di terze parti
Gutenberg è compatibile con tutti i plugin e i temi presenti su WordPress. Essendo parte integrante di WordPress, qualsiasi plugin disponibile nel repository di WordPress sarà compatibile con Gutenberg.
Limitazioni Elementor
Elementor offre una versione gratuita con alcune limitazioni nella flessibilità delle opzioni. Per sbloccare un set completo di opzioni, è necessario aggiornare all’abbonamento Elementor Pro. Elementor non offre un’opzione white-label e presenta alcune limitazioni nel costruttore di intestazioni. Inoltre, se il sito web non viene ottimizzato correttamente, Elementor potrebbe causare rallentamenti.
Limitazioni Gutenberg
Gutenberg permette la personalizzazione degli elementi della pagina, ma solo entro i limiti imposti dal tema. Il numero di componenti aggiuntivi o blocchi è relativamente limitato rispetto a Elementor, che esiste da più tempo. Inoltre, Gutenberg non è la soluzione ideale per la modifica di un sito web completo.
Differenze chiave tra Elementor e Gutenberg
Nonostante entrambi siano costruttori di pagine, esistono alcune differenze cruciali tra Gutenberg ed Elementor:
- Gutenberg è compatibile con altri temi e plugin, mentre Elementor Pro non richiede l’utilizzo di temi o plugin aggiuntivi.
- Gutenberg è considerato un editor a blocchi, consentendo di aggiungere, rimuovere o organizzare i blocchi sulla pagina, mentre l’utilizzo del tema avviene in un secondo momento.
- Elementor, al contrario, è un costruttore di pagine che consente di creare un sito web completamente diverso senza dipendere dal tema.
- Gutenberg è una parte nativa di WordPress e rimarrà sempre gratuito, mentre Elementor offre una versione gratuita ma richiede un abbonamento a Elementor Pro per sfruttare appieno il suo potenziale.
Infine, va notato che è possibile utilizzare i blocchi di Gutenberg all’interno di Elementor.
Elementor vs Gutenberg: prestazioni e velocità di pagina
Un altro fattore fondamentale da considerare è la velocità di caricamento delle pagine sia per Gutenberg che per Elementor.
In questa situazione, emerge chiaramente un vincitore: Gutenberg. La ragione di ciò è che Gutenberg è parte integrante di WordPress ed è notevolmente più semplice ed efficiente. Naturalmente, molto dipende dall’ottimizzazione del sito web, ma in teoria, Gutenberg è più veloce.
Elementor vs Gutenberg: costruzione di una Pagina
Esamineremo ora come si comportano Gutenberg ed Elementor nella creazione di una pagina.
Costruzione di una pagina su Elementor
La costruzione di una pagina con Elementor è abbastanza intuitiva. Anche se può sembrare leggermente complessa all’inizio, in realtà è abbastanza semplice. È possibile trascinare gli elementi dal pannello laterale al centro dello spazio di lavoro. Questo processo è abbastanza intuitivo grazie all’uso della funzione drag-and-drop, e è possibile aggiungere widget facendo clic sul segno “+” nei blocchi.
Sono disponibili numerose opzioni per personalizzare ogni pagina, e soprattutto, è possibile sbloccare ulteriori funzionalità acquistando un abbonamento a Elementor Pro. Molti designer apprezzano Elementor perché le modifiche vengono sincronizzate in tempo reale, consentendo di visualizzare l’aspetto delle pagine prima di pubblicarle.
Costruzione pagina: Elementor vs Gutenberg – Quale scegliere?
L’editor Gutenberg è più intuitivo e simile all’esperienza principale di WordPress. Sulla sinistra, è possibile visualizzare una serie di blocchi che possono essere trascinati e rilasciati per aggiungere ulteriori funzionalità alle pagine.
La sua facilità d’uso è notevole, e non è necessario possedere competenze avanzate di web design per iniziare a creare pagine con Gutenberg.
Conclusioni – Scelta finale
La scelta tra WordPress Gutenberg ed Elementor dipende dall’ambito delle funzionalità richieste. Per i principianti, consigliamo di iniziare con Gutenberg. È integrato in WordPress, semplice da utilizzare e offre un’esperienza priva di opzioni di stile soverchianti.
Tuttavia, man mano che si costruiscono siti web e si inizia a lavorare su pagine più complesse, si potrebbe scoprire che Elementor è più adatto alle esigenze. Elementor offre un controllo senza precedenti su ogni elemento del sito e, sebbene possa complicare leggermente le cose, alla fine garantisce il pieno controllo su ciascun aspetto del sito.
Per coloro che desiderano rimanere fedeli a Gutenberg e cercano di potenziarne le funzionalità per equipararle a quelle di Elementor, è possibile considerare l’installazione del tema Nexter PRO. Questo tema aggiunge tutte le funzionalità previste in Elementor, tra cui regole condizionali, un personalizzato Theme Builder e altro ancora.
Se si è interessati a espandere ulteriormente i blocchi di Gutenberg o a migliorare i widget di Elementor, si possono scegliere i blocchi Plus per Gutenberg o gli addon Plus per Elementor.
Domande frequenti su Gutenberg vs Elementor
- Quali sono le caratteristiche principali e i vantaggi di Elementor rispetto a Gutenberg?
Elementor offre un’interfaccia drag-and-drop facile da utilizzare, con un’ampia gamma di opzioni di progettazione, modelli predefiniti e componenti aggiuntivi di terze parti. Ciò consente agli utenti di creare facilmente layout complessi. Gutenberg, invece, è un editor WordPress integrato con funzionalità di base per i blocchi di contenuto, adatto per la creazione di contenuti semplici ma privo della flessibilità di progettazione e delle funzionalità avanzate di Elementor.
- Posso utilizzare contemporaneamente Elementor e Gutenberg o devo sceglierne uno?
Sì, è possibile utilizzare Elementor e Gutenberg contemporaneamente sul proprio sito WordPress. Gutenberg è l’editor di blocchi predefinito, mentre Elementor funge da plugin separato per la creazione di pagine. Ciò significa che è possibile utilizzare Gutenberg per la creazione di contenuti di base ed Elementor per la creazione di layout di pagina più complessi e per la personalizzazione avanzata del design, offrendo una maggiore flessibilità nello sviluppo del sito web. - Gutenberg è migliore di Elementor?
Gutenberg ed Elementor soddisfano esigenze diverse. Gutenberg è l’editor predefinito di WordPress con funzionalità di base per la modifica basata su blocchi, ideale per la creazione di contenuti semplici ma limitato nella progettazione e nelle funzionalità avanzate. Elementor, d’altra parte, è un costruttore di pagine ricco di funzionalità con un’interfaccia drag-and-drop. La scelta tra i due dipende dalla necessità di apportare semplici modifiche ai contenuti (Gutenberg) o dalla necessità di opzioni di progettazione e personalizzazione avanzate (Elementor).
