Il confronto completo tra Gutenberg e Brizy: quale Page Builder è migliore?

Gutenberg e Brizy sono entrambi ottimi strumenti per creare qualsiasi tipo di sito web. Entrambi sono relativamente nuovi, facili da usare e offrono tantissime funzioni interessanti.

Stai costruendo un sito web e ti stai chiedendo quale sia il migliore? C'è un caso forte per ognuno.

Ti guideremo attraverso entrambi e alla fine di questo articolo avrai una buona idea che è meglio per te.

Discuteremo le loro caratteristiche chiave, differenze, capacità e molto altro ancora. Per assicurarci di essere sulla stessa pagina, iniziamo eliminando alcune nozioni di base.

Cos'è WordPress Gutenberg?

Gutenberg è il nuovo editor predefinito in WordPress. Ti consente di creare pagine Web utilizzando i blocchi, motivo per cui è chiamato editor di blocchi. Proprio come i singoli mattoni possono essere messi insieme per costruire una casa, questi blocchi sono elementi individuali che puoi mettere insieme per costruire il tuo sito web.

Ci sono cartigli, blocchi di contenuto, blocchi di immagini e tutti i tipi di blocchi, che ti consentono di aggiungere tutti i tipi di componenti importanti al tuo sito.

E la parte migliore è che non c'è bisogno di codificare. Tutto quello che devi fare è trascinare e rilasciare i blocchi per metterli in posizione su una pagina.

Prima che Gutenberg fosse introdotto nel 2018, l'editor di WordPress era essenzialmente un editor di testo che ti permetteva di aggiungere immagini, testo, cambiarne il colore e poco altro.

Se volevi progettare altre parti del tuo sito utilizzando l'editor, eri limitato dalle opzioni di progettazione del tuo tema. Per apportare ulteriori modifiche, dovevi utilizzare codice PHP, HTML o CSS.

Entra nell'editor dei blocchi di Gutenberg.

Sebbene i blocchi fossero disponibili molto prima di Gutenberg, il suo arrivo prevedeva la prima volta che il design WordPress basato su blocchi è stato reso disponibile per impostazione predefinita.

È stato sviluppato sin dal suo rilascio nel 2018 e oggi Gutenberg offre molte funzionalità che possono rivaleggiare anche con i migliori costruttori di pagine per alcuni aspetti.

Il che ci porta a Brizy, uno dei migliori page builder disponibili oggi.

Cos'è Brizy?

Proprio come Gutenberg, Brizy è stato rilasciato nel 2018. Ha già guadagnato un'enorme base di utenti con oltre 80.000 installazioni attive. È considerata un'ottima alternativa ai page builder più vecchi e popolari come Divi e Beaver Builder.

Ci sono diverse ragioni per la sua popolarità in rapida crescita.

Per cominciare, Brizy si concentra sulla facilità d'uso, soprattutto per i principianti con poche conoscenze tecniche.

Con la sua interfaccia drag-and-drop, puoi aggiungere rapidamente elementi alle pagine e creare un bellissimo sito Web in pochi minuti. Brizy offre anche molti modelli predefiniti che ti consentono di avviare rapidamente il processo di progettazione.

Ha tantissime altre caratteristiche. Ma prima di discuterne, esaminiamo le differenze tra i costruttori di pagine e l'editor di blocchi.

Generatori di pagine e editor di blocchi

Finora, i page builder, come Brizy, e l'editor di blocchi Gutenberg potrebbero sembrare la stessa cosa. Sono entrambi strumenti che ti danno accesso agli elementi che puoi utilizzare per costruire il tuo sito.

Ma ci sono alcune differenze chiave tra l'editor di blocchi Gutenberg e un generatore di pagine WordPress completo.

Ecco i principali:

1. Predefinito rispetto a terze parti : come editor predefinito, Gutenberg è completamente integrato con il core di WordPress. I Page builder, invece, sono plugin creati da sviluppatori di terze parti. Ciò ha alcune implicazioni di cui parleremo più avanti nell'articolo.
2. Editor vs builder : il team di WordPress chiama Gutenberg un editor di blocchi anziché un generatore di pagine per un motivo. Sebbene sia sicuramente un importante aggiornamento rispetto al precedente editor di WordPress, il focus di Gutenberg è ancora il testo. In altre parole, lo scopo principale di Gutenberg è rendere più semplice la modifica dei contenuti in WordPress. I Page builder, d'altra parte, generalmente hanno un focus più ampio e includeranno tutto il necessario per creare intere pagine web.
3. Modifica back-end e front-end: Gutenberg offre solo la modifica del back-end. Anche se questo ti dà un'idea abbastanza chiara di come sarà la tua pagina, devi comunque visualizzarla in anteprima per essere sicuro di come apparirà la pagina ai visitatori. Al contrario, la maggior parte dei costruttori di pagine offre un editor frontend e un'anteprima dal vivo. Ciò ti consente di vedere i risultati di tutte le modifiche apportate in tempo reale.

