WooCommerce + Elementor: Să construim lucruri interesante

Doriți să vă modificați și să vă proiectați site-ul WordPress fără a angaja un dezvoltator? Vești bune: este complet posibil cu pluginurile pentru generatorul de pagini WordPress.

Un plugin pentru crearea de pagini WordPress vine cu o interfață intuitivă de tip drag-and-drop pentru a crea pagini și site-uri web personalizate frumoase. Astfel, indiferent de setul dvs. de abilități sau de cunoștințele tehnice, pluginurile pentru generatorul de pagini fac ca proiectarea site-ului dvs. web ideal să fie o ușoară, fără a scrie o singură linie de cod.

Acum, dacă vă întrebați ce plugin pentru generatorul de pagini WordPress ar trebui să luați în considerare, sunteți în locul potrivit. În acest articol, vom trece în revistă una dintre cele mai populare opțiuni: Elementor, care este considerat standardul de aur. Elementor este al doilea cel mai instalat plugin WordPress cu 2 milioane de instalări active – folosit de aproximativ 15,9% dintre site-urile WordPress.

Vom începe cu o scurtă prezentare generală a Elementor și vom revizui în continuare interfața, funcțiile și prețurile pluginului pentru a vă ajuta să determinați dacă este alegerea potrivită pentru site-ul dvs. Sa mergem!

Elementor Plugin: O scurtă prezentare generală

Elementor este un plugin vizual pentru crearea de pagini WordPress cu drag-and-drop care vă permite să creați pagini web și postări unice în comparație cu șabloanele standard de pagină care vin cu temele dvs. WooCommerce sau WordPress.

Nu necesită codificare și vă permite să configurați cu ușurință setările și să organizați conținutul și elementele paginii dvs. cu instrumente de glisare și plasare.

Să începem cu revizuirea pluginului, uitându-ne la modul în care funcționează interfața Elementor.

Înțelegerea interfeței pluginului Elementor

În comparație cu multe alte plugin-uri pentru generarea de pagini, Elementor are una dintre cele mai simple și mai perfecte interfețe. Când lansați pentru prima dată pluginul, veți ajunge pe o pagină ca aceasta:

Zona gri cu puncte este zona de conținut. În afara acestei zone, va apărea tema obișnuită, în timp ce, în zona punctată, puteți adăuga widget-uri și vă puteți construi propriul design.

În partea stângă, veți vedea widget-uri, care acționează ca blocuri pe care le puteți pune împreună pentru a vă proiecta pagina. Sub aceste widget-uri, veți găsi setări generale pentru a vă previzualiza design-urile, pentru a anula modificările sau pentru a activa modul de răspuns, așa cum se arată în imagine.

Iată cât de simplu este să trageți și să plasați elementele dorite pe pagină:

Când plasați un element pe pagina dvs. - Elementor împarte elementele în două structuri de aspect, oferind două elemente structurale diferite, așa cum se arată mai jos.

Aceste elemente structurale includ:

• Secțiune: marcată cu culoarea albastră.
• Coloana: se află în interiorul secțiunii marcate cu negru. Puteți adăuga câte coloane este necesar în cadrul secțiunii.

Odată ce aruncați elementul, puteți personaliza cu ușurință aspectul acestuia ajustând lățimea și schimbând distanța și înălțimea coloanei.

Mai mult, puteți alege o structură de secțiune potrivită pentru cerințele dvs. specifice și puteți adăuga alte elemente, cum ar fi o imagine, un videoclip sau o pictogramă, în coloane.

De exemplu, am adăugat o imagine și am ales una din biblioteca implicită de imagini Elementor, așa cum se arată mai jos în imagine. Puteți modifica dimensiunea și alinierea imaginii, puteți adăuga o legendă și puteți conecta o adresă URL adecvată.

Pentru stilizarea suplimentară a elementelor, structurilor sau coloanelor - puteți utiliza filele Stil și Avansat din bara laterală. Pur și simplu faceți clic pe conținutul pe care doriți să-l stilați și faceți clic pe filele din bara laterală pentru a face modificări.

De asemenea, puteți naviga de la file la bara laterală de elemente făcând simplu clic pe pictograma pătrată afișată în colțul din dreapta al barei laterale.

Astfel, Elementor este destul de ușor de utilizat și cu opțiuni simple de glisare și plasare și de personalizare ușoare - vă puteți construi site-ul web de vis în cel mai scurt timp.

Acum, fără să ne luăm mult timp, să trecem direct la caracteristicile generatorului de pagini Elementor.

Funcțiile Elementor de top care îl fac un excelent generator de pagini pentru WooCommerce

