Il miglior editor WYSIWYG di WordPress: 7 page builder a confronto

Cerchi il miglior editor WYSIWYG per WordPress?

Questo articolo si basa sulla mia esperienza negli ultimi tre anni, passando da un editor WP drag-and-drop a un altro.

Finalmente ne ho trovato uno che mi piace amore e ti dirò quale è sotto.

Allora perché hai bisogno di un editor WYSIWYG per WordPress?

Dopotutto, WordPress viene già fornito in bundle con un editor chiamato TinyMCE, che tecnicamente è un editor WYSIWYG.

Dovrei chiarire qui che ciò che intendo per editor WYSIWYG è un editor in cui vedi esattamente cosa ottieni mentre crei la tua pagina o il tuo post.

Con TinyMCE non sai esattamente come sarà l'output finché non premi "salva" e poi lo visualizzi in anteprima.

Gli editor WYSIWYG recensiti qui consentono tutti la modifica front-end dal vivo (ad eccezione del Page Builder di Site Origin, maggiori informazioni di seguito). Ciò significa che vedi l'output finale, esattamente come appare sulla pagina, mentre modifichi la pagina o pubblichi .

Ed è per questo che un corretto editor WYSIWYG, noto anche come editor drag-and-drop o editor visivo, è un must per i blogger impegnati che hanno bisogno di caricare rapidamente i loro articoli o post sul blog.

Di recente ho cambiato l'editor visivo che utilizzo da Page Builder Premium di Site Origin a Thrive Architect. Prima di fare la mossa, ho fatto un bel po' di ricerche: questi erano i contendenti che ho preso in considerazione.

Qual è il miglior editor WYSIWYG di WordPress?

Visual Composer è uno dei page builder drag and drop più venduti per WordPress. È sicuramente un contendente per il miglior editor WYSIWYG di WordPress.

Ha un editor back-end e front-end perfettamente funzionante e funziona con qualsiasi tema WordPress.

Visual Composer include oltre 45 moduli di contenuto, tra cui:

• griglie di posta
• supporto multimediale
• grafici
• sfondo della presentazione
• presentazione a carosello
• Youtube
• Vimeo
• video self-hosted

Alcune delle altre funzionalità di Visual Composer sono:

• Effetto di sfondo parallasse facile da applicare per sezioni, righe e colonne
• Sfondo sfumato CSS con supporto del canale alfa
• Supporta post, pagine e post personalizzati
• Supporta gli shortcode di WordPress
• Il sistema di modelli ti consente di salvare i tuoi elementi di design personalizzati come modelli
• Ottimizzato per la SEO in modo che i tuoi contenuti inizino bene in termini di posizionamento per le tue parole chiave
• Completamente reattivo sui dispositivi mobili
• La cronologia completa delle revisioni ti consente di tornare rapidamente alle versioni precedenti del tuo lavoro
• Supporta i widget WordPress predefiniti
• Editor della barra laterale
• Editor di intestazione
• Editor piè di pagina
• Migra i tuoi modelli di Visual Composer da un sito all'altro in pochi secondi
• Compatibile con Gutenberg: aggiungi blocchi Gutenberg ovunque nel layout della tua pagina

In poche parole

Funziona bene per i layout di base. Il layout e l'interfaccia utente non sono molto intuitivi. Non una grande selezione di elementi di contenuto rispetto ad altri costruttori di pagine.

Prezzi

• Libero
• A partire da $49 all'anno

Con oltre un milione di installazioni attive, Page Builder di Site Origin è uno dei page builder di WordPress più popolari. La sua popolarità è in parte dovuta al fatto che è gratuito (anche se è possibile acquistare un pacchetto di widget premium).

Ecco alcune delle caratteristiche:

• funziona con qualsiasi tema WordPress
• scegli il numero esatto di righe per ogni colonna che aggiungi
• Usa tutti i widget WordPress esistenti
• Design reattivo
• Sono supportati post, pagine e tipi di post personalizzati
• Lo strumento della cronologia delle revisioni ti consente di annullare le modifiche

Sebbene il Page Builder di Site Origin sia gratuito, esiste un pacchetto Widget Premium ($ 29) che include componenti aggiuntivi come:

• Fisarmonica
• Animazioni a blocchi
• Modulo di Contatto
• Widget di invito all'azione
• Lightbox
• Cursori di parallasse
• Testimonianze

Site Origin Page Builder si integra con qualsiasi tema WP, quindi non ti impegna a un tema particolare.

Non ha tante opzioni di stile come altri editor visivi di WordPress. Per uno stile avanzato, dovresti avere familiarità con i CSS.

Site Origin ha editor sia di back-end che di front-end. Ma l'editor frontend non è così avanzato come gli altri editor wysiwyg recensiti qui.

Le modifiche che apporti nell'editor front-end non sono immediatamente visibili: devi attendere alcuni secondi mentre la pagina si ricarica.

