Cos’\u00e8 Gutenberg?<\/h2>\n
Gutenberg<\/a> \u00e8 il page builder predefinito di WordPress. \u00c8 stato introdotto nel 2018 e ha sostituito quello che oggi viene chiamato l’editor “classico” di WordPress, che era l’originale editor di contenuti rich text\/HTML senza alcuna funzionalit\u00e0 di drag-and-drop.<\/p>\n Gutenberg \u00e8 stato in realt\u00e0 una risposta a un’ondata di plugin di terze parti per la creazione di pagine<\/a>, tra cui Elementor<\/a>, Divi<\/a> e Visual Composer, tutti nati per sostituire l’editor classico.<\/p>\n Dal punto di vista delle funzionalit\u00e0, Gutenberg offre una libreria di “blocchi” facilmente accessibile per trascinare gli elementi di contenuto nelle pagine e nei post.<\/p>\n Gutenberg \u00e8 dotato di circa 100 blocchi di contenuti, alcuni dei quali consentono integrazioni e incorporazioni di servizi di terze parti come Twitter, Reddit e Amazon Kindle. \u00c8 anche possibile creare blocchi dinamici<\/a> per aggiornare automaticamente il contenuto dei blocchi. Alcuni esempi di blocchi Gutenberg sono:<\/p>\n La maggior parte dei temi WordPress funzionano bene con Gutenberg (in pratica sono obbligati a farlo).<\/p>\n L’interfaccia di Gutenberg presenta il contenuto della pagina o del post al centro, con contenuti renderizzati (come la visualizzazione di moduli o pulsanti) quando possibile. Si tratta di un aggiornamento significativo rispetto all’editor classico, poich\u00e9 Gutenberg supporta la modifica rapida di markdown insieme a un’esperienza utente visiva. Inoltre, se necessario, \u00e8 possibile accedere direttamente alle sezioni di codifica personalizzata per CSS<\/a> e HTML<\/a>.<\/p>\n Ogni blocco offre un lungo elenco di impostazioni e Gutenberg dispone di pannelli rapidi per un controllo efficace sulle impostazioni dei documenti e dei blocchi, come i tag alt, i colori di sfondo e la moderazione dei commenti.<\/p>\n Elementor \u00e8 un page builder, proprio come Gutenberg. Tuttavia, Elementor \u00e8 precedente a Gutenberg in quanto \u00e8 una delle applicazioni di terze parti per la creazione di pagine che hanno portato alla creazione di un page builder predefinito per WordPress.<\/p>\n Introdotto nel 2016, Elementor rimane uno dei preferiti dai designer di WordPress<\/a> grazie alla sua interfaccia di web design completamente visuale, agli eleganti template di partenza<\/a> (pronti per essere importati) e ai moduli di contenuto drag-and-drop.<\/p>\n Una delle differenze pi\u00f9 evidenti tra Elementor e Gutenberg \u00e8 che Elementor non \u00e8 integrato in WordPress. \u00c8 realizzato da un’altra azienda, quindi sar\u00e0 necessario installare il suo plugin gratuito (sono disponibili anche versioni premium).<\/p>\n Noterete anche che Elementor ha nomi unici per le sue funzioni. Quelli che in Gutenberg vengono chiamati “blocchi”, in Elementor vengono chiamati “widget”. A questo proposito, Elementor vanta oltre 100 widget di contenuto.<\/p>\n Esempi di widget di contenuto di Elementor:<\/p>\n Molti dei widget creano integrazioni tra un sito WordPress e applicazioni di terze parti, come Stripe<\/a>, Facebook e Sound Cloud.<\/p>\n Nel complesso, Elementor \u00e8 uno dei migliori page builder per WordPress con una vivace comunit\u00e0 di sviluppatori e utenti. L’interfaccia visiva e drag-and-drop \u00e8 difficile da battere, si ricevono centinaia di modelli di design e tutte le modifiche vengono eseguite dal vivo.<\/p>\n Insieme ai widget speciali di WooCommerce<\/a> e agli strumenti di marketing per le landing page e i moduli, Elementor rimane un colosso nel settore della costruzione di siti web e questo si nota quando si confronta Gutenberg con Elementor.<\/p>\n Confronteremo Gutenberg ed Elementor in base a caratteristiche, interfaccia utente, prezzi e altro ancora. Dopo la nostra analisi, dovreste riuscire a capire meglio quale sia il page builder pi\u00f9 adatto alle vostre esigenze.<\/p>\n In questa sezione abbiamo selezionato quelle che consideriamo le caratteristiche “chiave” di un page builder, quindi confronteremo Gutenberg ed Elementor in ogni categoria.<\/p>\n Il problema dei page builder \u00e8 che spesso riempiono l’interfaccia con strumenti di creazione visiva e mettono in secondo piano le funzionalit\u00e0 pi\u00f9 avanzate, come la modifica del codice.<\/p>\n Preferiamo vedere un mix di entrambi, in cui i principianti hanno a disposizione un’elegante interfaccia drag-and-drop facilmente accessibile e gli utenti avanzati possono utilizzare i CSS senza dover cercare il campo giusto.<\/p>\n La funzionalit\u00e0 di drag-and-drop di Gutenberg \u00e8 semplice e senza lag. Basta un attimo per cercare i blocchi di contenuto e trascinarli o cliccare per inserirli nel contenuto. A questo punto, le impostazioni del blocco vengono visualizzate per la personalizzazione.<\/p>\n Un aspetto negativo \u00e8 che il trascinamento dei blocchi gi\u00e0 posizionati vi costringe a selezionare prima un blocco e poi a cliccare e tenere premuta la piccola icona del trascinamento<\/strong>. Questo richiede una certa precisione nel cliccare, cosa che non \u00e8 necessaria per altri page builder.<\/p>\n Per quanto riguarda la codifica, l’editor di codice<\/strong> di Gutenberg \u00e8 facile da trovare.<\/p>\n Gli utenti hanno riscontrato problemi con i blocchi che alterano il codice e difficolt\u00e0 con i blocchi predefiniti, richiedendo agli sviluppatori di produrre decine di blocchi personalizzati.<\/p>\n Nonostante le lamentele, il page builder \u00e8 migliorato per i programmatori e gli strumenti sono sicuramente presenti, ma forse con una curva di apprendimento pi\u00f9 ripida rispetto a quella disponibile nell’editor classico.<\/p>\n \u00c8 persino possibile aggiungere ancore HTML e classi CSS aggiuntive direttamente dalla scheda Blocco<\/strong> di Gutenberg, cosa che prima richiedeva un noioso percorso nella scheda HTML<\/strong> dell’Editor classico.<\/p>\n Elementor offre anche la funzionalit\u00e0 drag-and-drop. Funziona con la maggior parte dei temi WordPress<\/a> e presenta una libreria di blocchi da inserire rapidamente in qualsiasi pagina.<\/p>\n Poich\u00e9 Elementor utilizza un sistema a griglia generato in modo semi-automatico, \u00e8 possibile inserire i widget nella maggior parte delle aree di una pagina.<\/p>\n Spostare i blocchi di contenuto precedentemente posizionati \u00e8 pi\u00f9 facile con Elementor che con Gutenberg. Basta cliccare e tenere premuto su un punto qualsiasi del blocco per spostarlo.<\/p>\n L’inserimento o la selezione di un widget di contenuto mostra il contenuto, lo stile e le impostazioni avanzate di quel widget. La codifica \u00e8 semplificata da molte impostazioni dei blocchi. Ad esempio, \u00e8 possibile aggiungere ancore HTML, attributi e CSS personalizzati direttamente nelle impostazioni del widget o della pagina<\/a>.<\/p>\n Elementor offre anche widget di codice HTML<\/strong> per inserire qualsiasi codice personalizzato in una pagina web.<\/p>\n Nel complesso, la funzionalit\u00e0 drag-and-drop di Elementor \u00e8 superiore rispetto a quella di Gutenberg. Tuttavia, le opzioni di codifica personalizzata sono ugualmente accessibili in entrambi i page builder.<\/p>\n I template dei page builder permettono agli sviluppatori di costruire siti web con una velocit\u00e0 impressionante. I template permettono di iniziare con siti web o design di pagine professionali invece di costruire da zero.<\/p>\n Molti page builder offrono modelli preconfezionati per:<\/p>\n Gutenberg ha una grave mancanza di modelli predefiniti. La scheda Pattern<\/strong> fornisce qualche utile modello di sezione, ma questo \u00e8 tutto.<\/p>\n Tuttavia, \u00e8 possibile installare plugin di terze parti con template di partenza per pagine e siti web completi. Plugin come Gutentor<\/a>, Twentig<\/a> e Otter Blocks<\/a> sono tutti adatti allo scopo.<\/p>\n Elementor, invece, si avvale di centinaia di template di partenza nel suo Theme Builder<\/a>.<\/p>\n I modelli di Elementor includono:<\/p>\n Quasi tutti i modelli di Elementor richiedono un abbonamento premium, ma \u00e8 conveniente e migliore di quello che si pu\u00f2 ottenere da Gutenberg.<\/p>\n Le funzioni di styling di Gutenberg consentono una rapida personalizzazione nel pannello Blocco<\/strong> sul lato destro, dopo aver selezionato il blocco che si desidera modificare.<\/p>\n Le impostazioni di stile sono piuttosto basilari rispetto a quelle di Elementor, ma l’essenziale \u00e8 quasi sempre presente, come le opzioni per modificare i bordi e le dimensioni delle immagini o le impostazioni di colore, tipografia e margine per i blocchi di paragrafi.<\/p>\n Oltre ai CSS personalizzati per tutti i blocchi, troverete una barra degli strumenti che si muove quando si clicca su un blocco. Questa sezione offre lo stile del testo, la modifica con l’HTML, la copia dello stile e la duplicazione.<\/p>\n Le impostazioni di stile in Elementor sono contenute in tre schede quando si seleziona un widget. Regola le impostazioni del contenuto per il dimensionamento delle immagini e del testo, poi passa alle aree avanzate, con tutto ci\u00f2 che riguarda le animazioni hover, i filtri e le maschere CSS e gli effetti di trasformazione.<\/p>\n Non c’\u00e8 dubbio che Elementor abbia una variet\u00e0 di strumenti di styling pi\u00f9 ampia rispetto a Gutenberg. Tuttavia, chi desidera la massima semplicit\u00e0 si trover\u00e0 a suo agio con le funzioni di styling disponibili in Gutenberg.<\/p>\n Gutenberg offre poco pi\u00f9 di 90 blocchi di contenuto. Elementor ne fornisce oltre 100.<\/p>\n Ecco le categorie di blocchi di Gutenberg:<\/p>\n Si avranno tutti gli elementi essenziali (blocchi di paragrafi, immagini e pulsanti), oltre a elementi unici per argomenti come Speaker Deck, Kickstarter, Query Loops, Verse, Time To Read e altro ancora.<\/p>\n Elementor suddivide i suoi widget in categorie:<\/p>\n Non si tratta certo delle categorie pi\u00f9 utili, ma almeno sono organizzati in qualche modo.<\/p>\n Sono presenti widget standard per i contenuti, come divisori, sezioni e header. Ci sono anche widget unici per Google Maps<\/a>, Code Highlights, WooCommerce Product Data e altri ancora.<\/p>\n La nostra conclusione \u00e8 che Gutenberg organizza e spiega molto meglio i suoi blocchi di contenuto, ma Elementor offre una quantit\u00e0 maggiore di blocchi (widget) con impostazioni pi\u00f9 avanzate.<\/p>\n WooCommerce<\/a> \u00e8 un plugin di terze parti che permette di trasformare qualsiasi sito WordPress in un negozio online. Se abbinato a un page builder, spesso si ottengono blocchi WooCommerce per una maggiore personalizzazione del carrello<\/a>, delle pagine dei prodotti e altro ancora.<\/p>\n Gutenberg non fa eccezione. Una volta installato WooCommerce, appariranno una miriade di blocchi Gutenberg per migliorare il design del negozio WooCommerce. Ci sono blocchi per la ricerca dei prodotti, opzioni per mostrare i filtri attivi e modi per visualizzare i prodotti pi\u00f9 venduti. Abbiamo contato 26 blocchi Gutenberg\/WooCommerce e ci sono diversi plugin di terze parti che possono ampliare questo elenco.<\/p>\n Elementor funziona bene anche con WooCommerce, ma a pagamento. \u00c8 necessario avere un abbonamento a Elementor Pro per sbloccare i widget di contenuto o i modelli di pagina di WooCommerce. Detto questo, Elementor Pro \u00e8 conveniente e i blocchi offrono strumenti di styling pi\u00f9 potenti rispetto a quelli di Gutenberg.<\/p>\n Al momento della stesura di questo articolo, erano disponibili 20 blocchi WooCommerce con Elementor. L’elenco comprende immagini dei prodotti, pulsanti Aggiungi al carrello, valutazioni dei prodotti e gallerie di prodotti.<\/p>\n Ci sono anche widget unici come Upsells e Product Meta Data.<\/p>\n \u00c8 importante non confondere le integrazioni con la compatibilit\u00e0. Parleremo della compatibilit\u00e0 dei temi e dei plugin pi\u00f9 avanti in questo articolo, ma le integrazioni sono pi\u00f9 che altro collegamenti ad altre applicazioni, piattaforme e software, dove i dati vengono inviati a o dal page builder.<\/p>\n Ad esempio, un’integrazione con Facebook potrebbe mostrare un pulsante per seguire la vostra pagina o un elenco dei post pi\u00f9 recenti su Facebook.<\/p>\n Gutenberg ha un breve elenco di integrazioni dirette, che utilizzano principalmente blocchi per prelevare contenuti da fonti esterne.<\/p>\n Ecco un assaggio delle 32 integrazioni attuali di Gutenberg:<\/p>\n Elementor ha un’ampia lista di integrazioni, dalle piattaforme multimediali ai siti social.<\/p>\n Ecco alcune delle oltre 40 integrazioni di Elementor:<\/p>\n Entrambi hanno integrazioni di tutto rispetto, ma quelle di Elementor sembrano pi\u00f9 valide e numerose. Con Elementor \u00e8 possibile accedere ai principali provider di email marketing, vendere attraverso i processori di pagamento e collegarsi al proprio software di gestione delle relazioni con i clienti<\/a>. Gutenberg, invece, si concentra maggiormente sul collegamento alle librerie multimediali e ai siti social.<\/p>\n Iniziare a lavorare con Gutenberg \u00e8 intuitivo come usare WordPress stesso. Questo perch\u00e9 Gutenberg \u00e8 integrato automaticamente nella bacheca di WordPress<\/a>. Non c’\u00e8 bisogno di installare un plugin o un componente aggiuntivo. Basta aprire l’editor di una pagina o di un post e Gutenberg si mette al lavoro.<\/p>\n Si possono cercare e inserire i blocchi cliccando su uno dei numerosi pulsanti “+” (Aggiungi blocco)<\/strong> sparsi per l’editor. L’editor offre una barra di ricerca e varie schede per i blocchi<\/strong>, i pattern<\/strong> e i media<\/strong>. Noterete anche che Gutenberg si integra con i pi\u00f9 famosi fornitori di immagini Creative Commons per trovare gratuitamente la grafica adatta.<\/p>\n La velocit\u00e0 di creazione dei contenuti rende Gutenberg uno dei migliori page builder<\/a> per i blogger e per tutti coloro che pubblicano online. Si pu\u00f2 scrivere direttamente nell’editor e utilizzare il markup e le scorciatoie da tastiera per inserire rapidamente elementi come titoli, link e immagini.<\/p>\n Inoltre, Gutenberg si integra con una vasta gamma di altri editor di testo di terze parti, oppure \u00e8 possibile copiare i contenuti da altri programmi direttamente in Gutenberg (senza dover caricare le immagini una seconda volta o regolare la formattazione).<\/p>\n La scheda Pagina<\/strong> offre impostazioni per la pubblicazione e per le pagine, come gli strumenti per le immagini in evidenza, gli estratti e i commenti.<\/p>\n \u00c8 facile anche regolare le impostazioni relative ai blocchi. Basta cliccare sulla scheda Blocco<\/strong>. In questo modo si aprono le funzioni di personalizzazione del blocco selezionato. Ad esempio, un blocco Immagine<\/strong> mostra tutti i campi del testo Alt<\/strong> e le impostazioni per le dimensioni dell’immagine<\/strong>. Qui \u00e8 anche possibile aggiungere tag CSS<\/strong>, ancore HTML<\/strong> o attributi del titolo<\/strong>.<\/p>\n Per quanto riguarda la facilit\u00e0 d’uso, Elementor non \u00e8 nuovo a rendere le cose intuitive. Tuttavia, c’\u00e8 una curva di apprendimento, soprattutto a causa della vasta gamma di funzioni offerte.<\/p>\n Per quanto riguarda l’editor, \u00e8 una replica esatta del frontend di una pagina. Ogni widget di Elementor \u00e8 disponibile per essere trascinato o modificato dalla libreria.<\/p>\n Anche se le categorie non hanno nomi utili, \u00e8 possibile trovare i widget nelle categorie Basic<\/strong>, Pro<\/strong>, General<\/strong>, Site<\/strong>, WooCommerce<\/strong> e WordPress<\/strong>. C’\u00e8 anche un pannello dei preferiti<\/strong> per salvare i widget personalizzati in un secondo momento.<\/p>\n La vera facilit\u00e0 d’uso di Elementor deriva dal suo editor a griglia, che permette di trascinare e rilasciare un elemento in qualsiasi punto della pagina. Non solo, ma si possono trascinare intere sezioni, eliminarne o aggiungerne facendo clic all’interno dell’editor.<\/p>\n Inoltre, possiamo accedere rapidamente alla libreria dei blocchi e dei template. \u00c8 possibile salvare i template personalizzati<\/a> per utilizzarli in seguito o sfruttare i blocchi e i modelli di pagina progettati professionalmente. Molti di essi sono dedicati a situazioni specifiche, come nel caso in cui si dovesse avere bisogno di una pagina 404<\/a> o di un carrello WooCommerce personalizzato.<\/p>\n Il principale svantaggio dell’interfaccia di Elementor \u00e8 la sua natura di terze parti. \u00c8 necessario installare un plugin per renderlo attivo su WordPress. Anche in questo caso, dovrete sempre cliccare sul pulsante “Modifica con Elementor”<\/strong> poich\u00e9 Gutenberg \u00e8 tecnicamente ancora installato in background.<\/p>\n Nel complesso, l’interfaccia di Gutenberg \u00e8 pi\u00f9 facile da capire, ma non c’\u00e8 niente di meglio che lavorare con Elementor. \u00c8 fluido, divertente da usare e capace di fare molto di pi\u00f9 di Gutenberg, una volta che ci si \u00e8 abituati.<\/p>\n I page builder offrono un gran numero di funzioni. Questo potrebbe portare a una serie di strumenti ingombranti che entrano in conflitto con i plugin e i temi e inibiscono la velocit\u00e0 delle pagine. Se si considerano le recensioni degli utenti, Elementor e Gutenberg sembrano funzionare bene se si utilizzano gli strumenti di ottimizzazione adeguati e un host veloce.<\/p>\n Nel nostro test, abbiamo installato Gutenberg ed Elementor su istanze separate di quello che sappiamo essere un server ad alte prestazioni e dotato di CDN (di Kinsta)<\/a>. Abbiamo anche utilizzato lo stesso tema con contenuti demo per rendere il test il pi\u00f9 equo possibile. Abbiamo mantenuto la stessa posizione del server (Iowa) per entrambi i test e abbiamo installato due plugin comuni (WooCommerce e Yoast SEO<\/a>) per vedere come i page builder rispondono a un ambiente reale.<\/p>\n Ecco i risultati ottenuti con Pingdom<\/a> e Google PageSpeed Insights<\/a>:<\/p>\n Abbiamo eseguito lo stesso test con un server di prova a Londra:<\/p>\n Ed ecco i risultati di Google PageSpeed Insights:<\/p>\n E i risultati del server di prova di Londra:<\/p>\n Risultati di Google PageSpeed Insights:<\/p>\n Gutenberg ha quasi sempre ottenuto un punteggio pi\u00f9 alto in termini di prestazioni, dimensioni inferiori della pagina e tempi di caricamento pi\u00f9 rapidi, oltre a un minor numero di richieste. Questo, tuttavia, potrebbe essere dovuto al fatto che Elementor ha design di blocchi pi\u00f9 avanzati e Gutenberg \u00e8 tecnicamente sempre installato insieme a Elementor, per cui ci si ritrova con due page builder in esecuzione allo stesso tempo, rallentando potenzialmente il sito.<\/p>\n In ogni caso, entrambi offrono una velocit\u00e0 elevata. La cosa pi\u00f9 importante per mantenere una velocit\u00e0 accettabile delle pagine \u00e8 optare per un host gestito e alimentato da CDN come Kinsta.<\/p>\n Puoi ottenere sia Gutenberg che Elementor gratuitamente. La differenza principale \u00e8 che Gutenberg \u00e8 completamente gratuito, per sempre. Elementor offre una solida versione gratuita del suo page builder e diversi aggiornamenti e componenti aggiuntivi per chi \u00e8 interessato a funzioni pi\u00f9 avanzate.<\/p>\n Gratuito, in quanto \u00e8 l’editor di WordPress ed \u00e8 integrato di default in WordPress.<\/p>\n Il marchio Elementor offre altri prodotti e servizi, ma ai fini di questo confronto limitiamo i prezzi al suo plugin di page builder.<\/p>\n A prima vista potrebbe sembrare che un plugin “gratuito per sempre” (come Gutenberg) sia l’offerta migliore. Ma la versione gratuita di Elementor \u00e8 ricca di strumenti sufficienti per molti tipi di progetti e i piani premium hanno prezzi ragionevoli.<\/p>\n Riteniamo che Elementor sia pi\u00f9 conveniente di Gutenberg semplicemente perch\u00e9 \u00e8 un page builder pi\u00f9 snello e potente di Gutenberg e si possono ottenere molte delle sue funzioni gratuitamente. Ma se \u00e8 necessario mantenere il budget a 0 per sempre, Gutenberg fa al caso vostro.<\/p>\n \u00c8 difficile individuare la compatibilit\u00e0 (o la mancanza di compatibilit\u00e0) dei page builder con le migliaia di temi e plugin WordPress presenti sul mercato. Tuttavia, possiamo esaminare le recensioni degli utenti per capire se ci sono problemi di compatibilit\u00e0 con i temi o i plugin pi\u00f9 diffusi.<\/p>\n Gutenberg sembra funzionare con la maggior parte dei temi e dei plugin. Dopotutto, gli sviluppatori di terze parti devono adattarsi al page builder poich\u00e9 Gutenberg \u00e8 integrato in WordPress per impostazione predefinita.<\/p>\n Dalle nostre ricerche, i problemi di compatibilit\u00e0 pi\u00f9 comuni con Gutenberg si verificano quando viene combinato con altri page builder sullo stesso sito web. Abbiamo anche scoperto che gli sviluppatori di plugin stanno giocando a rimpiattino per produrre i blocchi Gutenberg relativi ai loro plugin. Per questo motivo, si pu\u00f2 sempre incappare in alcuni plugin pi\u00f9 vecchi e meno aggiornati che non dispongono di blocchi Gutenberg.<\/p>\n Al momento di questo articolo, ci sono circa 12 domande di compatibilit\u00e0 aperte nei forum di WordPress.org, alcune delle quali sembrano essere errori dell’utente. Ma non \u00e8 impossibile pensare che si possa incontrare qualche problema.<\/p>\n Elementor \u00e8 noto per la sua solida compatibilit\u00e0 con la comunit\u00e0 di WordPress<\/a>. Tuttavia, si tratta di un page builder di terze parti, quindi \u00e8 bene tenere d’occhio i tag di compatibilit\u00e0<\/a> (note che spiegano quando un plugin non \u00e8 compatibile). Inoltre, quando si cerca un tema, \u00e8 bene controllare sempre che sia compatibile con Elementor (se lo si sta usando come page builder).<\/p>\n Sia per Gutenberg che per Elementor, \u00e8 necessario tenere d’occhio i temi WordPress “multiuso” con template di partenza. Questi template di partenza sono progettati per page builder specifici, quindi uno per Gutenberg non funzioner\u00e0 con Elementor e viceversa. Inoltre, alcuni temi non dispongono di template di partenza per questi page builder.<\/p>\n Non c’\u00e8 modo di modificare i contenuti nel frontend di un sito web con Gutenberg. Ma \u00e8 proprio questo il punto. Gutenberg cerca di combinare gli aspetti della modifica del frontend con l’esperienza del backend, permettendo di rimanere fedeli a un’unica interfaccia.<\/p>\n Quindi, ad esempio, tutte le modifiche avvengono nel backend di WordPress, ma molti dei blocchi vengono visualizzati a pieno schermo per avere una visione pi\u00f9 realistica di ci\u00f2 che ci si aspetta una volta pubblicati.<\/p>\n Elementor non \u00e8 molto diverso. In passato offriva la possibilit\u00e0 di modificare sia il backend che il frontend, ma alla fine ha unito l’esperienza di modifica in un unico modulo. Quindi, non \u00e8 possibile andare nel frontend di un sito web e trascinare gli elementi.<\/p>\n Tuttavia, Elementor porta le pagine e i post nel suo editor di backend, che presenta una bellissima anteprima della pagina di frontend. In questo modo \u00e8 possibile vedere esattamente cosa succede quando viene apportata una modifica.<\/p>\n Infine, entrambi i page builder dispongono di salvataggi automatici e di pulsanti di salvataggio manuale.<\/p>\n Spesso l’assistenza clienti \u00e8 disponibile solo quando si paga<\/em> un page builder. Durante la nostra ricerca, questa ipotesi \u00e8 stata applicata sia a Gutenberg che a Elementor.<\/p>\n Il page builder standalone Gutenberg non ha una linea di assistenza diretta da contattare. Tuttavia, \u00e8 possibile discutere dei problemi nel forum degli utenti di Gutenberg<\/a>. I membri di WordPress.com ricevono un’assistenza clienti dedicata, quindi la si potrebbe utilizzare quando si hanno domande su Gutenberg. Gli utenti di WordPress.org, purtroppo, hanno solo forum e blog per portare a termine le loro ricerche.<\/p>\n Il plugin gratuito Elementor ha una knowledgebase<\/a> e un forum per gli utenti<\/a>.<\/p>\n Per ricevere assistenza via e-mail da una persona reale, \u00e8 necessario pagare per Elementor Pro. Detto questo, c’\u00e8 un modulo di live chat per le domande sulle vendite.<\/p>\n Dopo anni di esperienza con gli utenti di WordPress e un confronto dettagliato tra Gutenberg ed Elementor, siamo giunti ad alcune conclusioni finali.<\/p>\n Ecco le conclusioni:<\/p>\n Ogni page builder ha il suo posto. Elementor \u00e8 destinato agli utenti pi\u00f9 esperti o a chi ha bisogno di una libreria di modelli di pagina. Gutenberg \u00e8 il costruttore di pagine pronto per l’uso su WordPress, con strumenti e impostazioni di stile semplificati e facili da usare, che lo rendono perfetto per la creazione rapida di contenuti.<\/p>\n![\"Un](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/gutenberg.jpg\")
\n
Cos’\u00e8 Elementor?<\/h2>\n
![\"Sito](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/elementor.png\")
\n
Gutenberg ed Elementor a confronto<\/h2>\n
Caratteristiche principali<\/h3>\n
Funzionalit\u00e0 e codifica drag-and-drop: Gutenberg vs Elementor<\/h4>\n
![\"Esempi](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/gutenberg-blocks.jpg\")
![\"Trascinare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/drag-icon.jpg\"){kind=icon}
![\"Individuare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/code-editor.jpg\")
![\"Ancore](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/anchors-and-css.jpg\")
![\"Blocchi](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/basic-blocks.jpg\")
![\"Blocco](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/drag-block.jpg\")
![\"Spostamento](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/Elementor-movement.gif\")
![\"Aggiungere](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/advanced.jpg\")
![\"Digitare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/html-code.jpg\")
Template (per siti web, blocchi, pagine, popup e altro): Gutenberg vs Elementor<\/h4>\n
\n
![\"Usare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/patterns.jpg\")
\n
![\"elementi](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/elementor-theme-builder.jpg\")
Styling: Gutenberg vs Elementor<\/h4>\n
![\"Personalizzazione](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/styling.jpg\")
![\"Barra](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/toolbar.jpg\")
![\"Impostazioni](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/style-and-more.jpg\")
Blocchi di contenuto\/Widget: Gutenberg vs Elementor<\/h4>\n
\n
\n
![\"Blocco](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/product-images.jpg\")
Supporto WooCommerce: Gutenberg vs Elementor<\/h4>\n
![\"Tutti](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/blocks-wocommerce.jpg\")
![\"Blocchi](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/additional-blocks.jpg\")
Integrazioni: Gutenberg vs Elementor<\/h4>\n
\n
\n
Interfaccia utente: Gutenberg vs Elementor<\/h3>\n
![\"Cercare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/add-blocks.jpg\")
![\"Immagini](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/featured-image.jpg\")
![\"Scheda](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/block-tab.jpg\")
![\"Suddivisione](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/elementor-elements.jpg\")
![\"Spostare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/move-block.jpg\")
![\"Blocchi](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/elementor-blocks.jpg\")
Prestazioni e impatto sulla velocit\u00e0 della pagina: Gutenberg vs Elementor<\/h3>\n
Test sulla velocit\u00e0 di pagina di Gutenberg<\/h4>\n
\n
\n
\n
Test di velocit\u00e0 della pagina di Elementor<\/h4>\n
\n
\n
\n
Prezzi: Gutenberg vs Elementor<\/h3>\n
Prezzi di Gutenberg<\/h4>\n
Prezzi di Elementor<\/h4>\n
\n
Compatibilit\u00e0 con temi e plugin: Gutenberg vs Elementor<\/h3>\n
Modificare backend vs frontend in Gutenberg ed Elementor<\/h3>\n
![\"Backend](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/gutenberg-backend.jpg\")
![\"L'editor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/elementor-edit.jpg\")
Assistenza clienti: Gutenberg vs Elementor<\/h3>\n
![\"Area](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/search-for-help.jpg\")
Gutenberg vs Elementor: quale scegliere?<\/h2>\n
\n
Riepilogo<\/h2>\n