Comparatie Divi cu Elementor – buildere de site-uri WordPress partea 1/3

Cele mai populare buildere de site-uri WordPress 

Daca esti familiarizat cu WordPress, atunci cu siguranta stii si de existenta builderelor de site-uri WordPress. Ar trebui sa stii si de acesti doi giganti din domeniu. Divi si Elementor sunt cele mai populare buildere de site-uri WordPress din acest moment. Ambele au o istorie, ambele au diversitate, interfata prietenoasa, dar care crezi ca este cea mai buna ?

Ca si proprietar de site-uri, ar trebui sa alegi cea mai buna varianta si sa nu fi nevoit sa alegi cealalta varianta pentru ca lucrurile nu au fost pe placul tau. Cu ambele poti crea pagini web de la zero folosind functia de drag and drop (tragere a elementelor si aruncarea acestora unde vrei sa fie pozitionate). Ambele au optiuni de design pentru elementele editate si create. Ambele au sectiuni si coloane. Caracteristicile comune cresc la numar cu cat te adancesti mai mult in fiecare dintre aceste doua buildere de site-uri. La fel putem spune si despre caracteristicile care nu sunt comune.

Daca vrei sa citesti separat cate un articol despre fiecare, poti sa arunci un ochi la Elementor si la Divi. 

Interfata

Interfata este printre cele mai importante aspecte ale unui plugin cu care poti construi pagini web. Mai ales ca este si zona in care pierzi cel mai mult timp. Poti fie sa alegi ceva pe placul tau sau fie ceva ce nu e pe placul tau, dar cu care te vei obisnui in timp.

Divi

Odata instalat, acest plugin iti ofera posibilitatea crearii unei paginii cu Divi apasand un buton mov. Vei observa si logoul Divi rapid.

Daca apesi pe butonul Use Divi Builder, vei observa ca ai trei optiuni. Fie construiesti de la zero pagina, fie alegi un design predefinit sau clonezi o pagina existenta. Aceasta functie lipseste in Elementor. Ea exista doar sub forma de clonare sau  pozitionare a unei sectiuni sau unui template predefinit, dar nu iti apare direct, ci trebuie tu sa o alegi.

Adaugarea de elemente se face putin diferit in Divi fata de Elementor. Daca in Divi adaugam elementele apasand pe un buton cu plus pe el, in Elementor avem lista in stanga. In functie de culoarea butonului plus, putem adauga elemente, sectiuni sau randuri.

Meniul din editorul vizual Divi este unul intuitiv, dar de multe ori se suprapune peste alte elemente Divi din pagina si poti sa devii confuz. In acest meniu ai ca si optiuni urmatoarele:

• setarile builderului – aici configurezi optiuni cum ar fi animatii, vizionare si meniu;
• vizionare modificari in format desktop, mobil sau tableta;
• zoom;
• incarcare din librarie;
• salvare in librarie;
• setari pagina;
• istoricul de editare – iti va arata istoricul modificarilor din sesiunea curenta. Odata inchisa sesiunea (fereastra sau editorul) nu vei mai avea acces la istoric.;
• buton de cautare si ajutor;
• salvare si publicare.

Daca tii cursorul peste un element (hover) atunci va aparea si meniul elementului respectiv. De obicei aici ai optiuni generale cum ar fi: setarile elementului, salvarea sa in librarie, stergerea sa si repozitionarea sa.

Elementor

Interfata pluginului Elementor este diferit fata de Divi. Daca Divi are o interfata minimalista, Elementor se concentreaza pe accesibilitate. Acesta foloseste conceputul de blocuri. Fiecare pagina va avea sectiuni bine definite si clar delimitate. Daca  vrei sa editezi o pagina in Elementor foloseste butonul albastru cu textul Edit with Elementor.

