Visual Composer vs Elementor: Ghid definitiv pentru începători

Alegerea între Visual Composer și Elementor nu este deloc o sarcină ușoară. Personal, am folosit ambele instrumente și încă mi-a fost greu să trec peste spațiul de confort pe care îl obțin în timp ce folosesc fiecare dintre aceste instrumente de generare de pagini.

Deoarece mi-a fost greu să mă gândesc cu propria mea experiență, am căutat diferite perspective ale utilizatorilor și, în cele din urmă, le-am consolidat într-un singur articol.

Atât creatorii de site-uri Elementor, cât și Visual Composer sunt extrem de populari și flexibili și și-au consolidat locul în lista celor mai bune instrumente de generare de 5 pagini din 2021.

Cu toate acestea, cineva trebuie să tragă linie și să arate diferențele, astfel încât să fie ușor de înțeles în ce urmează să intre înainte de a începe.

Voi pune înțelegerea mea colectivă a problemei.

Așadar, dacă doriți să vă decideți în detalii despre Visual Composer și Elementor site builder, rămâneți cu mine până la sfârșit.

Îți pot garanta că problemele tale s-ar termina definitiv.

Într-o grabă? Iată o sugestie utilă

Între Visual Composer și Elementor, aș fi de partea Elementor din multe motive pe care le văd că sunt evidente.

Deși puteți face aceeași muncă cu ambele instrumente, judecata mea se bazează pe înțelegerea de către utilizator a instrumentului din față, simplitate, experiență utilizator, flexibilitate și alte aspecte la care toată lumea ține mai mult sau mai puțin.

O scurtă introducere

Elementor

Elementor este cunoscut de aproape toți utilizatorii WordPress, iar numărul uluitor de 5 milioane de utilizatori arată cum a fost acceptat pe scară largă ca instrument de creare a paginilor pentru crearea de site-uri web WordPress.

Acest lucru se datorează în principal simplității, flexibilității, versatilității și suportului de top pe care îl aduce cu instrumentul.

Pe lângă toate acestea, nu necesită cunoștințe de cod pentru a construi un site web minimalist, proiectat, cu aspect curat.

Preț: 49 USD - 199 USD

Oferte: Versiunea de încercare este utilizabilă timp de 30 de zile

Compozitor vizual

Începând cu 2017, Visual Composer a fost renovat și redenumit în WPBakery Page Builder.

Versiunea mai nouă este fără îndoială mai flexibilă și mai frumos proiectată decât predecesorul său.

Fără îndoială, este unul dintre cele mai populare instrumente de generare de pagini și se face cu ușurință un nume în topul 5 a creatorilor de site-uri WordPress cu biblioteca sa unică de widget-uri și șabloane unice.

Preț: 45 USD - 245 USD

Oferte: 15% reducere la achiziție

Visual Composer vs Elementor: Tabel de comparație

Visual Composer vs Elementor: Care sunt asemănările?

Atât Visual Composer, cât și Elementor sunt similare în ceea ce privește utilizarea. Deci, putem spune că baza ambelor instrumente este aproape aceeași.

Ambii creatori de pagini pot crea site-uri web 100% receptive, care sunt atât prietenoase cu motoarele de căutare, cât și foarte ușor de utilizat.

Designul necomplicat este fascinant și se întâmplă să fie cel mai important lucru despre aceste instrumente de generare a paginilor.

Puteți urmări ceea ce doriți să găsiți și ceea ce căutați în câteva secunde și nu vă va cere să înțelegeți sistemul în profunzime.

Sistemele vizuale de drag and drop sunt prezente în ambele instrumente, ceea ce este cea mai evidentă similitudine.

Vă puteți construi propria pagină web personalizată folosind generatorul vizual de pagini pe o pânză albă goală, iar site-ul dvs. web ar arăta exact la fel după construcție.

Puteți alege widget-uri personalizate din bibliotecă sau puteți construi propriul concept tematic de la zero, ceea ce este de asemenea posibil.