Iată câteva beneficii excelente ale Elementor care îl fac unul dintre cei mai populari constructori de pagini dintre site-urile WordPress și WooCommerce.

1. Bibliotecă extinsă de șabloane prefabricate

Elementor oferă o gamă largă de șabloane. Faceți clic pe pictograma Adăugați șabloane de mai jos pentru a adăuga un șablon.

Alegeți dintre peste 300 de șabloane din biblioteca de șabloane Elementor și adăugați-le în pagina dvs. cu un singur clic.

De la lansarea Elementor 2.0, aceste șabloane vin în două formate:

• Blocuri: furnizați modele pentru anumite secțiuni în loc de o pagină întreagă. De exemplu, puteți adăuga o secțiune Despre companie sau o secțiune de contact predefinită la un aspect de pagină existent folosind blocuri.

• Pagini – Oferiți modele de pagină completă, pe care le puteți importa cu un singur clic și le puteți modifica după cum este necesar.

De asemenea, puteți salva unele dintre modelele dvs. ca blocuri și șabloane pentru a le reutiliza ulterior pe alte pagini sau site-uri web, ceea ce face foarte convenabil să păstrați un design de șablon comun pe site-ul dvs.

Îndepărtează, de asemenea, bătăile de cap de a construi un nou design de pagină de la zero de fiecare dată.

2. Controale de design receptiv și previzualizări mobile

Utilizarea dispozitivelor mobile crește în mod constant în fiecare lună și aproximativ 73,1% dintre designerii web cred că un design de pagină care nu răspunde este unul dintre cele mai mari motive din spatele abandonării site-ului.

Toate modelele și paginile pe care le creați pe Elementor sunt automat receptive și arată grozav pe dispozitivele mobile. În plus, puteți previzualiza rapid cum va arăta site-ul dvs. pe alte dispozitive fără a ieși din interfață.

Faceți clic pe butonul Mod receptiv din partea de jos a barei laterale și previzualizați versiunile site-ului dvs. pentru desktop, mobil și tabletă făcând clic pe butoanele evidențiate în imaginile de mai jos.

Vă permite să vă personalizați designul paginii în funcție de tipul de dispozitiv și vă permite să afișați sau să ascundeți anumite widget-uri pe anumite dispozitive. De exemplu, dacă versiunea desktop a site-ului dvs. web are o imagine eroică uriașă, puteți evita afișarea acelei imagini pe versiunea mobilă a site-ului dvs. Puteți selecta acea imagine sau orice secțiune pe care doriți să o ascundeți și să le ascundeți pe dispozitivele mobile folosind comenzile de design receptiv ale Elementor cu un singur clic de comutare.

Prin urmare, se asigură că site-ul dvs. este 100% receptiv - astfel încât arată grozav pe toate dispozitivele, inclusiv pe desktop-uri, tablete și dispozitive mobile.

3. Opțiuni de personalizare nelimitate

Personalizarea este nelimitată cu Elementor și nu există nicio legătură cu modul în care vă puteți proiecta site-ul web și elementele acestuia.

Meniurile Stil și Avansat din editorul Elementor oferă o mulțime de opțiuni de personalizare a stilului. Puteți stila conținutul în funcție de mai multe atribute, inclusiv culoarea, lățimea, dimensiunea, filtrele CSS și chenarul.

În același timp, meniul Avansat vă permite să gestionați aspectul, efectele de mișcare, fundalul, chenarul, atributele și alți factori, așa cum se arată mai jos.

4. Controale detaliate ale aspectului

Aprofundând în opțiunile de personalizare, Elementor vă oferă control detaliat asupra designului dvs. de aspect , astfel încât să nu trebuie să faceți compromisuri cu flexibilitatea de proiectare din cauza incapacității de a scrie cod personalizat.

Elementor simplifică poziționarea secțiunilor, widget-urilor și coloanelor exact unde doriți, cu multe opțiuni de control intuitive.

Folosind comenzile de aspect din meniul Avansat, puteți:

• Setați manual marja și umplutura pentru secțiuni, widget-uri și coloane.
• Alegeți lățimea secțiunii - implicită, lățime completă, în linie și personalizată.
• Ajustați poziția widgetului în coloană - implicit, fix și absolut.
• Reglați decalajul dintre coloane și creați un spațiu liber pentru un aspect curat.

Astfel, fără abilități de codare, puteți ajusta cu ușurință plasarea widget-urilor și personaliza coloanele și secțiunile după cum este necesar.

5. Istoricul complet al reviziilor progresului cu modificările anulate/refacerea

