Cele mai bune 10 plugin-uri pentru generatorul de pagini WordPress în comparație cu 2022

Publicat: 2016-09-25

Încercați să decideți care este cel mai bun generator de pagini WordPress pentru site-ul dvs.?

Am folosit 10 creatori de pagini WordPress diferiți pentru a vă ajuta să vă luați decizia. Da – le-am folosit pe fiecare dintre acestea – aceasta nu este doar o listă bazată pe copia de marketing .

Voi compara în mod obiectiv acești 10 constructori de pagini WordPress în cinci categorii:

  1. Interfață – cum funcționează interfața și facilitează construirea de pagini frumoase?
  2. Widgeturi/șabloane incluse – ce opțiuni aveți pentru a vă construi paginile?
  3. Opțiuni de stilare – cum poți stila elementele de pe pagina ta?
  4. Alte caracteristici notabile – generatorul de pagini oferă caracteristici unice notabile?
  5. Blocare – ce se întâmplă dacă vreți să dezactivați pluginul? Întotdeauna îți vei pierde stilul personalizat, dar unii creatori de pagini lasă în urmă cod altfel curat, în timp ce alții nu.

Pentru fiecare categorie, voi acorda constructorului de pagini un scor din 5.

Apoi, la final, voi pune totul cap la cap și voi recomanda ceea ce cred că este cel mai bun generator de pagini WordPress.

Iată cei 10 creatori de pagini WordPress pe care îi voi privi – puteți face clic pentru a trece la un anumit generator de pagini:

  • Elementor
  • Constructor de castori
  • Divi Builder
  • Arhitectul Thrive
  • SiteOrigin Page Builder
  • WPBakery Page Builder
  • Themify Builder
  • Brizy
  • Compozitor vizual
  • WP Page Builder

Sau puteți merge direct la tabelul de comparație.

1. Elementor

Lansat inițial în 2016, Elementor este unul dintre cei mai tineri creatori de pagini din această listă. Dar, chiar dacă a început târziu, Elementor a acumulat rapid peste 3.000.000 de instalări active la WordPress.org, ceea ce îl face cel mai popular generator de pagini de acolo, cel puțin după numerele WordPress.org.

Pretenția sa de faimă este o interfață vizuală rapidă, fără erori, opțiuni de stil flexibile și alte funcții puternice, cum ar fi crearea completă a temei.

Deși a început ca doar un editor de pagini, versiunea premium, Elementor Pro, vă permite acum să faceți mult mai mult decât să construiți o pagină. Cele mai notabile două caracteristici sunt:

  • Creator de teme – proiectează-ți întreaga temă folosind aceeași interfață convenabilă Elementor. Acestea includ antetul, subsolul, paginile de arhivă, paginile cu o singură postare, paginile de produse/magazin WooCommerce, șabloanele de tip de postare personalizate etc. Obțineți widget-uri dedicate pentru elemente comune și puteți chiar să inserați dinamic conținut din câmpuri personalizate.
  • Popup Builder – proiectați ferestre pop-up flexibile folosind interfața completă Elementor. Puteți include toate widget-urile obișnuite Elementor, care vă permit să creați ferestre pop-up de înscriere pentru e-mail, ferestre pop-up pentru formulare de contact, ferestre pop-up de conectare și multe altele.

Aceste două completări îl ajută cu adevărat pe Elementor să iasă în evidență față de concurență. Deși construirea temei devine o caracteristică populară, generatorul pop-up este încă destul de unic.

Citiți recenzia noastră Elementor Pro.

Preț: versiune de bază gratuită. Elementor Pro începe de la 49 USD pentru utilizare pe un singur site.

Interfață – 5/5

Interfața Elementor este împărțită în două părți principale, cu o a treia zonă pentru unele setări mai mici:

interfață elementar
  • 1 – aceasta este previzualizarea live a designului dvs. Se pare exact ca și cum îl vor vedea vizitatorii tăi. Puteți, de asemenea, să tastați text direct în această interfață, precum și să trageți și să plasați diverse elemente pentru a le rearanja.
  • 2 – aceasta arată o listă de elemente pe care le puteți utiliza. Doar le trageți peste. Și când selectați un element sau o secțiune individuală, aici îl veți stila.
  • 3 – acestea vă ajută să accesați previzualizările receptive, să anulați/refaceți modificările și alte funcții mai mici.

De exemplu, iată o privire asupra modului în care puteți glisa peste un widget text și apoi pur și simplu tastați pe pagină (editare inline) pentru a schimba textul:

elementar stil inline

Cu Elementor Pro, puteți utiliza aceeași interfață pentru a vă proiecta tema și ferestrele pop-up. De asemenea, primești widget-uri/funcții dedicate pentru a te ajuta să faci asta.

Widgeturi/Șabloane incluse – 5/5

În versiunea gratuită, Elementor include 28 de widget-uri gratuite . Și puteți folosi, de asemenea, toate widget-urile de bază ale WordPress. Versiunea Pro adaugă încă ~30 de widget -uri , oferindu-vă un total de 58 de widget -uri în versiunea Pro:

widget-uri elementar

Versiunea gratuită vine și cu ~ 40 de șabloane gratuite . Și versiunea Pro adaugă sute de șabloane suplimentare.

Șabloanele vin în două formate:

  • Pagini – modele de pagină completă pe care trebuie doar să le editați.
  • Blocuri – secțiuni individuale pe care le puteți pune împreună ca Lego.

De asemenea, vă puteți salva propriile modele ca șabloane pentru a le reutiliza mai târziu.

Opțiuni de stil – 5/5

Când faceți clic pe orice secțiune, coloană sau widget, Elementor oferă trei file de stil în bara laterală din stânga.

elementar styling

Opțiunile exacte depind de elementul pe care îl editați, dar, în general, Elementor oferă unul dintre cele mai profunde seturi de opțiuni de stil ale oricărui generator de pagini.

Dincolo de elementele de bază, cum ar fi culorile, fundalurile și tipografia, puteți controla și setări mai avansate, cum ar fi:

  • Margini/padding personalizate.
  • Clase/ID-uri CSS personalizate. Cu Elementor Pro, puteți adăuga direct stiluri CSS la elementele individuale.
  • Controale receptive. Puteți afișa/ascunde elemente pe anumite dispozitive.

Elementor a adăugat recent și poziționarea personalizată, ceea ce face mult mai ușor să plasați widget-uri în anumite locuri de pe pagină.

Alte caracteristici notabile – 5/5

Aceste caracteristici sunt disponibile în Elementor Pro:

  • Clădire cu tematică completă. Puteți folosi aceeași interfață Elementor pentru a crea părți de șablon precum anteturi, subsoluri, single-uri și arhive. Practic, vă puteți construi întreaga temă cu Elementor.
  • WooCommerce builder – proiectează-ți produsele WooCommerce și paginile de magazin.
  • Clădire pop-up . Proiectați ferestre pop-up flexibile și direcționați-le către un anumit conținut.
  • Integrari de formulare . Conectați widgetul de formular la serviciile populare de marketing prin e-mail (sau Zapier pentru și mai multă flexibilitate).
  • Widgeturi globale. Acestea vă permit să refolosiți un element comun în mai multe pagini și să editați toate instanțele widget-ului global prin doar actualizarea widget-ului global.
  • Încorporați oriunde . Utilizați șabloanele Elementor în alte zone prin widget-uri sau shortcodes.

Blocare – 5/5

Dacă dezactivați vreodată Elementor, acesta lasă în urmă cod curat. De exemplu, dacă ați avut un antet <h3> cu Elementor, veți avea în continuare un antet <h3> după dezactivarea Elementor – va folosi doar stilul temei dvs.

2. Constructor de castori

Beaver Builder este un pionist pe piața creatorilor de pagini de ceva timp. Produce cod curat ( pentru un generator de pagini ), este popular atât pentru utilizatorii finali, cât și pentru implementatorii și primește atenție regulată sub formă de noi funcții și actualizări.

Există, de asemenea, câteva suplimente oficiale cu care le puteți asocia pentru mai multă flexibilitate - în special o temă opțională Beaver Builder și extensia Beaver Themer.

Citiți recenzia noastră Beaver Builder.

Preț: versiune gratuită limitată. Începe de la 99 USD pentru utilizare pe site-uri limitate.

Interfață – 5/5

Beaver Builder oferă o interfață unică pentru generatorul său vizual frontal. Îți faci cea mai mare parte a muncii dintr-o bară laterală din dreapta. Dar aceste opțiuni din bara laterală apar doar atunci când faceți clic pe un buton din bara de sus, astfel încât este posibil să vizualizați o previzualizare pe ecran complet în orice moment:

exemplu de constructor de castori
  • 1 – faceți clic pe acesta pentru a deschide zona barei laterale
  • 2 – aceasta este o previzualizare live a designului dvs

Beaver Builder a adăugat recent editarea textului în linie, ceea ce înseamnă că puteți fie să tastați direct pe pagină pentru a vă edita textul, fie să utilizați fereastra pop-up care apare:

interfață Beaver Builder

Folosirea editării inline cu popup-ul este puțin incomodă, să fiu sincer. Dar puteți fixa cu ușurință editorul pe bara laterală pentru a remedia asta.

Widgeturi/Șabloane incluse – 4/5

În versiunea gratuită, Beaver Builder vă oferă acces doar la 6 module , deși puteți utiliza și widget-uri WordPress standard.

Versiunea premium, pe de altă parte, vă oferă acces la 30 de module . Aceste module sunt, de asemenea, toate modulare, așa că le puteți activa sau dezactiva după cum este necesar.

În versiunea premium, aveți acces și la ~ 56 de șabloane de pagină, precum și posibilitatea de a vă salva propriile modele ca șabloane.

Opțiuni de stil – 5/5

Pentru a vă stila modulele și secțiunile, puteți:

  • Utilizați fereastra pop-up implicită
  • Fixați fereastra în lateral pentru a crea o bară laterală ( puteți vedea acest lucru în exemplul de mai jos ).