În cele din urmă, dacă întâmpinați probleme și aveți nevoie de o prezentare a pașilor pentru a scăpa de el, ambele instrumente oferă asistență extinsă pentru clienți, care răspunde la întrebările dvs. în termen de 30 de minute până la maximum 24 de ore.

Visual Composer vs Elementor: Diferențele din perspectiva unui utilizator general

Diferențele subtile sunt greu de distins și deoarece ambele instrumente oferă aceleași funcționalități. Știți că trebuie să vă familiarizați cu platforma înainte de a începe să observați lucrurile.

Iată câteva diferențe pe care ar trebui să le observați în avans când se rezumă la Visual Composer vs Elementor.

Interfața cu utilizatorul

Elementor

Interfața cu utilizatorul Elementor este din două părți. Bara laterală la stânga și pânza la dreapta.

Secțiunea de previzualizare sau pânza ocupă cea mai mare parte a ecranului, deoarece arată toate aspectele vizuale pe care le puneți pe site-urile dvs. web.

Pânza vă oferă opțiunea de previzualizare live la care ține toată lumea.

Sincer, această previzualizare live este ceea ce face ca experiența fără codare să fie atât de distractivă când vine vorba de construirea de site-uri web îngrijite și minimaliste.

În plus, există un mega meniu în partea dreaptă care arată toate widget-urile, elementele și setările.

Vă oferă opțiunea de a selecta șabloane din colecția imensă de șabloane din biblioteca Elementor. Șabloanele, widget-urile și multe altele personalizate salvate.

În stânga jos a ecranului vă oferă încă trei opțiuni – Setări generale, Istoric, Navigator și Modul de răspuns.

1. Setările generale vă permit să vedeți starea curentă a paginii, dacă este publicată sau nu, titlul acesteia, imaginea prezentată pe pagină și alte informații evidențiate.
2. Istoricul vă permite să vedeți diferitele versiuni ale proiectelor salvate care pot fi restaurate.
3. Navigatorul creează un arbore de navigare pop-up pentru a face navigarea armonioasă.
4. Modul receptiv vă permite să vă vedeți site-ul pe toate dispozitivele folosind un singur ecran.

Compozitor vizual

Compozitorul vizual are o interfață similară cu cea a Elementor. De fapt, îl puteți numi și editor de front-end What You See Is What You Get (WYSIWYG).

Aceasta înseamnă că veți putea vedea orice creați pe pânză, adică nu veți avea, în esență, substituenți care reprezintă un anumit bloc de pagină.

Iată următoarele părți pe care le puteți găsi pe tabloul de bord Visual Composer:

• Fereastra editorului de elemente
• Editorul live sau editorul frontend (funcția de glisare și plasare)
• Panourile de navigare
• Setări
• O vedere arborescentă a site-ului web

Fereastra de editare a elementelor plutește deasupra fiecărui element blocat al site-ului web. Treceți cu mouse-ul peste elementul selectat pentru a obține lista de opțiuni modificabile dintr-un meniu derulant.

Editorul frontend este editorul vizual al Visual Composer. Vă permite să aranjați și să aliniați diferite componente prin glisarea și plasarea acestora din bara de widget-uri în editor.

Cel mai bun lucru este că te poți juca așa cum îți place și totuși nu vei complica designul, deoarece totul este îngrijit în fundal fără ca tu să observi.

Panoul de navigare vă permite să accesați setările unde puteți regla fin diferitele elemente ale site-ului dvs. de la modificarea imaginilor, înălțimea și lățimea unei componente, dimensiunea și greutatea fontului etc.

Setările nu prea au de-a face cu restul site-ului.

Ca începător, nu ar fi nevoie să te încurci cu ea pentru primul tău proiect.

Dar puteți începe să explorați ce opțiuni are după ce ați terminat cu primul site web.

Vizualizarea arborescentă este o modalitate eficientă de a naviga prin diferite pagini ale site-ului dvs. destul de ușor.

De fapt, puteți utiliza și modul de vizualizare arborescent pentru editarea oricărei componente alese de pe pagina web din mers.