Interfata Elementor cuprinde in stanga toata lista cu elemente si acestea sunt grupate dupa diverse categorii sau cine le-a creat. Tot in aceasta sectiune ai elementele globale daca exista si butoane pentru setarile paginii cum ar fi culori globale, fonturi. Aici gasesti si istoria modificarilor, insa sunt afisate mereu toate modificarile si nu ca la Divi care afiseaza doar pentru sesiunea curenta. In plus, mai ai butonul de previzualizare si de salvare sau publicare.

Poti oricand sa ascunzi aceasta bara laterala daca te deranjeaza. Daca vrei sa adaugi elemente, poti sa le tragi pur si simplu din bara laterala si apoi se deschid optiunile elementului tras. Pentru un element de tip Titlu (Heading) ai optiuni cum ar fi textul, link-ul, marimea, tagul HTML si alinierea. In plus mai ai si optiuni pentru stil  care definesc culorile si alte elemente de design. Daca observi ai trei taburi, de obicei, la fiecare element. Al treilea este cel avansat unde poti pune si cod CSS personalizat, poti seta pozitionari si animatii personalizate.

Butonul rosu cu plusul pe el iti ofera puterea de a adauga o sectiune. Poti alege cate coloane sa aibe. Butonul gri iti ofera prilejul de a te folosi de un template predefinit fie de tine, fie de la Elementor. 

Cu Elementor Pro poti crea sabloane care te ajuta sa ai articolele, antetul sau subsolul globale din punct de vedere al design-ului. In plus, ai si optiuni de afisare pentru antet si subsol. Acestea se numeste conditii si le gasesti pe sageata de langa butonul Publish (Update).

 Elementor este Navigatorul. Acesta te lasa sa vezi o ierarhie a elementelor de pe pagina ta. Putem compara Navigatorul cu modul Wireframe de la Divi. Totusi, acesta este un meniu de navigare care poate ramane lipit pe ecran indiferent de unde te duci. Tot din el poti rearanja rapid elementele, coloanele si sectiunile.

Si Elementor si Divi au optiuni speciale atunci cand apesi click dreapta pe un element. In mod normal, ar trebui sa apara optiunile implicite ale browserului. In cazul Elementor, sunt disponibile urmatoarele:

• Duplicate – pentru a clona un element;
• Copiere – pentru a copia un element;
• Paste – pentru a lipi un element copiat;
• Paste style – pentru a lipi stilul unui element schimband destinatia elementului;
• Reset style – pentru a reseta stilul;
• Save as global – salvarea unui element ca unul global;
• Navigator – evidentierea in Navigator a elementului;
• Delete – stergerea elementului.

 

Divi in comparatie cu Elementor – Sumar

Pretul la Divi incepe de la 89 de dolari, pe cand de la Elementor incepe de la 49 de dolari. Totusi trebuie sa stii urmatoarele:

• Divi are politica de returnare a banilor in maxim 30 de zile;
• Elementor are si o versiune gratuita;
• Preturile de inceput sunt pe an, iar la Divi poti folosi pe cate site-uri vrei tema si pluginul, pe cand la Elementor poti doar pe un site.

Caracteristici comune:

• Editor in timp real;
• Editor direct in linie;
• Suport pentru elemente terte;
• Sistem de importare si exportare;
• Foarte usor de folosit;
• Suport premium;
• Extensibilitate;

Caracteristici diferite:

• Elementor are doar frontend editor, Divi are si backend;
• Elementor are ca si audienta atat developeri, designeri, agentiile cat si utilizatorii simpli, Divi  este folosit de designeri, utilizatori si agentii;
• Elementor are peste 90 de elemente, pe cand Divi are peste 46;
• Elementor suporta implicit piesele WordPress, Divi cu greu suporta aceste piese;
• Elementor are un cod curat;
• Elementor are peste 300 de template-uri, sectiuni, blocuri predefinite, Divi are doar peste 140;
• Elementor este mai stabil decat Divi.

Ce ne-a placut cel mai mult la Elementor a fost puterea sa, superioritatea in managementul designului. La Divi ne-a placut interfata simpla, continutul care ramane chiar daca dezactivezi pluginul, editorul unic pentru clienti.