Opțiunile exacte depind de modul, dar, în general, Beaver Builder vă oferă un control destul de bun asupra elementelor dvs., inclusiv spațierea personalizată și controalele receptive.

Și Beaver Builder oferă, de asemenea, o comutare foarte unică, care vă permite să afișați sau să ascundeți module individuale, în funcție de faptul dacă un utilizator este sau nu conectat:

stilul constructorului de castori

Alte caracteristici notabile – 4/5

  • Beaver Themer. Deși aceasta este o extensie separată, adaugă funcționalitate completă de creare a temei, cum ar fi Elementor.
  • Etichetare albă . Puteți eticheta cu ușurință Beaver Builder dacă construiți șantiere pentru clienți.
  • Tema Beaver Builder . Această temă opțională vă oferă și mai mult control asupra modului în care arată site-ul dvs.

În timp ce caracteristicile unice sunt bune, mă gândesc la un punct pentru că trebuie să plătiți mai mult pentru a le obține.

Blocare – 5/5

La fel ca Elementor, Beaver Builder lasă în urmă cod 100% curat cu formatarea HTML adecvată.

3. Divi Builder

Divi Builder este un constructor de pagini premium popular de la Elegant Themes. Deși este folosit cel mai frecvent ca parte a temei Divi, Divi Builder este, de asemenea, un plugin independent pe care îl puteți folosi și cu alte teme.

Spre deosebire de cei doi generatori de pagini anterioare, Divi Builder vă permite să vă editați conținutul utilizând atât o interfață vizuală frontală , cât și o interfață back end , deși majoritatea utilizatorilor vor prefera probabil interfața frontală.

Cu cea mai recentă versiune, Divi 4.0, Divi a adăugat, de asemenea, suport complet pentru crearea temei, ceea ce o pune la egalitate cu Elementor și Beaver Builder în acest sens. Adică, acum puteți utiliza Divi pentru a vă proiecta antetul, subsolul, șabloanele etc.

Citiți recenzia noastră Divi Builder.

Preț: Disponibil ca parte a abonamentului Elegant Themes de 89 USD

Interfață – 5/5

Interfața de backend a Divi Builder arată astfel:

interfață divi builder

Dar de cele mai multe ori, veți folosi interfața vizuală frontală. Divi Builder este cu siguranță unic. Eu personal nu sunt un fan , dar cunosc o mulțime de oameni cărora le iubesc, așa că nu voi aduna niciun punct din acest motiv.

Practic, în loc de orice tip de bară laterală, totul este ferestre pop-up și butoane plutitoare. Puteți vedea un exemplu de adăugare a unui modul mai jos:

interfață vizuală divi builder

Asemenea celor doi generatori de pagini anteriori, puteți utiliza și editarea inline pentru a vă edita textul direct pe pagină:

editare inline divi

Depinde de dvs. dacă preferați această abordare față de bara laterală utilizată de alte plugin-uri pentru generarea de pagini.

Widgeturi/Șabloane incluse – 5/5

Divi Builder include 46 de module pe care le puteți folosi pentru a vă construi design-urile:

module divi builder

De asemenea, aveți acces la un număr masiv de 316 de șabloane pre-construite, răspândite în 40 de pachete de layout diferite, precum și posibilitatea de a vă salva propriile modele ca șabloane:

șabloane divi

Opțiuni de stil – 5/5

La fel ca Beaver Builder, Divi Builder vă permite să stilați elemente dintr-o fereastră pop-up pe care, dacă doriți, le puteți fixa în lateral.

Unul dintre semnele distinctive ale Divi a fost întotdeauna cât de mult control asupra stilului îți oferă. În trei file diferite, puteți configura o varietate de setări, inclusiv controale receptive, spațiere personalizată și multe altele.

Puteți chiar să adăugați CSS personalizat la elementul principal sau înainte/după elementul principal. Editorii CSS includ chiar și validarea de bază și completarea automată! Și puteți deschide, de asemenea, un selector de culori direct din editor:

opțiuni divi css

Una peste alta, Divi Builder depășește cu adevărat granițele cu opțiunile sale de stil – sunt lucruri bune.

Alte caracteristici notabile – 5/5

  • Crearea temei – proiectează-ți întreaga temă folosind interfața Divi Builder.
  • Testare A/B. Una dintre cele mai bune caracteristici suplimentare este sistemul de testare A/B încorporat al Divi Builder. Niciun alt generator de pagini nu face atât de ușor împărțirea testului în nucleu.
  • Tema Divi . Asocierea Divi Builder cu tema Divi vă oferă control deplin asupra aspectului site-ului dvs.
  • Controlul accesului utilizatorului . Divi Builder include controale puternice de acces bazate pe roluri.
  • Controale de personalizare WordPress . Puteți personaliza modul în care arată unele elemente utilizând Personalizatorul WordPress nativ.

Blocare – 3/5

Una dintre criticile aduse de Divi Builder a fost întotdeauna că se bazează pe coduri scurte. Asta înseamnă că, dacă îl dezactivați vreodată, va lăsa în urmă o grămadă de coduri scurte în conținutul dvs.