Una dintre cele mai bune caracteristici ale Elementor este că vă permite să previzualizați întregul istoric al tuturor modificărilor pe care le-ați făcut, înregistrând astfel fiecare acțiune din istoric.

În plus, puteți anula cu ușurință modificările și puteți reveni la versiunea anterioară ori de câte ori este necesar. De asemenea, ori de câte ori salvați un nou design, puteți reveni cu ușurință la o revizuire complet nouă, dacă este necesar.

6. Lasă în urmă un cod curat

Dacă doriți vreodată să dezactivați Elementor în viitor dintr-un motiv oarecare, nu trebuie să vă faceți griji că va lăsa în urmă o mulțime de coduri scurte precum Divi Builder.

Elementor lasă în urmă cod curat, asigurând performanță optimă și viteza paginii.

Mai multe caracteristici Elementor

Iată câteva caracteristici suplimentare ale pluginului Elementor page builder:

• Editor antet și subsol: puteți edita cu ușurință anteturile și subsolurile site-ului dvs. cu Elementor, fără abilități de codare.
• Editarea textului în linie: această caracteristică vă permite să editați textul în direct pe ecran, facilitând editarea conținutului text existent sau scrierea postărilor pe blog.
• RTL și gata de traducere: Elementor vine în 23 de limbi traduse și îl puteți traduce cu ușurință în limbi suplimentare datorită suportului complet pentru limbajul RTL.
• Widgeturi WooCommerce: furnizează widget -uri WooCommerce pre-construite, cum ar fi liste de prețuri și tabele de prețuri, pentru a face construirea site-urilor web de comerț electronic o ușoară.
• Integrari terțe: Elementor acceptă integrări terțe, inclusiv ActiveCampaign și MailChimp.
• Culorile globale și opțiunile de tipografie: Elementor vă permite să setați o tipografie și culori globale pentru a crea modele cuprinzătoare pe toate paginile. În plus, puteți alege din peste 800 de fonturi Google pentru designul site-ului dvs.
• Modul de întreținere: puteți utiliza șabloanele pentru modul de întreținere ale Elementor pentru a vă seta site-ul web în modul de întreținere.

Elementor Pro Review

În timp ce generatorul de pagini Elementor de bază este open-source și gratuit, puteți face upgrade la versiunea Elementor Pro – care oferă funcționalități utile suplimentare.

Iată o scurtă privire asupra unor caracteristici ale noului plugin Elementor Pro:

• Vă permite să construiți o temă întreagă WordPress.
• Are widget-uri mai interesante, inclusiv glisoare, butoane de partajare socială, formulare, cronometre cu numărătoare inversă și formulare de conectare.
• Oferă o mulțime de șabloane Elementor Pro premium de înaltă calitate.

Astfel, dacă doriți mai multe funcții, șabloane premium și widget-uri globale - puteți alege pluginul Elementor Pro, începând de la doar 49 USD.

Analiza prețurilor Elementor

Dacă doriți să construiți site-uri web simple și de bază, versiunea gratuită a pluginului ar trebui să fie suficientă pentru nevoile dvs., având în vedere că sunteți cel mai bogat generator de pagini fără costuri.

Cu toate acestea, pentru a crea site-uri web mai profesionale, Elementor oferă patru planuri premium cu funcții premium, cum ar fi suport VIP și Profil de expert Elementor.

Planul Esențial, Expert, Studio și Agenție al pluginului Elementor costă 49 ​​USD, 199 USD, 499 USD și 999 USD pe an. Astfel, Elementor este pentru toată lumea și indiferent dacă sunteți designer web, dezvoltator sau proprietar de agenție, Elementor oferă funcții pentru fiecare nevoie și cerere.

Concluzie: Verdictul final

După această revizuire cuprinzătoare, este sigur să spunem că Elementor oferă toate caracteristicile esențiale necesare pentru a construi un site web WordPress sau WooCommerce.

Vine cu o interfață ușoară, simplă, ușor de înțeles și neumflată, permițând designerilor de site-uri web fără experiență de codare să construiască site-uri web frumoase. Și cea mai bună parte este că vine cu planuri de prețuri pentru nevoile tuturor. În plus, dezvoltatorii Elementor continuă să lanseze și să lanseze noi funcții și îmbunătățiri.

După ce examinăm ușurința de utilizare a pluginului, caracteristicile generale, performanța, suportul, interfața și prețurile, plasăm Elementor în partea de sus a pluginurilor pentru crearea de pagini WordPress. Așadar, verificați și încercați pluginul Elementor pe cont propriu și alegeți planul potrivit cerințelor dvs. specifice de afaceri.