Questo lo fa sembrare goffo rispetto ad altri editor e rallenta il processo di creazione di un nuovo post sul blog.

Un altro problema che ho riscontrato con Site Origin Page Builder è che è difficile trovare il punto giusto per inserire un elemento, come un nuovo paragrafo, una nuova intestazione o una nuova immagine.

Nel Live Editor, puoi solo aggiungere un elemento (o modulo) nel pannello di sinistra. Ma è molto difficile sapere dove ti trovi nel pannello di sinistra.

Sarebbe fantastico se aggiungessero una funzione come questa: quando passi il mouse su un elemento nel pannello di destra, scorre automaticamente verso il basso nel pannello di sinistra ed evidenzia il blocco pertinente nel pannello di sinistra. In questo modo sapresti dove inserire il tuo nuovo elemento o modulo.

Ho scritto a Site Origin Page Builder su questo poco più di un anno fa. Ma ovviamente non l'hanno preso a bordo.

Un'ultima considerazione:

Se disinstalli Site Origin Page Builder, lascia un misto di HTML pulito e shortcode. Ciò significa che le pagine che hai creato con Site Origin potrebbero non essere modificabili in un altro generatore di pagine.

In poche parole

Il Page Builder di Site Origin non è nella stessa lega di Elementor e Thrive Architect. A mio parere, non è in corsa per il "miglior editor WYSIWYG di WordPress".

Per prima cosa il "Live Editor" non è un vero editor front-end. Non vedi le modifiche istantaneamente, mentre modifichi: c'è un ritardo di tempo mentre la pagina si ricarica dopo ogni modifica. Questo ti rallenta davvero.

Prezzi

• Site Origin Page Builder può essere scaricato gratuitamente
• Site Origin Premium parte da $ 29 all'anno

Il Divi Builder era originariamente parte del tema Divi di Elegant Themes. Ma ora è un generatore di pagine autonomo che funziona con qualsiasi tema WordPress.

Alcune delle caratteristiche sono:

• editing sia front-end che back-end
• Design completamente reattivo
• Supporto per post, pagine e post personalizzati
• Vieni con 46 moduli page-builder
• Veloce e facile da usare
• Ti consente di testare A/B diversi layout
• supporta CSS personalizzati

In poche parole

Con oltre 500.000 clienti, Divi Builder è uno degli editor WordPress più popolari disponibili. Viene fornito con oltre 20 diversi layout e modelli per diversi tipi di siti Web

Tuttavia, Divi Builder si basa molto sugli shortcode. Ciò significa che non puoi passare a un altro generatore di pagine. In effetti, sei bloccato nell'uso di Divi Builder. Questo è un grave inconveniente e secondo me lo rimuove dalla corsa per il miglior editor WYSIWYG di WordPress.

Prezzi

• Per scaricare Divi Builder devi diventare un membro di Elegant Themes, che costa $ 89 all'anno.
• Ciò ti dà anche accesso a tutti i temi e plug-in creati dai temi Elegant: non è un cattivo affare!

Elementor Page Builder è un editor visivo di WordPress relativamente nuovo (lanciato nel 2016) ma ha già oltre 1.000.000 di installazioni attive.

Si autodefinisce il "Pagina Builder di WordPress leader nel mondo".

Per quanto ne so, è l'unico generatore di pagine WordPress open source. Migliaia di sviluppatori hanno esteso le funzionalità principali di Elementor creando temi, componenti aggiuntivi e altri prodotti.

Ecco alcune delle caratteristiche:

• Il sistema di modelli ti consente di salvare i tuoi layout e riutilizzarli altrove sul tuo sito web
• Consente di aggiungere widget creati da altri plugin di WordPress
• Viene fornito con oltre 300 modelli, progettati per adattarsi a ogni settore ed esigenza
• Vero editing frontend: guarda la tua pagina dal vivo mentre la modifichi
• Lascia un codice pulito (se disattivi Elementor)
• Progetta un'intera landing page con Elementor's Canvas
• Oltre 80 elementi di design, tra cui immagini di base e widget di testo per fisarmoniche avanzate, cursori, testimonianze, icone, social media, schede, ecc.
• Funziona con qualsiasi tema e plugin di WordPress
• La cronologia delle revisioni ti consente di annullare rapidamente qualsiasi errore con una semplice pressione di un tasto
• Incorpora post e video di Facebook nelle tue pagine
• Supporta il design reattivo e ottimizzato per i dispositivi mobili

In poche parole

Questo è uno dei costruttori di pagine più avanzati in circolazione. Con l'impegno di essere il miglior editor visivo di WordPress, puoi essere certo di miglioramenti costanti.