Deși este puțin dezamăgitor, aceasta este o problemă mai puțin acum că există pluginuri precum Shortcode Cleaner. Veți pierde formatarea – ca o etichetă <h3> – dar nu veți pierde conținutul în sine.

4. Arhitectul Thrive

Thrive Architect este versiunea reînnoită a ceea ce a fost odată Thrive Content Builder. Noua interfață prezintă multe asemănări cu interfața Elementor, pe care le veți vedea într-o secundă.

Deși oricine îl poate folosi, este deosebit de popular printre bloggeri și agenții de marketing afiliați, datorită concentrării sale pe ratele de conversie. Iar unul dintre lucrurile care îmi plac personal la Thrive Architect este că stilul său implicit arată destul de bine imediat din cutie.

Citiți recenzia noastră Thrive Architect.

Preț: face parte din Thrive Suite, care costă 19 USD pe lună (facturat anual).

Interfață – 5/5

După cum am spus, veți vedea unele asemănări între interfața lui Thrive Architect și interfața Elementor ( Elementor a fost primul, în cazul în care vă întrebați ):

Interfață Thrive Architect

Este aceeași idee, ai:

  • 1 – aceasta este previzualizarea live a designului dvs. Se pare exact ca și cum îl vor vedea vizitatorii tăi. Puteți, de asemenea, să tastați text direct în această interfață, precum și să trageți și să plasați diverse elemente pentru a le rearanja.
  • 2 – aceasta arată o listă de elemente pe care le puteți utiliza. Doar le trageți peste. Și când selectați un element sau o secțiune individuală, aici îl veți stila.
  • 3 – acestea vă ajută să accesați previzualizările receptive, să anulați/refaceți modificările și alte funcții mai mici.

Da – am copiat și lipit asta din secțiunea Elementor .

Un lucru unic este selectorul de breadcrumb atunci când faceți clic pe un element imbricat. Această caracteristică este de fapt destul de utilă atunci când doriți să săriți rapid între un element și o secțiune:

Secțiunile Thrive Architect

Și Thrive Architect oferă și o adevărată editare a textului inline. De fapt, Thrive Architect are cea mai simplă funcționalitate de editare inline dintre orice generator de pagini, în opinia mea:

editare inline

Widgeturi/Șabloane incluse – 4/5

Thrive Architect oferă 40 de widget -uri diferite, inclusiv unele îngrijite, cum ar fi un cronometru veșnic verde.

Thrive Architect include, de asemenea, sute de șabloane împărțite în ~36 de „seturi”. Și vă puteți salva, de asemenea, propriile modele ca șablon.

Opțiuni de stil – 5/5

Thrive Architect se rupe de Elementor în modul în care gestionează stilul. În loc să vă ofere file, Thrive Architect include totul într-o singură coloană.

Opțiunile de stil sunt destul de detaliate și includ controale receptive și spațiere personalizată:

prosperă stilul arhitectului

De asemenea, puteți adăuga propriul dvs. CSS personalizat la nivel de pagină . Pentru elementele individuale, puteți atribui doar clase sau ID-uri CSS.

Alte caracteristici notabile – 3/5

O caracteristică interesantă este opțiunea de a configura Evenimente în pagină . Acestea vă permit să afișați o casetă pop-up lightbox bazată pe anumite declanșatoare:

evenimente pe pagină

Și un alt lucru interesant este cât de bine se integrează cu alte produse Thrive Themes. De exemplu:

  • Dacă utilizați Thrive Optimize, puteți rula teste A/B folosind Thrive Architect.
  • Dacă utilizați Thrive Leads, puteți integra cu ușurință opțiunile detaliate ale Thrive Leads în Thrive Architect.

Blocare – 5/5

Thrive Architect lasă în urmă cod 100% curat, cum ar fi Elementor și Beaver Builder.

5. SiteOrigin Page Builder

SiteOrigin Page Builder a existat de o veșnicie. Și în acel „pentru totdeauna”, a reușit să adune peste 1 milion de instalări active la WordPress.org, ceea ce îl face unul dintre cele mai populare pluginuri de generare de pagini de pe piață.

În timp ce SiteOrigin Page Builder este puțin mai ușor decât majoritatea celorlalte opțiuni din această listă, oferă performanțe excelente și o mulțime de controale CSS utile.

Pret: Gratuit. Pachetul SiteOrigin Premium începe de la 29 USD

Interfață – 3/5

SiteOrigin are două interfețe pe care le puteți folosi pentru a vă construi designul.

Aveți editorul backend original:

interfață siteorigin page builder

Puteți să trageți și să plasați blocuri sau să faceți clic pe un anumit bloc pentru a-l edita.

Acest editor vă oferă cel mai mult spațiu pentru a lucra, dar îi lipsește orice tip de previzualizare live.

Dacă doriți acea previzualizare live, SiteOrigin Page Builder a adăugat un mod de editor live:

previzualizare live siteorigin