Ediția Premium a Visual Composer are opțiuni suplimentare pentru editarea barelor laterale, tooterului, antetului, ceea ce este, de asemenea, un punct de vânzare considerabil bun.

Verdict

Ambele interfețe au aceleași caracteristici, cu modificări subtile. Cu toate acestea, m-aș orienta către Elementor pentru aspectele mici de design creativ.

Elemente disponibile

Elementor

Elementele sunt cele care vă ajută să creați o pagină web folosind instrumente de generare a paginii. Deci, un bun generator de pagini precum Elementor trebuie să aibă un număr considerabil de elemente cu el.

În acest sens, Elementor are 3 tipuri principale de elemente - secțiuni, coloane și widget-uri în acea ordine specifică.

Versiunea gratuită a Elementor are 30 de widget-uri diferite pentru site-ul dvs., care crește la 50 odată ce achiziționați versiunea Elementor Pro.

În plus, există o arhivă imensă de șabloane create creativ pe care le puteți găsi în biblioteca Elementor.

Te-aș minți dacă nu ți-aș spune că am fost complet impresionat de ceea ce avea de oferit biblioteca Elementor.

Prima diferență este că afectează întreaga secțiune dacă modificați o anumită secțiune.

Același lucru se întâmplă atunci când aplicați modificarea unei coloane.

Dar, dimpotrivă, dacă aplicați modificarea pe un widget, modificarea rămâne limitată numai la acel widget.

Compozitor vizual

Elementele Visual Composer constau din blocuri de conținut, cum ar fi pictograme, butoane, blocuri de text etc.

În calitate de utilizator, puteți integra aceste blocuri în pagina dvs. web pentru a crea un aspect pentru site-ul dvs. web.

Există peste 100 de elemente de conținut atât în ​​versiunea gratuită, cât și în versiunea premium de Visual Composer, aranjate în următoarele grupuri logice – Basic, Media, Containers, Social, WordPress și Content.

Hub-ul de șabloane bazat pe cloud vă permite să descărcați blocul de conținut specific de care aveți nevoie, iar acest lucru împiedică site-ul dvs. de riscul încetinirii.

Acest lucru reduce, de asemenea, dependența de pluginuri terță parte, permițând astfel site-ului dvs. să ruleze și mai rapid fără active suplimentare.

Verdict

Este o cravata. Ambele instrumente oferă pachete de șabloane, widget-uri și componente pentru utilizare, iar asta pentru mine este un mare câștig.

Opțiuni de stil

Elementor

Opțiunile de stil sunt simple în Elementor. Dacă alegeți un element, acesta plasează automat stilurile globale pe conținutul dvs. existent.

Setările pot fi ajustate în modul în care doriți să fie din „setările de stil”, modificând widget-urile, secțiunile și coloanele după cum doriți.

În plus, există o mulțime de opțiuni de styling disponibile pentru a le explora treptat, pe măsură ce vă simțiți confortabil și înțelegeți stilul.

Compozitor vizual

Există sute de opțiuni de stil simplificate într-o singură fereastră pentru a crea o înțelegere perfectă a sistemului de către utilizator în timp ce folosește Visual Composer.

Puteți spune că este similar cu Elementor în multe feluri, deoarece puteți face aceleași lucruri în Visual Composer.

Verdict

Ambele instrumente oferă opțiuni simplificate, dar extinse pentru coafare. Aceasta este o cravată.

Șabloane

Elementor

Elementor are 40 de șabloane bine concepute în versiunea gratuită, cu actualizări pe viață, dacă le utilizați în continuare.

Dar există limitări la asta. Numărul de widget-uri pe care le puteți utiliza în versiunea gratuită este limitat la un anumit număr.

Cu toate acestea, dacă alegeți versiunea pro, atunci obțineți acces instantaneu la peste 300 de componente și șabloane diferite suplimentare.

Șabloanele bloc sunt folosite pentru a crea o anumită secțiune a paginii, cum ar fi – formulare de contact, formulare CTA etc. Pe de altă parte, șabloanele de pagină sunt mai orientate spre crearea unei pagini întregi.

