Discutam intr-o postare anterioara despre o recenzie a builderului Elementor, pentru incepatori, ca sa ii spun asa. Am promis ca o sa revin cu o recenzie din perspectiva unui expert, dar intre timp mi-as dorii sa facem o comparative intre Elementor Pro si alte buildere care sunt pe piata, trecand prin tot ce ofera acestea si terminand cu preturi, pro, pro si contra.
Dupa cum spuneam si in postarea anterioara, Elementor builder este gratuit, dar ca sa profiti la maximum de acesta, personal recomand varianta Pro. Despre aceasta varianta o sa si discutam astazi.
O sa luam Elementor Pro si o sa-l comparam cu Divi builder, Biever builder, Oxygen builder, dar si cu vechiul prieten WpBakery builder, care ne-a fost destul de mult alaturi.
Ce o sa primesti in aceasta postare:
- De ce designerii ar trebuii sa foloseasca un builder
- Caracteristicile cheie ale builderelor
- O discutie si o comparatie, obiectiva sper eu, despre 5 dintre cele mai cunoscute buildere
De ce ar trebuii designerii sa foloseasca un builder
Folosind un builder drag-and-drop iti economiseste o groaza de timp ca si dezvoltator de website-uri, dar pe langa asta sunt si alte beneficii dupa cum urmeaza:
- Creearea rapida de mockup-uri. Cand esti la inceputul unui nou proiect, este perfect normal sa creezi mai multe mockup-uri. Folosind un sistem de drag-and-drop iti micsorezi considerabil timpul alocat pentru acest proces.
- Iti ofera abilitatea de a salva tot ceea ce faci in template-uri pe care le poti reutiliza intr-un moment viitor.
- Iti ofera posibilitatea de stilizare rapida si creearea mai multor variante
- Iti usureaza munca de a implementa diferite cerinte la nivel de cod, venind in ajutor cu o multitudine de widgeturi complexe care fac treaba in locul tau.
Caracteristici cheie ale builderelor WordPress
Sistemul drag-and-drop pentru temele WordPress este unul dintre cele mai bune unelte pentru a face un website pe aceasta platforma. Creatorii de website-uri apreciaza toate caracteristicile cheie care fac un builder atat de util, incluzand urmatoarele:
- Blocuri de design predefinite sau widgeturi pe care le poti plasa unde doresti
- Usurinta in stilizarea ficarei particica din website, de la font, culori, pana la margins, paddings si multe altele
- O varietate enorma de template-uri ready made de la care poti pleca, in noul tau proiect
- Abilitatea de a-ti salva munca si a o folosii la proiecte viitoare.
O discutie si o comparatie, despre 5 dintre cele mai bune buildere
Acum ca am stabilit lucrurile de baza de la care plecam, e momentul sa discutam putin despre fiecare builder in parte si sa le comparam pentru a vedea daca Elementor Pro este cel mai bun builder care exista pe piata in acest moment.
Nu o sa incepem cu Elementor, o sa incepem cu vechiul nostru prieten WPBakery, dupa cum urmeaza:
WPBakery page builder:
Cunoscut ca si Visual Compozer, acesta s-a rupt de vechiul nume si acum sunt 2 tool-uri separate. Este inca unul dintre cele mai folosite buildere in acest moment.
WPBakery te poate ajuta cu designul in front-end si back-end, poti creea pagini responsive si vine in ajutor cu mai multe template-uri si flexibilitate in design.
Acest builder este prin preajma de mult timp, deci gasesti o groaza de resurse si template-uri pentru el. Pe langa toate acestea gasesti peste 250 de integrari cu acesta de la plugin-uri importante precum Woocommerce.
Bakery functioneaza cu orice tema datorita faptului ca toate widgeturile acestuia sunt integrate in pagina prin shortcode, deci daca dezactivezi pluginul toate aceste shortcod-uri raman in pagina.
Interfata este intuitiva, dar nu a mai primit update-uri. Are nevoie de salvare manuala si este destul de inceata fata de competitie. Conteaza foarte mult cum il utilizezi, este posibil ca toate avantajele unui Builder pentru WordPress sa nu depaseasca dezavantajele.
Caracteristici cheie:
- WPBakery page builder poate fi folosit in aproximativ toate temele
- Vine la pachet cu 50+ elemente de continut (widgets)
- Elementele prezinta un tab de stilizare
- O librarie de template-uri destul de robusta
- Se poate extinde prin intermediul WPBakery API
- Suport dedicat
Avantaje ale WPBakery:
- Multe widgeturi de continut, de asemenea valabile de la provideri third-party
- Integrare posibila cu mai mult de 250 pluginuri
- Multe resurse de design, incluzand template-uri
Dezavantaje ale WPBakery:
- Incet
- Interfata aglomerata
- Parti ale interfetei ramase in urma, fara update
- Fara functionalitate de salvare automata
Pret:
Licenta Regular pentru WPBakery este de 45$ si include update-uri, premium suport si acces la libraria de template-uri. Este valabila pentru 1 singur website.
Licenta extinsa are un cost de 245$ prezinta toate beneficile de mai sus si poate fi folosita pentru o singura dezvoltare de aplicatie de tip SaaS.
Beaver builder
Beaver Builder este un alt builder popular de tipul drag-and-drop care iti faciliteaza construirea de website-uri. Acesta iti ofera un plugin de building si un framework cu care poti lucra, deci te ajuta sa-ti condesenzi munca destul de mult.
Este un builder destul de usor de folosit, dar comparandu-l cu concurenta acesta este focusat pe performanta si stabilitate si mai putin pe a avea un numar mare de caracteristici legate de design. Cu ajutorul lui poti atinge acelasi nivel de design ca si cu competitorii acestuia, dar trebuie sa iti iei timpul si rabdarea necesara ca sa inveti cum sa il folosesti fara a avea o librarie prea mare de elemente.
Un alt aspect distinctiv al acestui builder este acela ca nu lucreaza cu shortcoduri ci iti implementeaza elementele direct cu HTML si CSS. Avantajul acestui lucru este acela ca-ti poti pastra elementele in pagina chiar si dupa dezactivarea pluginului.
Caracteristici cheie
- Editare direct in front-end
- Responsive si mobile-friendly
- Suport pentru shortcode, widgets si Woocommerce
- Capacitatea de a activa Modul Editor pentru a transmite site-urile web clientilor
- Customer suport
- Suficiente widgeturi de care te poti folosii pentru design
Avantaje ale Beaver:
- Versiunea gratuita vine cu widgeturile importante
- Un panou de lucru bun in partea de front-end
- Nu lucreaza cu shortcode ci creeaza continutul in HTML si CSS
- Designul ramane chiar si dupa ce scoti pluginul
- Performante bune
Dezavantaje ale Beaver:
- Coparand cu alte buildere, nu are suficiente widgeturi pentru partea de design si aspect
Pret:
Beaver Builder este free, dar daca vrei sa beneficiezi de tot ceea ce poate oferii o linceta pentru acesta este 99$ si il poti folosii la cate website-uri doresti. Primesti suport pentru 1 an de zile.
Exista in schimb alte 2 planuri pe care le poti achizitiona si anume:
- Pro cu un cost de 199$ unde primesti tot ceea ce este inclus in varianta de 99$, plus abilitatea de lucru in multi-site si Beaver Builder Theme.
- Agency cu un cost de 300$ unde primesti tot de mai sus impreuna cu posibilitatea de White Labeling.
Divi builder
O sa incep cu o parere personala fiind builderul secundar pe care l-am folosit cel mai mult. Ultimele update-uri au adus o imbunatatire la acest builder, ceea ce il urca mai sus in topul celor mai bune, iar un alt aspect important care mi-a placut mereu la Divi este libraria de teme pe care o pune la dispozitie. Temele lor au un design placut si o mare varietate.
Acum ca am trecut de acest pas, trebuie sa luam la disecat si acest builder.
Divi este un alt builder de tipul drag-and-drop. Este modern, user-friendly si vine la pachet cu multe caractristici si aproximativ 50 de elemente ready-made pentru website-ul tau. Similar cu alte buildere acesta iti ofera posibilitatea de lucru in front-end, dar si in back-end.
O caracteristica importanta a lui Divi este aceea ca iti ofera un wireframe mode care te ajuta la o plasare cat mai exacta a widgeturilor disponibile in acest builder.
Un dezavantaj major al acestui builder este cantitatea enorma de CSS care uneori este greu de modificat manual. De asemenea o sa observati o manuire greoaie si inceata cand vine vorba de a lucra cu Divi la site-uri compelxe cu multe elemente.
Din moment ce Divi lucreaza cu short-coduri, la fel ca multe alte buildere, in momentul dezactivarii pluginului, designul website-ului o sa dispara.
Caracteristici cheie
- Editare vizuala si responsive
- 40+ widget-uri de design
- 800 layout-uri pre-made din care poti alege
- Editare text inline
- Elemenete si stilizare globala
- Functionalitate Undo si Redo
- Customizarea elementelor in cel mai mic detaliu
- Optiunea de stilizare CSS prezenta pe fiecare element
Avantaje ale Divi:
- Divi Builder vine la pachet cu peste 110 teme deja facute
- Modul Wireframe
Dezavantaje ale Divi:
- Fisiere CSS extrem de mari
- Este bazat pe shortcoduri
- Devine greoi si incet cand se lucreaza cu acesta in website-uri complexe
Pret:
Divi builder are un pret de 89$/an si il poti folosii la un numar nelimitat de website-uri. Vine la pachet cu suport premium si acces la cele 110 teme ready-made.
Exista de asemenea si posibilitatea de achizitionare life-time la pretul de 249$ si contine toate cele de mai sus.
Oxygen Builder
Oxygen este un builder creat pentru developeri si in cele ce urmeaza o sa vedem si de ce.
Oxygen ofera un editor vizual ca oricare builder din aceasta lista, dar este organizat in 3 arii dupa cum urmeaza:
- Visual website builder
- Management pentru Woocommerce
- Performanta si SEO pentru website
Oxygen lucreaza putin diferit fata de celalalte buildere prin faptul ca se conecteaza cu WordPress ca un plugin si creaza un modul sandbox separat, inlocuind interfata WordPress si lasand ca designul sa se intample acolo.
Oxygen este in cursa suprematiei in ceea ce priveste builderele de WordPress de ceva timp deja. Editorul este sofisticat si vine cu o interfata fluida si intuitiva. Similar cu alte buildere primesti acces la o seletie foarte mare de designuri si template-uri de mare calitate.
Acest builder este bun si pentru cei care nu sunt programatori, dar este dedicat in mod special celor care lucreaza cu cod avand un suport fantastic de bun pentru PHP, JavaScript, CSS si desigur HTML. Din pacate si acest builder genereaza short-coduri, deci in absenta pluginului designul o sa dispara.
Caracteristici cheie
- Editor de tipul drag-and-drop
- Control al designului Woocommerce
- Posibilitatea de creare a unui Header customizabil
- Culori globale
- Capacitate extinsa de dezvoltare pentru developeri
- Date dinamice (Dynamic data)
Avantaje ale Oxygen:
- Interfata intuitiva
- Layout-uri complexe pot fi create destul de usor
- Foarte multe elemente de continut si template-uri pe care le poti utiliza
- Suport pentru PHP si JavaScript
- Pret foarte bun
Dezavantaje ale Oxygen:
- Este bazat pe shortcoduri
- Focusare pe developeri (necesita cunostinte de cod pentru a putea profita 100% de ceea ce poate oferii)
Pret:
Pretul pentru Oxygen Builder este de doar 99$ si primesti totul pe viata, inclusiv faptul ca-l poti folosii la un numar nelimitat de proiecte.
Exista de asemenea inca 2 pachete, cel pentru Woocommerce si cel pentru Gutenberg.
Pachetul Woocommerce are un cost de 149$ si cel pentru Gutenberg are un cost de 169$
Elementor Pro Builder
In cele din urma am ajuns si la favoritul meu (nu m-am putut abtine): Elementor Pro.
Dupa cum am zis si intr-o postare anterioara Elementor are si o varianta free, care vina la pachet cu 40 de widgeturi si 30 de template-uri gata facute pentru tine, dar odata ce ai incercat varianta Pro, ai dezlantuit tot ce are mai bun de oferit un builder.
Cu toate ca este un builder relativ nou, a acapart piata si are la activ peste 5 milioane de instalari.
Varianta Pro a lui Elementor iti pemite sa modifici absolut tot ceea ce poate oferii WordPress, de la pagini, la categorii de blog, pagini de woocommerce etc., toate facandu-se din partea frontala a website-ului si vazand in timp real cum o sa arate ceea ce-ti doresti sa faci.
Elementor pro iti ofera peste 50 de widgeturi pe care le poti folosii, toate fiind 100% customizabile si peste 300 de layouturi si template-uri din care poti alege. Un alt aspect important este ca pe market-uri precum Envato gasesti o intreaga librarie de kit-uri pentru Elementor de unde poti alege designuri pe care le consideri perfecte pentru website-ul tau cu preturi incepand chiar de la 10$.
Merita mentionat si faptul ca elementor iti permite sa iti salvezi si exporti toata munca pentru a o folosii la viitoare site-uri sau in acelasi website dar pe alte pagini.
Caracteristici cheie
- Peste 50 de widgeturi pe care le poti folosii in varianta Pro
- Peste 300 de template-uri care vin la pachet
- 10 kituri complete pentru un website la cheie
- Builder pentru tema si formulare
- Builder pentru popap-uri
- Builder pentru Woocommerce
- Functionalitate de Theme editor
Avantaje ale Elementor Pro:
- Varianta free vinde la pachet cu o sumedenie de elemente si caracteristici
- Poti creea layout-uri flexibile si precise
- Se misca rapid si-ti permite sa lucrezi la website-uri cu un aspect complex
- Iti ofera posibilitatea sa integrezi pachete de elemente noi de la provideri third-party
- Dezactivarea pluginului nu iti lasa short-coduri inserate nicaieri
- Iti ofera optiuni de animatie, form builder, pop-up builder
- Suporta multi-language si este 100% compatibil cu WPML
- Vine la pachet cu functionalitate de optimizare de cod
- Este 100% compatibil cu suita Crocoblock (impreuna fac magie)
Dezavantaje ale Elementor Pro:
Inca nu am gasit un dezavantaj major care sa merite sa fie scris aici, dar merita mentionat faptul ca la update-uri apar bug-uri care primesc un fix in maximum 2-5 zile. Update-urile sunt destul de dese, dar nu consider asta un dezavantaj, din contra, este mereu up to date.
Pret:
Elementor pro vine in mai multe pachete in functie de nevoile fiecaruia dupa cum urmeaza:
- O singura licenta 49$/an
- O singura licenta avansata 89$/an (primesti tot ceea ce contine cea de 49$ dar si alte beneficii, poti accesa pagina de preturi de aici si gasesti toata lista de optiuni)
- 199$/an pentru 25 de website-uri
- 499$/an pentru 100 de website-uri
- 999$/an pentru 1000 de website-uri
Ultimele 2 pachete contin si VIP suport si incluzand si pachetul la 199$/an primiti acces si in comunitatea lor de Experti unde iti poti prezenta brandul sau skillurile si poti atrage noi clienti.
Concluzie
Tragand linie dupa toate cele spuse va las pe voi sa decideti care este cea mai buna solutie pentru proiectele la care lucrati.
Personal am lucrat cu toate cele de mai sus si toate mi-au fost de ajutor, insa in ultimii ani am pus foarte mare accent pe Elementor Pro care mi-a permis sa lucrez cel mai liber de pana acum si care, din punctul meu de vedere, ofera cele mai multe beneficii raportate la pret. Poate 1000$/an suna mult, uneori si este mult, dar scopul unei agentii este acela de a oferii cele mai bune servicii clientilor pe care ii are si daca punem acest lucru in balanta cu pretul, totul suna mai bine.
Oricare ar fi decizia pe care o iei, nu uita ca trebuie sa iti faci munca si proiectele cat mai usoare si placute.
Multumim pentru lecturare!
Robert Predan – Co-fondator Pixelromanesc.ro