Acesta nu este același cu ceilalți generatori de pagini din această listă, deoarece nu puteți de fapt să glisați și să plasați elementele din previzualizarea live . Dar este și mai mult decât o previzualizare a designului tău, deoarece există o anumită interactivitate între casetele abstracte din stânga și previzualizarea live.

De exemplu, puteți trece cu mouse-ul peste o casetă din previzualizarea live, iar caseta relevantă din bara laterală va afișa și evidențierea. De asemenea, puteți face clic pe un element din previzualizarea live pentru a-i deschide setările:

exemplu de interfață siteorigin

Widgeturi/Șabloane incluse – 2/5

Dincolo de principalele widget-uri WordPress, SiteOrigin Page Builder oferă și un plugin gratuit Widgets Bundle care adaugă un set modular de 23 de widget -uri pe care le puteți utiliza. Include, de asemenea, ~25 de șabloane prefabricate pe care le puteți utiliza, deși acestea sunt destul de simple în comparație cu alți constructori de pagini.

Nu vă puteți salva desenele ca șabloane, dar puteți clona cu ușurință paginile existente, ceea ce vă oferă o funcționalitate similară.

Opțiuni de stil – 3/5

Opțiunile de stil ale SiteOrigin Page Builder vor fi dezamăgitoare în comparație cu ceilalți creatori de pagini dacă nu cunoașteți CSS . Dar dacă vă simțiți confortabil să utilizați propriul dvs. CSS, acestea sunt de fapt destul de utile.

Pe lângă adăugarea de clase și ID-uri CSS, puteți adăuga direct CSS la elementele individuale, inclusiv o secțiune pentru CSS numai pentru dispozitive mobile:

opțiuni de stil siteorigin

De asemenea, aveți o mulțime de opțiuni de stil non-CSS – doar nu la fel de multe ca celelalte plugin-uri. Dacă ești un dezvoltator care intenționează să folosești propriul tău CSS, probabil că ai putea acorda pluginului un 5 pentru această categorie. Dar îl dobor la un 3 pentru că cred că acolo se potrivește utilizatorilor obișnuiți .

Alte caracteristici notabile – 2/5

SiteOrigin Page Builder este destul de ușor, dar obțineți un generator de tip de postare personalizat de bază în pachetul SiteOrigin Premium.

Blocare – 4/5

SiteOrigin Page Builder lasă în urmă un amestec de HTML curat și coduri scurte. Adică, unele dintre widget-uri - cum ar fi editorul de text - lasă în urmă HTML curat, în timp ce altele - cum ar fi widget-ul cu butoane - lasă în urmă coduri scurte.

6. WPBakery Page Builder

WPBakery Page Builder, cunoscut anterior ca Visual Composer, este un alt generator de pagini premium foarte popular. O mare parte din această popularitate provine din faptul că WPBakery Page Builder este la pachet cu ceea ce pare a fi 99% dintre temele de la ThemeForest. Dar adevărul rămâne că este folosit pe un număr mare de site-uri .

Pret: 64 USD

Interfață – 3/5

La fel ca Divi Builder, WPBakery Page Builder vă oferă atât editare vizuală front-end, cât și editare back-end.

Puteți utiliza interfața de back-end dacă doriți:

backend-ul wpbakery

Dar cred că cei mai mulți oameni vor fi mai fericiți din față, care arată astfel:

interfață frontend wpbakery

Inserați elemente noi și stilați-le folosind ferestre pop-up - nu există o zonă de bară laterală și nici editare inline.

Personal, nu sunt un fan al acestei abordări, dar unora le place pentru că nu există nimic care să împiedice previzualizarea live atunci când nu aveți un pop-up deschis .

Widgeturi/Șabloane incluse – 3/5

WPBakery Page Builder oferă 39 de elemente , plus toate widget-urile WordPress normale. Unele dintre aceste elemente ar fi combinate într-un alt generator de pagini, deci numărul real este mai degrabă ca ~33 :

module wpbakery

De asemenea, primești ~ 86 de șabloane. Unele șabloane sunt pagini întregi, în timp ce altele sunt doar secțiuni.

Opțiuni de stil – 3/5

În comparație cu ceva de genul Elementor sau Divi Builder, opțiunile de stil ale WPBakery Page Builder sunt puțin limitate.

Aveți un control bun asupra rândurilor:

wpbakery styling

Dar opțiunile de styling pentru elementele individuale sunt puțin mai limitate.

Dacă doriți să utilizați propriul dvs. CSS, puteți adăuga o clasă CSS personalizată sau un ID la elementele individuale sau puteți adăuga stiluri reale la nivel de pagină:

wpbakery css

Alte caracteristici notabile – 3/5

Nu sunt sigur că WPBakery Page Builder are în sine caracteristici unice deosebit de notabile. Dar ceea ce are este o comunitate masivă de suplimente terță parte. În timp ce mulți alți creatori de pagini au suplimente de la terți, WPBakery Page Builder este unic în număr, care depășește cu mult peste 250 de suplimente .

Blocare – 3/5

La fel ca Divi Builder, WPBakery Page Builder lasă în urmă o grămadă de coduri scurte în conținutul dvs. dacă îl dezactivați vreodată.