Confronta Gutenberg con Elementor qui o Gutenberg con Beaver Builder.

Costruttori di pagine e il futuro del web design

In passato, l'editor di WordPress era essenzialmente un editor di testo e apportare ulteriori modifiche al tuo sito richiedeva conoscenze di codifica.

Per colmare il divario, gli sviluppatori hanno creato page builder. Gli utenti con poche conoscenze tecniche potrebbero eseguire azioni di progettazione avanzate come la regolazione dei layout di pagina, la creazione di intestazioni e piè di pagina personalizzati e molto altro ancora.

Con l'introduzione di Gutenberg, molte delle funzionalità offerte dai costruttori di pagine sono ora presenti in WordPress per impostazione predefinita.

Naturalmente, la domanda su cui dibattono la maggior parte degli sviluppatori di WordPress è se l'editor di Gutenberg ha o sostituirà i page builder. Oggi la risposta è no, poiché la maggior parte dei page builder è ancora molto più sofisticata.

Sebbene l'editor di Gutenberg fornisca un modo intuitivo e intuitivo per creare siti Web, è ancora in gran parte un editor di contenuti con alcune limitazioni.

Man mano che verranno lanciati più aggiornamenti, tuttavia, Gutenberg alla fine eguaglierà e quindi supererà ogni altro generatore di pagine.

Gutenberg e Brizy a confronto

Ora che comprendi le differenze tra l'editor di blocchi e i costruttori di pagine, possiamo discutere di come Gutenberg si confronta in modo specifico con Brizy.

Gutenberg vs Brizy – Capacità

L'editor Gutenberg ti consente di modificare tutto il contenuto delle pagine che crei, ma sei limitato ai vincoli del layout principale del tuo tema. Questo perché Gutenberg non può sovrascrivere le impostazioni o gli stili del tuo tema. Invece, assume la maggior parte di queste impostazioni.

Pertanto, quando usi Gutenberg, i layout delle tue pagine dipendono dal tuo tema.

Brizy, d'altra parte, è un costruttore di pagine intere con tutto ciò che comporta. Offre molta più flessibilità e ti dà la libertà di staccarti dal layout e dalle impostazioni del tuo tema per creare design unici.

Puoi aggiungere contenuto alle pagine, modificare il contenuto e modificare l'intero layout di una pagina, inclusi intestazione, piè di pagina e barre laterali.

Ci sono più opzioni di stile e design con Brizy che ti danno il pieno controllo del design del tuo sito.

Gutenberg vs Brizy – Facilità d'uso

Sia Gutenberg che Brizy hanno un'interfaccia drag and drop che li rende molto facili da usare. Ma ci sono alcune differenze tra i due.

Con l'editor Gutenberg, puoi trascinare i blocchi e rilasciarli ovunque tu voglia su una pagina. Tuttavia, non è possibile regolare l'altezza o la larghezza di questi blocchi, aggiungere un elemento a un altro o creare layout complessi. Rispetto alla maggior parte dei page builder, le opzioni sono piuttosto semplici.

La funzione di trascinamento della selezione di Brizy, d'altra parte, ti consente di andare ben oltre il semplice spostamento degli elementi. Puoi regolare altezza e larghezza, creare layout complessi e posizionare determinati elementi all'interno di altri elementi. Questo ti dà molto più controllo sul design delle tue pagine web.

Gutenberg vs Brizy – Caratteristiche principali

Come aggiornamento dall'editor TinyMCE, Gutenberg ha molte fantastiche funzionalità che erano state a lungo attese dagli utenti di WordPress.

Ecco qui alcuni di loro:

• Utilizza un approccio basato sui blocchi per la progettazione delle pagine e offre un'ampia gamma di tipi di blocchi. Questi includono paragrafo, intestazione, immagine di copertina, video e molto altro.
• Gutenberg ha una libreria di blocchi riutilizzabili che ti consente di salvare i blocchi che hai modificato e usarli in seguito.
• L'editor di back-end è un editor WYSIWYG che ti consente di vedere il contenuto in un formato simile a come apparirà sul front-end del tuo sito.
• Offre una funzione "Schema documento" che offre una rapida panoramica della struttura del contenuto di una pagina. Dalla struttura del documento, puoi vedere il conteggio complessivo delle parole, insieme al numero e alla gerarchia di intestazioni, paragrafi e blocchi in una pagina. Puoi anche usarlo per navigare e modificare facilmente un singolo blocco.
• Gutenberg consente l'allineamento a tutta larghezza quando si utilizza un tema che supporta questa funzione. Con questo, puoi creare design straordinari estendendo i tuoi contenuti all'intera larghezza di una pagina.
• L'Editor blocchi offre il supporto dell'ancora, una funzione che ti consente di collegare i blocchi ad altre aree di una pagina.
• Gutenberg è un progetto open source che viene costantemente aggiornato da alcuni dei migliori sviluppatori WordPress di tutto il mondo. Ciò significa che può solo migliorare con il tempo!

Puoi espandere ulteriormente Gutenberg con i plug-in di blocco.

Brizy, d'altra parte, è diventato rapidamente uno dei page builder più popolari, competendo facilmente con i page builder più vecchi come Divi e Beaver Page Builder. Ciò è dovuto alla sua impressionante collezione di funzionalità innovative:

• Brizy ha oltre 500 blocchi di contenuti tra cui puoi scegliere per costruire il tuo sito.
• Inoltre, ha più di 60 modelli di siti Web pre-progettati che coprono un'ampia varietà di categorie. Questi includono blog, aziende, siti Web personali e di una pagina.
• Brizy offre una libreria di oltre 4000 icone vettoriali che puoi utilizzare per aggiungere stile e unicità al tuo sito web.
• Ci sono oltre 40 interessanti pop-up disponibili nel builder che puoi utilizzare per aumentare le conversioni.
• Ti dà accesso a diversi strumenti di marketing avanzati ed è compatibile con una gamma di popolari strumenti di marketing di terze parti.
• Brizy offre sia un plug-in per la creazione di pagine di WordPress che una piattaforma per la creazione di siti Web basata su cloud.

Gutenberg vs Brizy – Differenze chiave

Oltre alle differenze nell'interfaccia di trascinamento della selezione e al livello di flessibilità offerto, ci sono alcune altre differenze chiave da tenere a mente.

Poiché Gutenberg fa parte del core di WordPress, è compatibile con tutti i plugin di WordPress sul mercato. Ciò significa che sei libero di utilizzare praticamente qualsiasi plug-in che desideri senza preoccuparti che l'editor si intrometta.

D'altra parte, mentre Brizy offre supporto per plug-in ben codificati, è ancora un plug-in di terze parti e ciò comporta un certo grado di rischio se combinato con altri plug-in.

Gutenberg, inoltre, non offre modelli pre-progettati che ti consentono di creare rapidamente il tuo sito. Detto questo, ci sono alcuni plugin di terze parti che forniscono queste funzionalità. Brizy, d'altra parte, ne ha più di 60 tra cui scegliere.

Ciò potrebbe rendere Brizy una scelta migliore per le persone che non conoscono WordPress o semplicemente non hanno il tempo di investire nella creazione di siti Web personalizzati.

Gutenberg vs Brizy – Esperienza di editing dal vivo

Come già accennato, Gutenberg offre solo la modifica del back-end, quindi è ancora necessario visualizzare in anteprima il front-end del tuo sito per essere sicuro di come apparirà esattamente ai visitatori.

Come la maggior parte degli altri moderni page builder, Brizy offre un'esperienza più intuitiva. L'editor front-end ti consente di vedere esattamente come apparirà il tuo sito Web ai visitatori in tempo reale, sia che tu stia costruendo per desktop o per dispositivi mobili o altre dimensioni dello schermo. Puoi anche visualizzare in anteprima le tue pagine web, come con Gutenberg, semplicemente facendo clic sull'icona di anteprima.

Gutenberg vs Brizy – Funzionalità reattive

Gutenberg di per sé non offre funzionalità che aumentano la reattività del tuo sito. Tuttavia, poiché si basa molto sulle impostazioni del tuo tema, puoi semplicemente accoppiarlo con uno dei migliori temi WordPress reattivi.

Al contrario, Brizy ha diverse funzionalità che ti consentono di progettare siti altamente reattivi. Questi includono l'opzione per vedere come apparirà il tuo design sui dispositivi mobili e la possibilità di nascondere determinati elementi sui dispositivi mobili.

Tuttavia, vorrai comunque utilizzare un tema adeguatamente reattivo per i migliori risultati.

Gutenberg vs Brizy – Funzionalità avanzate