Compozitor vizual

Visual Compozitor are două tipuri diferite de șabloane - șabloane predefinite și definite de utilizator.

Desigur, fiecare șablon este proiectat în mod unic pentru a răspunde unor scopuri specifice sau le puteți reproiecta după cum doriți.

Dar acele opțiuni personalizabile devin limitate dacă utilizați ediția gratuită, care evident crește de zece ori dacă decideți să cumpărați un abonament premium.

Verdict

Acesta a fost cel mai greu de decis, deoarece ambele instrumente au atât de multe elemente promițătoare și unice de oferit. Aș spune că și asta este o cravată.

Integrare WooCommerce

Elementor

Integrarea fără întreruperi cu WooCommerce este caracteristica esențială, în opinia mea, iar Elementor face asta bine.

În plus, funcțiile de personalizare sunt ușor de utilizat cu Widget-ul pentru arhiva de produse, care vă ajută să aflați.

Ce produse vor fi afișate în listă, personalizați aspectul fiecărui articol din lista respectivă, tipografia, paletele de culori și alte caracteristici?

Există opțiuni pentru a personaliza paginile cu rezultatele căutării de produse și pentru a încorpora widget-uri suplimentare pentru a face pagina mai interactivă.

Coșul de meniu este o altă opțiune excelentă care vă permite să adăugați un buton „adăugați în coș pe pagina dvs. și îl puteți personaliza după cum doriți, pentru a face clic mai convingător.

Compozitor vizual

Compozitorul vizual acceptă integrarea perfectă a WooCommerce cu temele sale, astfel încât toată lumea consideră că este util să creeze un site web WordPress de comerț electronic.

Puteți accesa elementele WooCommerce din Visual Composer Hub pentru a crea pagina produsului. Iată câteva dintre elementele de care poți beneficia:

WooCommerce Adaugă în coș, Categorie de produse, Pagina de produs, Produse recente, Produse înrudite, Urmărire comenzi, Pagina de finalizare a comenzii, Produse recomandate, Coș, Coș de cumpărături, etc.

Verdict

Acesta este un punct esențial al tuturor. Dacă integrezi doar pluginul WooCommerce și elementele WooCommerce, atunci este o egalitate.

Dar dacă mai adăugați câteva lucruri precum integrarea CRM, atunci Elementor este cea mai bună alegere.

Spun asta pentru că, de multe ori, ar trebui să integrezi alte instrumente complexe, cu excepția WooCommerce, și vei descoperi că Elementor oferă tot felul de integrare, spre deosebire de Visual Composer.

Creator de teme

Elementor

Pluginul pentru generatorul de teme vă permite să vă creați propria temă - fie de la zero, fie pe un șablon existent, cum ar fi puteți crea o pagină web pe Elementor.

Procesul este același în care vă proiectați propriul concept pe o pânză goală, personalizând anteturile și subsolurile aliniate cu tema site-ului dvs.

Puteți aplica același proces pentru a crea anteturi, sigle de site, meniuri și alte componente relevante esențiale pentru site-ul dvs.

Compozitor vizual

Visual Composer Premium vă permite să vă creați propria temă, la fel ca și generatorul de pagini web și nu există prea multe diferențe cu Elementor în acest caz.

Dacă luați în considerare pânza și instrumentele de editare, veți observa că există modificări subtile. De exemplu, editorul de înălțime și lățime al fiecărei componente este mai înclinat spre bara laterală.

Înainte de a vă crea propria temă pe Visual Composer, asigurați-vă că aveți instalat suplimentul Theme Builder.

Astfel încât să puteți accesa editorul de antet, subsol și bară laterală și, cel mai important, să accesați componentele pe care trebuie să le descărcați din Visual Composer Hub.

În plus, controalele globale vă permit să editați anteturile și subsolurile mult mai ușor. Puteți activa tipuri de postări personalizate, postări și pagini și pagini WordPress implicite. Vine împreună cu el, cum ar fi – pagina cu rezultatele căutării, pagina de eroare 404, pagina de arhivă, paginile WooCommerce pot fi modificate.