Un grande vantaggio è che la versione gratuita ti dà accesso a circa il 90% di ciò che fa la versione a pagamento. Tuttavia, Elementor non si concentra sulla conversione, quindi non è la scelta migliore per i professionisti del marketing.

Alcune persone considerano senza dubbio Elementor il miglior editor WYSIWYG di WordPress. Ma se il tuo obiettivo è massimizzare le conversioni dal tuo sito web, allora credo che il titolo appartenga a Thrive Architect.

Prezzi

• Libero
• Commissione una tantum di $ 49

È qui che potrei perdere un po' di obiettività, dato che sono appena passato a Thrive Architect (da Site Origin Page Builder) e ne sono molto impressionato!

Thrive Architect si basa sul precedente generatore di pagine di Thrive, Thrive Content Builder, a cui è stata data una profonda revisione e molte nuove funzionalità.

Dove Thrive Architect si distingue dagli altri editor visivi è la sua attenzione alla conversione. Ed è per questo che è diventato uno dei preferiti di blogger e marketer.

Thrive Architect è dotato di pulsanti personalizzabili, testimonianze, timer per il conto alla rovescia e moduli di generazione di lead che si integrano con tutti i principali strumenti di email marketing.

Se utilizzi già Thrive Leads, sarai in grado di aggiungere i tuoi moduli di attivazione con un clic di un pulsante.

Un aspetto di Thrive Architect che amo assolutamente è la capacità di ridimensionare un'immagine con un dispositivo di scorrimento (nel mio precedente generatore di pagine, avevi solo 5 o 6 dimensioni fisse):

Un'altra fantastica opzione in Thrive Architect è la possibilità di posizionare uno strato colorato sopra un'immagine.

E se vuoi davvero attirare l'attenzione della gente, puoi aggiungere titoli animati (ho usato entrambe le tecniche nella gif qui sotto):

L'editing front-end è un vero piacere, probabilmente la migliore esperienza di editing front-end di qualsiasi editor visivo:

Un'altra cosa che amo di Thrive Architect sono i controlli avanzati dell'ombra esterna.

Mi piace posizionare le ombre intorno ai miei screenshot in modo che risaltino dal testo. Nel mio editor precedente, non c'era modo di farlo, quindi aggiungerei le ombre esterne in un'applicazione grafica, richiedendo molto tempo.

Con Thrive Architect basta un clic!

Ricordi che ho detto che Thrive Architect è specializzato nella conversione?

Non sorprende che Thrive Architect contenga un potente generatore di landing page.

Queste sono alcune delle sezioni già pronte (ma personalizzabili) che puoi aggiungere alle tue pagine di destinazione:

• Sezione Prove Sociali/Testimonianze
• Sezione immagine eroe
• Sezione CTA
• Sezione Caratteristiche
• Come funziona Sezione
• Sezione bonus
• Sezione Garanzia
• Funnel di vendita

Ecco alcune delle altre caratteristiche di Thrive Architect:

• Design reattivo ottimizzato per i dispositivi mobili
• Il sistema di modelli integrato ti consente
• Salva e carica layout
• Revisiona la cronologia e annulla e
• I pulsanti Ripristina consentono di correggere
• cambia un gioco da ragazzi
• Punto elenco in stile
• Elenchi (come questo)
• Griglie delle funzioni (con immagini o icone)
• Timer per il conto alla rovescia dinamici
• Moduli di adesione
• Eventi di pagina: visualizza un popup lightbox in base a determinati trigger

Il team di Thrive Themes aggiunge costantemente nuove funzionalità e nuove funzionalità a Thrive Architect. E questo assicura che questo editor di WordPress continuerà ad essere il miglior editor WYSIWYG per WordPress.

In poche parole

Thrive Architect è il generatore di pagine ideale per i professionisti del marketing o per chiunque cerchi di convertire i visitatori in iscritti o clienti. Thrive Architect è specializzato nella conversione e ha più strumenti di conversione di qualsiasi altro generatore di pagine di cui sono a conoscenza. Thrive Architect viene spesso paragonato a Elementor in termini di aspetto e sensazione. Ma preferisco l'interfaccia utente di Thrive Architect a quella di Elementor. A mio parere, Thrive Architect è il miglior editor WYSIWYG di WordPress.

Prezzi

Thrive Architect fa parte di Thrive Suite che costa $90 a trimestre

Con oltre 500.000 installazioni attive, Beaver Builder è uno dei page builder di WordPress più popolari. È anche uno dei più facili da usare, quindi è un'ottima scelta per i blogger principianti.

Ecco alcune delle funzionalità offerte da Beaver Builder:

• Funziona con qualsiasi tema WordPress
• Modifica front-end in tempo reale: guarda le modifiche mentre le apporti
• Supporto per widget e shortcode di WordPress
• Supporta classi e ID CSS personalizzati
• Se disinstalli Beaver Builder, i tuoi contenuti vengono trasferiti nell'editor WP nativo
• Ottimizzato per i dispositivi mobili
• Viene fornito con dozzine di modelli di pagina predefiniti
• Offre moduli per slider, carosello, sfondi, blocchi di contenuto, pulsanti e altro