Gutenberg, da solo, non offre molte funzionalità avanzate. Ma poiché può essere utilizzato praticamente con qualsiasi plug-in di WordPress, ci sono migliaia di strumenti disponibili per estenderne le funzionalità.

In effetti, molti sviluppatori hanno creato blocchi di terze parti che puoi aggiungere alla raccolta predefinita di blocchi di Gutenberg.

I nostri componenti aggiuntivi per Gutenberg, ad esempio, ti danno accesso a blocchi come info box, intestazione avanzata, listini prezzi, condivisione social, valutazione a stelle e altro ancora.

Brizy offre gratuitamente diverse funzionalità avanzate. Questi includono moduli di contatto visivi integrati, l'opzione per trasformare qualsiasi blocco in un dispositivo di scorrimento e blocchi globali. Anche rispetto ad altri page builder di terze parti, queste funzionalità sono impressionanti.

La versione premium ti dà accesso a ancora più funzionalità come un builder WooCommerce, funzionalità di intestazione adesiva, opzioni white label, test divisi A/B e molto altro. Supporta anche un'ampia gamma di plugin che possono essere utilizzati per migliorarne ulteriormente la funzionalità.

Gutenberg vs Brizy – Impatto sulla velocità della pagina

In termini di velocità, Gutenberg è sempre il chiaro vincitore rispetto ai costruttori di pagine di terze parti. Questo perché ora è parte integrante del core di WordPress. Quando lo usi, non stai installando software aggiuntivo che potrebbe rallentare il tuo sito.

Per dimostrarlo, abbiamo eseguito un test Pagespeed Insights su un'installazione WordPress predefinita (con Gutenberg) e un'altra con Brizy. Abbiamo testato la stessa pagina web con un po' di contenuto e un'immagine e abbiamo scoperto che la versione con Brizy ha ottenuto un discreto 98 ma la versione con Gutenberg ha ottenuto un perfetto 100.

La pagina Gutenberg ha anche superato la pagina Brizy in tutte le altre metriche rilevanti come First Contentful Paint, Speed ​​Index, Largest Contentful Paint e Time to Interactive. Queste metriche sono una parte cruciale dei Core Web Vitals di Google, che ora sono un fattore di ranking.

Queste differenze potrebbero non sembrare molto e, per essere onesti, entrambi gli strumenti hanno funzionato molto bene in questo test, ma una volta che inizi ad aggiungere molte immagini e altri bit di contenuto, vorrai avere ogni possibile vantaggio, non importa quanto piccolo .

Gutenberg vs Brizy – Prezzi

Come editor predefinito di WordPress, Gutenberg è completamente gratuito. Brizy, invece, ha versioni gratuite ea pagamento. Rispetto a Gutenberg e alla maggior parte degli altri page builder, la versione gratuita offre un'impressionante raccolta di funzionalità.

Le opzioni a pagamento partono da $ 34 all'anno e sono generalmente abbastanza convenienti. Ogni piano è disponibile in un piano annuale o a vita come segue:

• Il piano personale costa $ 34 all'anno o $ 104 per il piano a vita
• Il piano Freelancer costa $ 69 all'anno e $ 209 per il piano a vita
• Il piano dell'Agenzia costa $ 139 all'anno e $ 279 per il piano a vita

Come costruire una pagina con Gutenberg

Non è necessario installare alcun software per iniziare a utilizzare l'editor di blocchi. È stato introdotto con WordPress 5.0. Quindi, se stai utilizzando l'ultima versione di WordPress, hai già l'editor Gutenberg.

In caso contrario, è necessario aggiornare WordPress e tutti i plug-in all'ultima versione.

La maggior parte degli aggiornamenti di WordPress non viene fornita con l'ultima versione del builder Gutenberg. Le versioni più recenti dell'editor saranno solitamente una versione beta, il che significa che è ancora in fase di test prima di essere incorporata nel core di WordPress.

Se desideri utilizzarlo, puoi scaricarlo come plug-in dalla directory dei plug-in di WordPress. Probabilmente non dovresti seguire questo approccio se non sei un utente esperto, poiché il plug-in offre funzionalità beta che potrebbero causare complicazioni con il tuo sito Web live.

Per utilizzare Gutenberg, crea semplicemente un nuovo post o pagina o aprine uno esistente. Nell'angolo in alto a sinistra della tua pagina, vedrai una casella blu con un segno più. Facendo clic su questo si apre il pannello dei blocchi, dove troverai tutti i tuoi blocchi.