7. Themify Builder

Themify Builder este, fără a fi surprinzător, oferta Themify pentru crearea de pagini. Themify îl îmbină cu multe dintre temele lor pentru a oferi clienților opțiuni ușoare de personalizare. Dar îl puteți achiziționa și ca plugin independent și îl puteți utiliza cu orice temă.

Preț : versiune ușoară gratuită. Pro începe de la 39 USD sau 59 USD (în funcție de suplimente)

Interfață – 4/5

La fel ca Divi Builder și WPBakery Page Builder, Themify Builder vă permite să vă construiți modelele folosind atât interfețele back-end, cât și interfețele front-end.

Cu versiunea 4.0, Themify Builder a făcut câteva actualizări ale interfeței, ceea ce m-a determinat să măresc scorul cu un pas.

Interfața backend arată astfel:

themify builder backend

Dar din nou, majoritatea oamenilor vor dori probabil să folosească interfața front-end, care funcționează astfel:

interfața constructorului themify
  • 1 – vă permite să introduceți module noi ( 2 moduri diferite )
  • 2 – previzualizare live
  • 3 – previzualizări receptive, anulare/refacere și alte setări

Nu există editare inline – va trebui să editați textul într-o fereastră pop-up:

editarea textului în themify

Totuși, noua interfață se simte mult mai „spractic” decât cea veche, ceea ce creează o experiență de editare mult mai rapidă.

De asemenea, adaugă un selector în stil pesmet deasupra ferestrei pop-up de setări, care vă permite să comutați rapid între un modul în sine și rândurile și coloanele în care se află.

În cele din urmă, una dintre adăugările mele preferate este abilitatea de a adăuga margini și umplutură prin simplul clic și tragerea pe pagină. Aceasta este o actualizare uriașă și face mult mai ușor să ajustați poziționarea pe pagina dvs. Puteți vedea cum pot ajusta marginea ( roz ) doar trăgând-o:

Temificați marginile

Într-adevăr, singura mea critică majoră este încă lipsa editării liniilor.

Widgeturi/Șabloane incluse – 3/5

Themify Builder oferă ~ 32 de module (în funcție de suplimentele dvs.), precum și toate widget-urile WordPress normale.

De asemenea, primești ~143 de șabloane de pagină completă, precum și un număr mai mic de Rânduri , care sunt practic secțiuni pre-construite.

Opțiuni de stil – 4/5

Dacă faceți clic pe orice element, veți primi patru file diferite pentru a vă ajuta să îl stilați:

  • Conţinut
  • Stil ( prezentat mai jos )
  • Vizibilitate ( vă permite să ascundeți un element pe anumite dispozitive )
  • Animaţie
opțiunile de stil pentru constructor themify

Un alt lucru frumos este că Themify Builder vă permite să vă personalizați punctele de întrerupere receptive ( deși numai la nivel de site ).

În versiunea 4.0, Themify Builder a adăugat și separatoare de forme personalizate, care vă permit să alegeți dintre 25 de forme prestabilite.

Alte caracteristici notabile – 4/5

Un lucru interesant despre Themify Builder este că vă permite în continuare să utilizați Editorul WordPress obișnuit, în timp ce alți creatori de pagini vă obligă să utilizați interfața generatorului de pagini pentru orice . Conținutul Themify Builder este marcat în Editorul WordPress, astfel încât să puteți plasa conținut în jurul acestuia:

Themify builder în editorul WordPress

Această caracteristică funcționează și în noul editor de blocuri WordPress.

O altă caracteristică nouă plăcută este capacitatea de a utiliza diferite rezoluții pentru design responsive. Mulți creatori de pagini vă oferă doar previzualizări generice „Mobile” și „Tabletă”, dar Themify Builder vă permite de fapt să testați diferite dispozitive.

Blocare – 5/5

Themify Builder s-a îmbunătățit masiv în ceea ce privește blocarea. Acum, dacă îl dezactivați, vă lasă conținutul în urmă cu HTML curat.

8. Brizy

Lansat în aprilie 2018, Brizy este unul dintre cei mai „tineri” creatori de pagini din această listă. Dar vine de la un dezvoltator binecunoscut – ThemeFuse – și a acumulat rapid 60.000 de instalări active. În plus, oferă pur și simplu o abordare unică a unor părți ale construirii paginii, ceea ce o face o ofertă interesantă.

De asemenea, dezvoltatorii lansează rapid noi funcții, iar Brizy are deja suport pentru crearea de teme și pop-up.

Preț: versiune de bază gratuită. Versiunea Pro începe de la 49 USD.

Interfață – 5/5

Brizy este exclusiv un generator de pagini vizuale frontale.

Pentru a vă construi pagina, mai întâi trebuie să adăugați un bloc. Puteți utiliza un bloc necompletat sau puteți alege dintre blocurile de secțiuni prefabricate:

brizy ar putea fi cel mai bun generator de pagini wordpress

Partea „interfață unică” este ceea ce se întâmplă odată ce începeți să adăugați elemente. În loc să aveți o bară laterală sau o fereastră pop-up în care personalizați/stilați elementul, aproape totul se întâmplă în linie (inclusiv tastarea).

