Skip to main content

Ce este Elementor ? 

Elementor este un page builder (constructor de pagini) pentru site-urile create prin platforma WordPress. Are cele mai multe optiuni si este cel mai usor de folosit dintre toate constructoarele de pagini. Am putea spune ca Elementor este mai mult decat un page builder. Este chiar un constructor de site. Acesta este gratuit, dar are si o extensie care ofera si mai multe functionalitati si care trebuie cumparata.

A fost creat in 2016 de un grup de profesionisti care considerau prea incet procesul de creare a unui site. De atunci, numarul de utilizatorilor a depasit  2 milioane incluzand marketeri, creatori de continut, oameni de afaceri si programatori sau dezvoltatori web.

Cu Elementor poti sa  creezi multiple coloane si randuri in care sa pui diverse elemente. Nu trebuie sa cunosti programare si nici sa te temi ca viteza site-ului tau va scadea.

Avantaje

  • Este unul dintre cele mai usoare constructoare de pagini de folosit de pe piata si din librariile gratuite. Este unic, intuitiv si are functia de tragere si aruncare. Are un meniu bazat pe click dreapta al mouse-ului, un navigator si o cautare de functionalitati disponibile.
  • Varianta gratuita vine cu foarte multe elemente printre care un constructor de formulare, un constructor de popup-uri, un constructor de tema. In plus poti crea si elemente globale cum ar fi antetul si subsolul.
  • Are editor de pagina incorporat direct in frontend (unde poti si previzualiza modificarile)
  • Poti personaliza site-ul extrem de mult
  • Exista librarie de elemente si template-uri gata facute
  • Are foarte multe optiuni pentru mobil

Dezavantaje

  • Suportul nu ofera ajutor in ceea ce priveste solutii personalizate
  • Unele extensii ale programatorilor terti produc probleme

Cele mai importante caracteristici

Constructorul aflat in frontend

Trebuie sa intelegi ca Elementor este un constructor de pagini aflat in partea din fata a site-ului si nu in panoul de control WordPress. Prin urmare, poti sa vezi direct modificarile pe care le faci, altfel ar trebui sa ai deschise doua taburi. In cazul Elementor, nu trebuie sa salvezi modificarea pentru a vedea in timp real ce se intampla. Acest lucru nu este valabil si pentru constructoarele din backend. Acest plugin te ajuta sa castigi foarte mult timp in dezvoltarea site-ului tau.

In partea stanga a ecranului, ai lista cu elemente si optiuni pe care poti sa le faci. De la titluri, text, imagini, butoane, spatii, sectiuni pana la optiuni pentru fiecare element, toate sunt disponibile in stanga. Pentru a pune un element in dreapta, trebuie doar sa tragi cu mouse-ul elementul respectiv si sa il arunci, dupa care editezi optiunile. La optiuni ai disponibile setari pentru link, aliniere, iconite, culori, font, fundal, pozitionare. In functie de elementul pe care il editezi, optiunile difera. Daca vrei sa faci ceva mai impresionant, ai si sectiunea Avansat unde ai animatii, margini, spatii si o casuta unde poti scrie cod CSS personalizat.

Blocuri si teme

Poti sa salvezi si mai mult timp cu temele predefinite si existente in libraria Elementor. Daca ai versiunea Pro, ai mai multe teme. Poti sa creezi design-ul unei anumite pagini cu doar cateva click-uri. De exemplu, daca vrei pagina de contact, alege un design creat special pentru pagina respectiva. Foloseste butonul Insert pentru a adauga. Temele sunt editabile, la fel ca si cum le-ai fi facut tu.

 

Blocurile sunt sectiuni predefinite. Mai multe sectiuni pot alcatui o pagina. Dar daca tu vrei sa salvezi o sectiune dintr-o parte si alta din alta parte atunci vei folosi blocuri. Exista blocuri gata facute pentru sectiuni cum ar fi: testimoniale, liste, butoane, despre, portofoliu si asa mai departe.

Pentru a adauga un bloc, trebuie sa apesi pe iconita care arata ca un folder si se afla pe Live Editorul Elementor. Acolo alege blocks si cauta categoria si blocul dorit.

Odata ce ai terminat de aranjat pagina ta, foloseste butonul verde pentru a salva si publica. Poti sa salvezi pagina ca si un template daca langa butonul verde apesi pe sageata si alegi Save as Template. In acest caz, poti refolosi usor pagina in alta parte.

Prietenos cu dispozitivele mobile