Verdict

Acesta este un plus pentru Visual Composer. Au oferit suficiente opțiuni de editare cu editorii de antet și subsol și alte părți ale unei teme pe care nu le-am văzut în Elementor.

Suplimente

Elementor

Echipa Elementor rulează constant pentru a crea resurse concepute intuitiv care ies în evidență de restul pieței, unde puteți găsi șabloane, teme, widget-uri gratuite etc.

Un număr mare de suplimente oferă un avantaj mai creativ site-ului dvs. și sunt susținute de blocuri suplimentare, widget-uri care fac un pachet complet.

Compozitor vizual

Când widget-urile sau șabloanele suplimentare pre-construite nu sunt suficiente pentru munca ta, știi că este timpul să construiești ceva în afara capacității actuale a Visual Composer. Dar iată o soluție rapidă.

Mergeți la secțiunea Addons din Visual Composer Hub, unde puteți găsi extensii exclusive create special pentru scopuri speciale pe care le puteți descărca gratuit.

În plus, puteți utiliza, de asemenea, Șabloane globale, Import și export, Widget Șabloane, Blocuri Gutenberg, Creator de teme, Câmpuri dinamice, pagina Mod întreținere, Generator pop-up, biblioteci de pictograme Premium și alte opțiuni de Design Premium.

Dar caracteristica sa este exclusivă numai pentru utilizatorii Visual Composer Premium.

Verdict

Acesta merge la Visual Composer pentru imensa lor colecție de suplimente în Visual Composer Hub.

Elementor este egal din punct de vedere creativ în acest aspect, dar Visual Composer are avantajul numeric.

Caracteristici unice

Elementor

Elementor are unele caracteristici care sunt exclusiv pentru utilizatorii Elementor.

O astfel de caracteristică este – caracteristica Embed Anywhere, care vă permite să încorporați un șablon selectat și să-l replicați folosind coduri scurte.

De fapt, toate secțiunile din Elementor acceptă coduri scurte, deci și face dezvoltarea mult mai rapidă.

Global Widget este o altă caracteristică grozavă care vă permite să salvați un design personalizat o dată și să-l replicați oricând în viitor, ca un șablon pe mai multe site-uri web.

În cele din urmă, are un generator de pop-up simplificat care vă permite să proiectați bare creative de salut, mesaje de afișare pe tot ecranul, mesaje de tip fly-in și alte tipuri de ferestre pop-up.

Aceste lucruri sunt esențiale pentru a crește rata de conversie a site-ului dvs. și pentru a crește procentul de vânzări al produsului dvs. cel mai bine cotat de pe site-ul dvs.

Compozitor vizual

Visual Composer Hub permite utilizatorilor premium să aleagă dintr-o gamă largă de suplimente, șabloane, imagini stoc și altele din stocarea lor în cloud.

Constă din aproape toate tipurile de modele, de la suplimente, bloc, elemente de subsol, elemente de antet, iar lista continuă.

În plus, dacă sunteți abonat premium la Visual Composer Hub, aveți acces la șabloane noi în fiecare săptămână.

Verdict

Elementor are câteva caracteristici unice care nu sunt oferite în niciun alt instrument de generare a paginilor pe care l-am testat, așa că mă voi alătura cu Elementor în acest sens.

Visual Composer vs Elementor: Diferențele din perspectiva unui dezvoltator

Comparația făcută între Visual Composer și Elementor atrage un nivel cu totul nou atunci când îl vedeți din perspectiva unui dezvoltator, mai ales când puteți vedea niște unghiuri de comparație cu totul noi pe care le puteți găsi utile.

Iată ce vei găsi util.

Licență

Integrarea temelor este un aspect esențial al utilizării instrumentelor de creare a paginilor WordPress. Le permite dezvoltatorilor să integreze noi design-uri în temele existente și să le readezvolte conform standardelor actuale.

Unii ar putea chiar să încerce să-l revinde, ceea ce nu este deloc ideal de făcut.