Uite ce vreau sa spun:

interfață brizy

Rezultatul este o modalitate foarte rapidă de a construi pagini.

Widgeturi/Șabloane incluse – 4/5

Brizy oferă în prezent 26 de elemente de bază . Acest număr este mic, dar Brizy este încă nou, așa că sperăm că va crește în timp.

De asemenea, obțineți elemente suplimentare pentru anumite funcții, cum ar fi un element de meniu atunci când construiți un antet.

De asemenea, include peste 150 de blocuri (secțiuni de șablon) pe care le puteți utiliza.

Opțiuni de stil – 5/5

Datorită modului în care funcționează interfața lui Brizy, nu există o formulă setată pentru opțiunile de stil, precum ceilalți constructori de pagini.

Puteți extinde o bară laterală pentru setări avansate, cum ar fi spațierea și controalele receptive:

stil strălucitor

De asemenea, puteți adăuga stil de bază la nivel de pagină, astfel încât să nu fie nevoie să editați manual fiecare element:

fonturi brizy

Dar, de cele mai multe ori, veți folosi controalele inline pentru a vă stila elementele, ceea ce vă oferă o cantitate bună de control.

Alte caracteristici notabile – 5/5

Interfața lui Brizy este deja destul de unică, dar și-a creat rapid o listă de caracteristici destul de stelară de la lansarea sa:

  • Generator de teme – proiectează anteturi, subsoluri, arhive și șabloane de postare cu ajutorul Brizy. Asistența WooCommerce este pe drum . Include, de asemenea, o funcție dinamică pentru a aduce conținut personalizat de câmp din plugin-uri populare precum ACF și Toolset.
  • Generator de pop -up – proiectează ferestre pop-up folosind interfața Brizy și folosește condiții pentru a controla unde/când se afișează.
  • Bannere globale care sunt sincronizate pe mai multe pagini.
  • Integrari cu serviciile populare de marketing prin e-mail (și Zapier).

Blocare – 4/5

Brizy lasă în urmă cod HTML în mare parte curat dacă îl dezactivați vreodată. Dar încă mai lasă o grămadă de div-uri cu clase Brizy CSS în cod, care încurcă puțin spațiul și ar necesita curățare.

9. Compozitor vizual

Mai sus, v-am spus că WPBakery Page Builder era cunoscut ca Visual Composer. Motivul pentru care „obișnuiește” este că echipa din spatele Visual Composer a decis să dezactiveze WPBakery Page Builder, astfel încât să poată lansa un produs complet nou folosind numele Visual Composer.

Acesta este ceea ce ne concentrăm în această secțiune.

Deși vine din aceeași echipă, este un produs complet separat.

Principala diferență este că Visual Composer este un constructor complet de site -uri web, în ​​timp ce WPBakery Page Builder este doar un generator de pagini .

Preț: versiune gratuită limitată. Versiunea Pro începe de la 49 USD.

Interfață – 3/5

Când creați o pagină nouă cu Visual Composer, puteți alege dintre câteva aspecte diferite pentru pânza dvs. Puteți face o pânză complet goală, puteți include antetul/subsolul etc.

De acolo, puteți proiecta totul folosind o interfață vizuală:

Interfață Visual Composer

Interfața este netedă și fără erori, cu toate acestea, nu are editarea inline, ceea ce este puțin dezamăgitor. În schimb, trebuie să editați textul din bara laterală:

Editor de text Visual Composer

În plus, nu mi se pare că opțiunile din bara laterală sunt la fel de utilizabile, deoarece totul este o singură coloană lungă. Prefer abordarea pe care o folosesc majoritatea celorlalți generatori de pagini, care este împărțirea setărilor în file.

Widgeturi/Șabloane incluse – 5/5

Când instalați pentru prima dată Visual Composer (sau dacă utilizați doar versiunea gratuită), aveți acces doar la câteva blocuri și nici un șablon.

Nu vă lăsați păcăliți, totuși – Visual Composer are o selecție imensă de elemente și șabloane – trebuie doar să vă conectați la Visual Composer Hub și să descărcați pe cele pe care doriți să le utilizați:

Blocuri Visual Composer

După cum puteți vedea, există o varietate uriașă, cu totul, de la blocuri de conținut la integrări și multe altele. Există o varietate similară și atunci când vine vorba de șabloane.

Opțiuni de stil – 4/5

Opțiunile de stil ale Visual Composer sunt solide, dar nimic nu iese cu adevărat în evidență. Obțineți toate caracteristicile la care v-ați aștepta, cum ar fi divizoare de formă, spațiere personalizată, paralaxă etc.

De asemenea, obțineți comenzi receptive pentru a edita designul pe baza dispozitivului unui utilizator, precum și o mare varietate de opțiuni de previzualizare receptivă.

Două caracteristici frumoase sunt opțiunile de a face un rând sau un element lipicios și de a controla modul în care se stivuiesc coloanele.

Alte caracteristici notabile – 5/5