Cum tot mai multi utilizatori folosesc dispozitive mobile pentru a accesa Internetul, trebuie sa ai un site pe masura.

Ai setari pentru calculator, tableta si telefon separate in Elementor. Fiecare element poate fi modificat diferit in functie de acesti trei parametri.

Tine minte ca modificarile facute in modul tableta nu schimba modificarile din modul calculator si asa mai departe.

Editarea textului direct in frontend

Pe langa  ca poti edita textul in partea stanga, poti edita si direct in partea dreapta. Ai caracteristici cum ar fi stergere, ingrosare, inclinare si subliniere. In plus poti chiar sa scrii textul dorit. Poti sa modifici si culoarea si marimea, dar si fontul pentru text.

Compatibil cu orice tema WordPress

Elementor este flexibil si prin urmare functioneaza cu orice tema WordPress, dar exista patru teme WordPress cu care functioneaza perfect. Acestea sunt:

Toate aceste teme sunt gratuite, dar unele au si variante cu plata. Astra, de exemplu, are un numar mare de extensii in versiunea platita.

Alte caracteristici pe scurt

  • Popup builder
  • WooCommerce Builder
  • Navigator de randuri si coloane
  • Cautator de functii
  • Functia Redo si Undo prin tasta CTRL
  • Hotkey-uri
  • Istoria reviziilor
  • Modul Ciorna
  • Functia Copy Paste a elementelor, sectiunile si coloanelor
  • Tipografie si culori globale si personalizabile
  • Video ca si fundal
  • Fundal Overlay si gradient
  • Filtre CSS
  • Umbre
  • Librarie de iconite
  • Animatii
  • Iconite SVG
  • Fonturi Google
  • Marimi disponibile : px, em, rem
  • integrare TypeKit
  • Antet lipicios
  • Pagina 404 personalizabila
  • Pagina de cautari personalizabila
  • Pagina de articol personalizabila
  • Integrare cu campuri personalizate
  • Formulare de inscriere, autentificare, contact
  • Integrari cu MailChimp, ActiveCampaign, ConvertKit, Zapier, HubSpot, Discord, Campaign Monitor, GetResponse, Facebook SDK, Font Awesome 5, Slack, ReCaptcha V3, Drip, MailerLite
  • Preluare continut din Facebook
  • Integrare SoundCloud si Google Maps
  • Mod de mentenanta

Preturile pentru Elementor Pro 

Asa cum am scris in articolul precedent despre Elementor, acum este momentul sa scriem despre varianta sa platita si numita Elementor Pro. In acest moment, exista trei pachete prin care poti achizitiona Pro. Fiecare pachet are aceleasi caracteristici, singurul lucru diferit fiind numarul de site-uri pe care poti instala Elementor Pro.

Primul pachet este numit Personal si poate fi folosit doar pe un site. Pe langa caracteristicile enumerate in primul articol despre Elementor, acesta vine cu suport si actualizari pentru un an la pretul de 49 de dolari. Pachetul al doilea este disponibil tot pentru un an, dar Pro se poate instala pe trei site-uri si costa 99 de dolari. Ultima varianta, si anume Expert se poate instala pe o mie de site-uri.

Daca vrei sa faci ceva cu adevarat special pentru unicul tau site atunci suma de 49 de dolari nu ar trebui sa fie prea mare. Daca esti un specialist, atunci cu siguranta vei opta pentru ultimul pachet. Trebuie sa stii ca indiferent de pachetul ales, daca expira anul platit vei pierde accesul la actualizari, suport si blocurile si temele pro. Nu vei pierde site-ul si poti inca folosi elementele pro cum ar fi constructorul de teme, functiile popup.

Cele mai bune 7 caracteristici ale lui Elementor Pro