Opțiunea de integrare a temei este disponibilă numai pentru versiunea gratuită atât a generatorului de site-uri Elementor, cât și a Visual Composer.

Dar nu puteți include niciuna dintre temele premium și nu le puteți revinde conform termenilor și acordurilor.

Elementor

Versiunea gratuită a Elementor este disponibilă din depozitul de pluginuri wordpress.org.

Alternativ, îl puteți descărca de pe site-ul web Elementor.

Un rezultat uriaș al Elementor este că este găzduit în WordPress și, prin urmare, nu trebuie să îl includeți în pachetul dvs. de pluginuri.

Versiunea premium vine cu tot felul de widget-uri, șabloane, constructori de antet și subsol și un sistem de șabloane pentru a crea propriile șabloane personalizate.

Compozitor vizual

Visual Compozitor are două versiuni - gratuită și premium, care sunt ușor disponibile pe site-ul lor.

Cu toate acestea, Visual Composer nu este ușor integrat cu WordPress, ceea ce este un dezavantaj pentru utilizatorii Visual Composer.

Dar puteți încă descărca versiunea gratuită de pe site-ul lor sau puteți utiliza linkul de descărcare folosind activatorul TGM.

Versiunea premium are un generator de antet și subsol, care este un motiv de vânzare uriaș și, ca să nu mai vorbim de sistemul de șabloane, face viața mult mai ușoară de a lucra cu componente separate.

Cerințe generale

Elementor

Elementor nu necesită dependențe suplimentare, altele decât cerințele generale obișnuite ale WordPress.

Compozitor vizual

Visual composer nu vine în mod implicit cu instalarea WordPress și, prin urmare, trebuie să instalați dependențele suplimentare pentru a-l rula. Iată o listă cu ceea ce aveți nevoie:

1. Webpack 4.0 sau o versiune ulterioară
2. Nodul 8.0 sau mai mare

API pentru dezvoltatori

Elementor

Abundența API-urilor pentru dezvoltatori este unul dintre punctele forte ale unui instrument bun de generare de pagini.

Și deși considerați acest lucru ca rezultat, ar trebui să știți și că această flexibilitate vă permite să construiți elemente personalizate folosind componente React.

Cel mai bun mod de a înțelege modul în care API-ul pentru dezvoltatori vă permite să creați fiecare element al site-ului web ca parte independentă a sistemului este să îl utilizați separat oriunde aveți nevoie.

Compozitor vizual

Visual Composer Website builder lucrează mână în mână cu componentele React.

Fiecare element este creat astfel încât să funcționeze independent ca un bloc separat de cod care rulează pe propriul set de dependențe HTML, CSS, PHP, JavaScript și JSON.

În acest fel, nu mai rămâne dependent de sistemul de coduri scurte așa cum era în versiunile anterioare.

Acest sistem de creare de widget-uri personalizate nu este diferit de construirea de widget-uri WordPress native.

În acest sens, trebuie să mă alătur cu Visual Composer, deoarece sunt familiarizat cu React.

Și pentru cei care înțeleg React, va fi mai ușor de înțeles structura fișierului și procesul de dezvoltare.

Analiza comparativa

Rezumând

Alegerea dintre Visual compozitor și Elementor este subiectivă pentru înțelegerea instrumentului și a gustului cuiva, ceva ce putem sau nu putem schimba. Dar, hei, întotdeauna putem învăța ceva sau două dintr-o altă perspectivă.

Iată cei 2 biți ai mei despre întreaga dezbatere Visual Composer vs Elementor. În primul rând, dacă se rezumă la utilizare și sunteți un singur utilizator/dezvoltator, atunci Visual Composer este opțiunea mai ieftină cu o plată unică și oferă la fel de mult ca Elementor.

Cu toate acestea, dacă conduceți o agenție și preferați să beneficiați de mai multă flexibilitate pentru dezvoltare și sunteți dispus să cheltuiți mai mulți bani și să scurtați perioada de timp pentru dezvoltare, atunci Elementor este pentru dvs.