După cum am menționat mai sus, Visual Composer este un constructor complet de site-uri web, astfel încât să vă puteți construi întregul site folosind interfața sa, inclusiv anteturi, subsoluri, șabloane și multe altele.

De asemenea, puteți insera conținut dinamic din câmpurile implicite și personalizate, cum ar fi cele pe care le adăugați cu ACF.

Cealaltă caracteristică remarcabilă este Visual Composer Hub, care vine cu o mulțime de șabloane și elemente de conținut pe care le puteți importa.

Blocare – 5/5

Dacă dezactivați Visual Composer, acesta lasă în urmă un HTML relativ curat. HTML-ul include în continuare clasele Visual Composer CSS, dar nu există probleme de front-end sau coduri scurte.

10. WP Page Builder

WP Page Builder este o nouă ofertă de la Themeum, un dezvoltator WordPress consacrat. Deci, deși pluginul în sine este nou, acesta provine de la o echipă care a fost de ceva vreme în spațiul WordPress.

Themeum face, de asemenea, pluginul Tutor LMS pe care l-am revizuit nu cu mult timp în urmă.

Preț: Versiune gratuită destul de generoasă. Versiunea Pro începe de la 39 USD.

Interfață – 4/5

WP Page Builder are o interfață destul de standard în ceea ce privește generatorii de pagini. Aveți o previzualizare vizuală a designului dvs. în dreapta și o bară laterală în stânga unde vă puteți controla design-urile.

Un lucru care îmi place foarte mult este capacitatea de a regla spațierea (margini/padding) folosind un glisor cu glisare și plasare. De asemenea, puteți utiliza o abordare similară prin glisare și plasare pentru a redimensiona coloanele:

Cu toate acestea, nu există nicio editare inline, ceea ce este puțin deprimant. În schimb, va trebui să editați textul în editorul barei laterale:

Widgeturi/Șabloane incluse – 5/5

Chiar și cu versiunea gratuită, WP Page Builder vine cu o selecție stelară de widget-uri. De exemplu, versiunea gratuită vă oferă tabele de prețuri, grile de postare, casete flip și multe altele. Majoritatea celorlalți creatori de pagini rezervă aceste elemente pentru versiunea premium.

De asemenea, aveți acces la peste 31 de pachete de layout, care sunt pachete de șabloane tematice pentru nișe specifice. Fiecare aspect include mai multe șabloane:

Șabloane WP Page Builder

Opțiuni de stil – 4/5

Am menționat deja controalele de spațiere/aspect prin glisare și plasare, care este o caracteristică cu adevărat convenabilă.

În plus, aveți și o gamă bună de opțiuni de stil. De exemplu, aveți divizoare de formă, opțiunea de a ascunde elemente pe anumite dispozitive și de a utiliza setări diferite pentru diferite dispozitive și o mulțime de opțiuni generale de stil:

Cu toate acestea, deși este solid, nu ai atât de multe opțiuni pe cât ai obține cu ceva de genul Elementor sau Divi, motiv pentru care merg cu un scor de „4” în loc de „5”.

Alte caracteristici notabile – 3/5

WP Page Builder este un generator de pagini solid, dar nu a creat tipurile de suplimente pe care le obțineți cu alți generatori de pagini. De exemplu, nu există o clădire de teme, un generator de pop-up etc.

Dincolo de generatorul de pagini în sine, nu văd nicio caracteristică care să iasă în evidență.

Blocare – 3/5

When you disable WP Page Builder, it removes everything , including your content. Even if you just added a single text block, that text block will still disappear when you disable WP Page Builder.

The content will reappear if you reactivate the plugin.

Which Is The Best WordPress Page Builder?

So which of these 10 page builders should you choose? Well, here's how the scores stack up (in order):

Page Builder Overall (25 is Max) Interface Widgets / templates Styling Notable features Lock-in
Elementor 25 5 5 5 5 5
Constructor de castori 23 5 4 5 4 5
Divi Builder 23 5 5 5 5 3
Brizy 23 5 4 5 5 4
Arhitectul Thrive 22 5 4 5 3 5
Compozitor vizual 22 3 5 4 5 5
Themify Builder 20 4 3 4 4 5
WP Page Builder 19 4 5 4 3 3
WPBakery Page Builder 15 3 3 3 3 3
SiteOrigin Page Builder 14 3 2 3 2 4

And personally, that's pretty much how I would recommend them to people, as well.

On my own sites, I use a mix of Elementor and Thrive Architect, depending on the site.

If you're looking for the best value of price vs features, here's another table comparing the score to the pricing options:

Page Builder Overall (25 is Max) Free Version? Starting Price
Elementor 25 da 49 USD
Constructor de castori 23 da $99
Divi Builder 23 Nu $89
Brizy 23 da 49 USD
Arhitectul Thrive 22 Nu $19
Compozitor vizual 22 da 49 USD
Themify Builder 20 da $39
WP Page Builder 19 da $39
WPBakery Page Builder 15 Nu $64
SiteOrigin Page Builder 14 da $29

Now over to you — which one do you think is the best WordPress page builder?