Per aggiungere un nuovo blocco alla tua pagina, fai clic su un blocco, trascinalo nell'area vuota e rilascialo. Un'altra opzione è passare con il mouse su un'area particolare della pagina e apparirà un segno più.

Facendo clic si aprirà un elenco di blocchi popolari. Puoi selezionarne uno da lì o fare clic su "Sfoglia tutto" per vedere tutte le opzioni di blocco.

Dopo aver aggiunto un blocco, potresti voler personalizzarlo. Quando passi il mouse su un blocco, apparirà una piccola barra dei menu con alcune opzioni di personalizzazione di base.

`Per opzioni più avanzate, controlla la barra laterale a destra della pagina. Questa barra laterale è dinamica. Quando selezioni un blocco, ti mostra automaticamente tutte le opzioni di modifica rilevanti per quel particolare blocco.

Se vuoi rimuovere un blocco, passaci sopra con il mouse. Nella barra dei menu che appare, vedrai tre punti sul lato destro. Fare clic e selezionare Rimuovi blocco

Per spostare un blocco intorno, puoi passare il mouse su di esso e utilizzare le frecce su o giù che appaiono nella barra dei menu per spostarlo in quelle direzioni.

Un'altra opzione è selezionare i sei punti accanto alle frecce su e giù. Questo attiva la funzionalità di trascinamento della selezione, consentendoti di spostare il blocco selezionato.

Scopri di più sulla creazione di un sito con Gutenberg in questa guida completa.

Come costruire una pagina con Brizy

Costruire una pagina con Brizy è facile ma leggermente meno diretto rispetto all'utilizzo di Gutenberg. Il primo passo è installare il plugin Brizy Page Builder. Una volta fatto, crea una nuova pagina o pubblica o aprine una esistente.

Vedrai un pulsante con l'etichetta " Modifica con Brizy ". Fai clic su questo per iniziare a progettare la tua pagina nell'interfaccia risultante.

Una volta dentro, puoi progettare la tua pagina da zero o puoi semplicemente utilizzare un modello pre-progettato.

Per aggiungere elementi alla tua pagina, seleziona l'icona più nella barra degli strumenti sul lato sinistro della pagina. Questo aprirà una libreria contenente vari elementi.

Dopo aver aggiunto un elemento alla tua pagina, puoi semplicemente fare clic su di esso per rivelare le opzioni di personalizzazione.

Anche lo spostamento degli elementi in giro è molto semplice. Tutto quello che devi fare è fare clic, trascinarli e rilasciarli nel blocco che desideri.

Gutenberg è il migliore per...

Gutenberg si concentra sul fornire ai web designer un'esperienza di editing dei contenuti moderna. Rende facile per i web designer creare ottimi contenuti. In quanto tale, è particolarmente utile per le persone incentrate sui contenuti come blogger, scrittori e fotografi.

Brizy è il migliore per...

Mentre l'editor di blocchi si concentra sui contenuti, Brizy è più concentrato sull'aiutarti a creare siti Web ben progettati e completamente funzionali per aumentare le conversioni. Questo lo rende ideale per le aziende di tutti i tipi.

Con Brizy è facile creare landing page professionali, utilizzare pop-up e aggiungere strumenti di marketing come MailChimp e ConvertKit al tuo sito.

Gutenberg vs Brizy – Il verdetto

A questo punto, dobbiamo affermare che il termine “migliore” è relativo. Sia Gutenberg che Brizy sono modi facili, intuitivi e convenienti per costruire il tuo sito web.

Ognuno ha pro e contro che lo rendono più adatto a determinate situazioni. Se la velocità e il contenuto sono le tue priorità, Gutenberg è il migliore. Ma se hai bisogno di maggiore libertà creativa o stai cercando di creare un sito aziendale, Brizy potrebbe essere una scelta migliore.

Entrambi gli strumenti sono in grado di creare la maggior parte dei tipi di pagine Web, quindi quando si tratta di esso, la scelta sarà tra spendere più risorse per progettare il tuo sito Web quando usi Gutenberg o spendere più risorse per ottimizzare le prestazioni del tuo sito Web quando usi Brizy.

Ci sono altri fantastici page builder di WordPress da considerare. E mentre rifletti su quale usare, ricorda che il modo migliore per ottenere il massimo da qualsiasi generatore di pagine o editor di blocchi di WordPress è associarlo a un tema potente, leggero e reattivo come Astra.

Hai creato un sito Web utilizzando Brizy o Gutenberg? Qual è stata la tua esperienza e quale consiglieresti? Ci piacerebbe sentirlo nei commenti qui sotto!