Devo dire; L'interfaccia utente di Beaver Builder sembra un po' semplice rispetto a Elementor o Thrive Architect:

In poche parole

Beaver Builder è un'ottima opzione per i principianti in quanto non è necessaria una grande curva di apprendimento per prenderci la mano. Non offre tanti moduli quanti altri page builder. Tra i lati positivi, se vuoi tornare all'editor di WordPress, Beaver Builder lascia un codice pulito al 100%. Quindi, sarai in grado di modificare i tuoi post precedenti nell'editor di WordPress e nella maggior parte degli altri generatori di pagine.

Prezzi

• $99 il primo anno e poi si rinnova con uno sconto del 40%

WordPress è sempre stato fornito con il proprio editor preinstallato. Ma WordPress ha recentemente rilasciato un nuovissimo editor drag-and-drop completamente gratuito chiamato Gutenberg.

Gutenberg ha un'interfaccia utente molto pulita e intuitiva:

Una volta installato, Gutenberg diventa l'editor predefinito: non è necessario sceglierlo.

L'editor Gutenberg opera sulla base dei blocchi che inserisci nella tua pagina o nel tuo post facendo clic sul simbolo 'Più':

Sebbene Gutenberg sia un enorme balzo in avanti dall'editor TinyMCE open source che viene preinstallato con WordPress, manca ancora di alcune delle funzionalità avanzate che ottieni nei costruttori di pagine a pagamento.

Ecco un esempio dei blocchi forniti con Gutenberg

• Blocco Riepilogo contenuti
• Blocco elenco avanzato
• Blocco pulsanti
• Blocco immagine
• Blocco video avanzato
• Blocco sommario
• Blocco di Google Maps
• Blocco tabella avanzato
• Blocco di fisarmonica
• Blocco testimonianze
• Blocco link social

Anche se mi piace l'interfaccia pulita e ordinata, ho notato alcuni bug (nella versione che stavo usando):

• È stato difficile modificare il permalink dall'interno di Gutenberg
• Un elenco puntato deve trovarsi all'interno del proprio blocco, altrimenti l'intero testo all'interno del blocco viene trasformato in punti elenco

Dovrei menzionare qui che Gutenberg non è stato ben recensito. Sul sito ufficiale di WordPress, l'editor Gutenberg ha ricevuto 1791 recensioni e una media di 2,2 stelle su 5.

In poche parole

Gutenberg è un generatore di pagine drag-and-drop elegante e ordinato. Ma ha sicuramente bisogno di altro lavoro prima di avvicinarsi a competere con uno dei costruttori di pagine recensiti sopra. Certo, è gratuito ma Site Origin, Elementor e Visual Composer offrono tutti versioni gratuite completamente funzionanti.

Prezzi

• Gratuito (incluso con WordPress)

Quando stavo cercando un nuovo generatore di pagine WordPress, queste erano le caratteristiche chiave che stavo cercando:

• Interfaccia facile da usare
• Vero editing front-end (cioè vedi le modifiche istantaneamente, mentre modifichi la pagina)
• Completamente reattivo sui dispositivi mobili
• Funziona con qualsiasi tema WordPress
• Supporta tutti i widget WordPress predefiniti
• Sistema di modelli per salvare elementi e layout personalizzati e riutilizzarli
• Cronologia delle revisioni che ti consente di tornare rapidamente alle versioni precedenti
• Modulo Sommario
• Supporta CSS personalizzati
• Lascia un codice pulito

Elementor e Thrive Architect sembravano essere i due page builder di WordPress più avanzati ed entrambi hanno soddisfatto il mio elenco di requisiti minimi.

Alla fine ho optato per Thrive Architect per due motivi:

Motivo #1

Quando modifichi una pagina in Thrive Architect, i moduli si trovano su un lato dello schermo e i controlli per ciascun modulo sull'altro lato dello schermo.

Ma in Elementor, i moduli e i controlli si trovano sullo stesso lato dello schermo.

Ciò significa che fai molto più clic in Elementor che in Thrive Architect. In Elementor, una volta terminato lo stile di un paragrafo, un'intestazione o un'immagine, devi fare clic indietro per accedere al menu dei moduli.

Mentre in Thrive Architect, i moduli sono ancora lì, dall'altra parte dello schermo.

Motivo #2

Come la maggior parte dei blogger, sto cercando di convertire i visitatori in iscritti (e in definitiva in clienti).

L'attenzione di Thrive Architect sulla conversione è stato il fattore decisivo per me. Ci sono più moduli relativi alla conversione in Thrive Architect che in qualsiasi altro generatore di pagine WordPress.