Cu varianta gratuita poti linistit sa creezi un site decent, dar daca vrei ceva mai interesant atunci ai nevoie de varianta platita. Iata 6 motive pentru care ar trebui sa cumperi varianta Pro.

  1. Puterea de a personaliza orice parte a temei tale – cu majoritatea constructoarelor de pagini esti limitat in a personaliza anumite parti din tema. De obicei, partile needitabile sau foarte putin editabile sunt antetul si subsolul. Nici paginile de arhiva sau cautare nu pot fi editate. La fel si pagina de eroare clasica 404, la care ai nevoie de un plugin separat. Cu Elementor Pro poti sa modifici toate acestea rapid si pe langa poti edita si pagina de articole.
  2. Elemente in plus – cu Pro ai o groaza de noi elemente la dispozitie: formulare, tabele de preturi, liste de preturi, contoare, elemente specifice Woocommerce, recenzii, butoane de distribuire, carusele si altele.
  3. Acces la teme si blocuri pro – daca vrei sa pui teme si blocuri pro gata facute atunci poti folosi libraria disponibila si Pro.
  4. Modificarea rolului de acces – poti schimba rolul de acces la Elementor. Poate vrei doar Administratorii si Editorii sa acceseze acest plugin si nu Autorii.
  5. Acces la actualizari si suport 24/7 – echipa din spatele acestui constructor ofera actualizari si solutii la problemele aparute atat prin sistem de tichet, dar si prin noi versiuni Pro.
  6. Integrari – poti integra mai usor cu platforme si unelte cum ar fi MailChimp, Zapier, HubSpot, ConvertKit, GetResponse, Discord si multe altele.
  7. Instalezi un plugin complet – nu mai ai nevoie de pluginuri pentru popup, pentru formulare de contact, pentru afisarea celor mai recente postari, pentru editarea paginii implicite 404 si asa mai departe. Elementor le face pe toate acestea si chiar mai mult decat atata.

Ce ne place la Elementor 

Modul cum poti crea un site s-a schimbat drastic cu Elementor. Odata ce l-ai instalat poti crea pagini si articole noi avand elemente interactive. Totul fara sa ai nevoie de cunostinte tehnice. Editorul este prietenos si usor de folosit, iar builderul are functia de tragere si aruncare (drag and drop). Centrul de ajutor este disponibil cu documente, tutoriale si liste de intrebari si raspunsuri. Toate aceste resurse sunt gratuite.

In plus poti sa te alaturi comunitatii Facebook si GitHub pentru intrebari, raspunsuri si trucuri noi.

Cu acest plugin, nu ai nevoie sa stii PHP, CSS, JS sau HTML. Poti sa le folosesti si pe acestea in combinatie cu Elementor, dar poti crea un site superb si fara ele. Poti fi o persoana atehnica si sa iti administrezi singur site-ul si foarte usor. Ai posibilitatea de a crea pagina web folosind fie setarile temei, fie o pagina alba Canvas, fie o pagina de latime maxima. Ultima varianta este exact pagina alba pe care o vezi la pictori. Practic ai propria ta plansa si tu pictezi site-ul cum vrei, fara constrangeri de la tema sau de la altceva.

Cele mai mari avantaje ale lui Elementor sunt editarea directa si previzualizarea in timp real. Elementor este printre putinele constructoare de site-uri aflate in frontend si nu in panoul WordPress. Un alt constructor similar ar mai fi si Divi care are insa si partea din spate si cea din fata. In cazul in care ai intampinat o problema, ai la dispozitie si istoricul de revizii care iti salveaza exact versiunea de pagina web asa cum era ea in fiecare revizie. Ai la dispozitie numele persoanei care a editat dar si data si ora.

Ce nu ne place la Elementor

O parte negativa este filtrarea inexistenta la template-uri si blocuri. Nu poti filtra sa fie afisate doar cele Pro sau doar cele gratuite. O alta problema la Elementor ar putea fi incompatibilitatea cu anumite servere sau setari. In functie de versiunea de Elementor pe care o ai, serverul poate avea probleme sau setari incorecte si invechite. De obicei, aceste setari sunt cele pentru PHP.

Cum sa incepi cu Elementor

Odata instalat si activat, Elementor se comporta ca un editor de pagina/ articol. Similar cu cele deja existente  in WordPress. Practic, trebuie sa mergi pe pagina pe care vrei sa o editezi. Apasa butonul albastru ” Edit with Elementor”.

Acum ai sa vezi interfata Elementor.

  1. Pagina in site – aici vei pune blockuri, elemente si template-uri impreuna cu sectiuni si coloane;
  2. Elementele cu continut se afla in stanga ecranului;
  3. Setarile globale cum ar fi culori, fonturi, revizii sunt disponibile aici;
  4. Te folosesti de acest buton pentru a reveni la elementele disponibile;
  5. Iesi din Elementor;
  6. Schimbi modul de previzualiare intre desktop, tableta si mobil;
  7. Accesezi templateurile disponibile.

Tine cont de ierarhia pe care Elementor o foloseste, altfel nu poti construi si intelege o pagina web cu el. Iata ce usor poti pune un element sau crea o sectiune

La cat este de usor de folosit acest plugin, cu siguranta nu ai nevoie de prea mult ajutor, dar in caz contrar suntem aici la Contact si nu ezita.

Leave a Reply

Suna
Whatsapp