Mi az az Elementor?
Az Elementor egy WordPress-bővítmény, amelynek legfőbb funkciója a vizuális oldalépítés. Egy olyan felhasználóbarát eszköz, amelynek köszönhetően még a teljesen kezdők is könnyedén hozhatnak létre látványos honlapokat, anélkül hogy programozói vagy grafikai tudással rendelkeznének.
A központi eleme az oldalépítő, de több kisebb, ám fontos funkciót is magában foglal, amelyek elengedhetetlenek egy jól működő weboldal felépítéséhez. Ahogy említettem, ez egy WordPress-hez készült kiegészítő, amelynek lényege, hogy a WordPress valódi “motorjává” váljon – emiatt alkalmazzák világszerte olyan sokan.
Mi szükséges egy weboldal felépítéséhez?
Önmagában nem lehet megítélni az Elementor egyes verzióit. Meglehetősen félrevezető, amikor kizárólag az ingyenes és a fizetős kiadást hasonlítják össze, hiszen az semmitmondó, ha nem vizsgáljuk meg, milyen egyéb eszközökkel együtt használjuk őket. Az első és legfontosabb kérdés: mi szükséges egy honlap elkészítéséhez?
- Domain név – például kreativwebdesigntanfolyam.hu
- Tárhely – egy folyamatosan működő szerver, ahol a weboldal adatai futnak
- WordPress – ingyenes rendszer, CMS, azaz content managment system, amely az oldal vázát adja
- Sablon – avagy „theme”, ami a globális beállításokért és az alapmegjelenésért felel
- Oldalépítő – amellyel vizuálisan, kattintásokkal építheted fel a honlapodat
- Bővítmények – extra funkciókat adnak a weboldaladhoz
A sablon és az oldalépítő kapcsolata különösen összetett: külön egységek, mégis szoros egymásra épülésben működnek. Így néz ki élőben egy ilyen oldalépítő eszköz működése.
Kell külön sablon az Elementorhoz?
A WordPress rendszerszinten igényel egy sablont. Korábban a dizájn jelentős része a sablonon múlt, de ez akkor változott meg, amikor a megjelenés beállításait már oldalépítőkkel kezdték megoldani.
Emiatt kicsit kacifántos a helyzet, hiszen van, aki csak sablonokra, más kifejezetten oldalépítőkre, megint más pedig mindkettőre specializálódik. Sőt, bizonyos oldalépítők annyira kiterjedt funkciókkal bírnak, hogy szinte teljes egészében helyettesíthetik a sablonok szerepét. Ez elsőre bonyolultnak tűnhet, de ahhoz, hogy megértsd, mi miért felel, nem árt tisztán látni.
Az Elementor maga tehát az oldalépítő, de óriási különbség van az ingyenes és a fizetős (Pro) kiadása között. Ez a lényeg:
- Az ingyenes Elementor NEM tartalmazza azokat a beállítási lehetőségeket, amelyeket jellemzően a sablonok szoktak biztosítani, ezért mindenképpen szükséges mellé egy önálló, jó minőségű sablon.
- Az Elementor Pro viszont minden olyan funkcióval bír, amit általában egy sablon végez, így elegendő hozzá egy „üres” sablont használni.
A WordPress megköveteli egy sablon bekapcsolását, ezért az Elementor fejlesztői kiadták a „Hello Elementor” nevű ingyenes sablont, amely tulajdonképpen üres és semmilyen extra funkciót nem ad hozzá. Így, ha Pro verziót használsz, ezzel a „Hello Elementor” sablonnal tökéletesen működik együtt.
Az ingyenes Elementor azonban nem rendelkezik mindazzal a funkcionalitással, ami egy teljes weboldal felépítéséhez kell, így mindenképpen sablont kell mellé társítani. A legjobb ingyenes alternatívák például:
- Astra
- GeneratePress
- OceanWP
Ezek között apró különbségek vannak, de mi általában az Astra-t szoktuk javasolni. Ha ingyenes Elementort használsz, logikus lépés egy ingyenes sablon társítása, mert ha már egyszer fizetnél valamiért, akkor célszerűbb az Elementor Pro-ra költeni, amely minden elképzelhető funkciót tartalmaz.
Így két opciód van, ha Elementorral szeretnél oldalt építeni:
- Ingyenes Elementor + Ingyenes Astra sablon
- Fizetős Elementor Pro + Ingyenes Hello Elementor sablon
Az Elementor design lehetőségeit nem lehet pár perc alatt megismerni, de az alábbi kis videó ízelítőt ad a webdesign alakíthatóságáról.
Ingyenes Elementor vs. Elementor PRO közötti különbségek
Elementor widgetek és elemek
Az oldalak különböző alkotóelemekből, úgymond „építőkockákból” épülnek fel. A webdesignerek azért tértek át erre a módszerre, mert rájöttek, hogy sok komponens újra és újra felbukkan, csak éppen más színekkel, formákkal és tartalommal.
Az alapvető egységek (például címsor, szöveg, kép, gomb, ikon, felsorolás stb.) a legtöbb esetben megtalálhatók a díjmentes kiadásban is. Ugyanakkor akadnak nehezebben megvalósítható, bonyolultabb widgetek is, amelyeknek a Pro verzióban bőséges tárháza van.
Az ingyenes variáns körülbelül 30 beépített elemet kínál, míg a Pro kiadás ezen felül további csoportokat is tartalmaz:
- Általános Pro widgetek, amelyeket bármilyen oldalon alkalmazhatsz
- Sablonfunkciókhoz használható theme widgetek
- WooCommerce widgetek, ha webáruházat tervezel
Természetesen nem mindig van szükség minden extra elemre, de ha komolyabb feladatot látnál el, vagy bolt létrehozásába fognál, a Pro megoldás nem kerülhető el. Az alapelemek készlete az elnevezésekből és az ikonokból kikövetkeztethető, az egyes elemek pontos beállításai, paraméterezhetősége egyrészt a dokumentációból, Elementor oktató videókból, másrészt a WordPress felületen áttekinthető.
Érdemes az Elementorral való ismerkedést úgy kezdeni, hogy minden egyes alap és PRO elemet felteszel egy oldalra, és megnézed, milyen beállításai vannak, hogyan néz ki, mire való.
Az oldalak felépítése azért olyan átlátható, mert az elemeket drag-and-drop módszerrel, azaz az egérrel az oldal megfelelő helyére húzva, illesztve, azonnal látjuk az adott tartalomblokk dizájnját.
Design elrendezés könyvtár
Nemcsak a kezdők, de még a rutinosabb sitebuilderek számára is nagy előny, ha rendelkezésre állnak előre elkészített elrendezések, melyeket egy kattintással importálhatsz, majd a saját képedre szabva módosíthatsz.
Az ingyenes Elementorban is találhatsz néhány előre megtervezett blokkot és komplett oldalsablont, bár lényegesen kevesebbet, mint a fizetős verzióban. Tehát az ingyenessel is megoldható, hogy látványos kinézetet alakíts ki, csak kicsit több befektetett idővel. A Pro kiadásban viszont jóval bőségesebb a választék, így még gyorsabban érhetsz el profi eredményeket az előre gyártott tartalomblokkokkal.
Theme Builder az Elementor PRO-ban
Az ingyenes Elementor elsődlegesen oldalépítőként működik, viszont a Pro kiadás lényegében egy komplett sablonfunkciót nyújt. Egy tipikus weboldalon számos rész tartozik a sablonhoz:
- Fejléc
- Lábléc
- Archív oldalak felépítése
- Kategóriaoldalak
- Címkeoldalak
- Szerzői nézetek
- Keresési eredmények
- 404 oldal
- Blogbejegyzések
- Webáruház elemek
- Termékoldal szerkezete
- Boltfelület
- Kosár
- Fizetési oldal
Az ingyenes verzióval ezeket a sablonon keresztül szabályozod, ám ha a Pro változattal dolgozol, akkor a „Theme Builder” modul segítségével önállóan szerkesztheted őket. Ha még nem vagy teljesen jártas a WordPress rejtelmeiben, ez elsőre idegenül hangozhat, de valójában nagy szabadságot jelent a honlap minden területének testreszabhatósága. Azaz kevesebb kötöttséged lesz a fenti elemek dizájnjának kialakításakor.
WooCommerce widgetek – Webáruház készítés
Már korábban is szó esett róla, de érdemes hangsúlyozni, hogy csak a fizetős Elementor Pro képes teljes körűen kezelni a WooCommerce funkcióit. Ha online boltot szándékozol létrehozni, gyakorlatilag kihagyhatatlan a Pro kiadás beszerzése.
Popup-ok, azaz felugró ablakok
A marketing szempontból nagyon hatékony popupok sok esetben idegesítik ugyan a felhasználókat, ám még mindig kiváló eredményeket hozhatnak. A legtöbb ingyenes oldalépítőhöz és sablonhoz külön bővítmény szükséges a felugró ablakok létrehozásához, de az Elementor Pro saját, kimondottan fejlett popup-készítőt kínál. Ezzel nemcsak a klasszikus felugró ablakok hozhatók létre, hanem beúszó panelek és szalagok is. Számos előre megalkotott designból választhatsz, továbbá egészen részletesen konfigurálhatod a megjelenési feltételeket is, például:
- Mennyi idő eltelte után látszódjon
- Mekkora görgetésnél bukkanjon elő
- Kilépési szándék észlelésekor ugorjon-e fel
- Milyen gyakran jelenjen meg
- Vagy éppen kattintást követően bukkanjon elő
Ráadásul az Elementor Pro integrálható a főbb e-mail marketing rendszerekkel (Mailchimp, ActiveCampaign, ConvertKit, stb.), ami kifejezetten hasznos, ha összetettebb kampányokat futtatsz.
Haladó űrlapkészítő
A felugró ablakok egyik fontos eleme gyakran egy beviteli mező (például e-mail feliratkozás), de a Pro verzió ezenfelül egy teljes körű űrlapmodult is tartalmaz. Nemcsak e-mail küldésre képes, hanem például:
- Többlépcsős űrlap létrehozása
- Hírlevél-feliratkozás beállítása
- Visszaigazoló üzenet továbbítása
- Honeypot a kéretlen robotok ellen
- Fájlfeltöltési lehetőség
- GDPR feltételek elfogadtatása
Míg az ingyenes változatnál mindezt több külön bővítménnyel tudod helyettesíteni, a Pro-nál nincs szükség extra kiegészítésekre.
Közösségi médiával kapcsolatos elemek
Bár a saját weboldal kulcsfontosságú, a social media felületek is lehetnek meghatározóak a vállalkozásod szempontjából. Több olyan funkció is akad, ami kizárólag a fizetős kiadásban érhető el:
- Megosztás gombok
- Beidézhető Twitter-részletek
- Facebook-posztok beágyazása
- Facebook-oldal integrálása
- Facebook-hozzászólások megjelenítése
A díjmentes Elementor esetében ezekhez gyakran manuális kódra vagy további bővítményekre van szükség.
Ügyfélszolgálat
Az Elementor köré egy aktív közösség szerveződött, számos videós csatorna és hivatalos Facebook-csoport is segít a felhasználóknak, ám a közvetlen, professzionális segítségnyújtás kizárólag a Pro előfizetők privilégiuma.
Egyéb funkciók
Eddig a leggyakrabban használt lehetőségeket néztük át, de vannak még olyan rejtett eszközök, amelyek ritkábban kerülnek előtérbe, viszont különleges esetekben nélkülözhetetlenek lehetnek. Ilyenek például:
- Globális widgetek
- Globális szintű egyedi CSS hozzáadása
- Fejlett animációs beállítások
- Egyedi fontok alkalmazása
- Tartalomjegyzék a bejegyzésekhez
Ha további érdekességekre vágysz, az Elementor hivatalos oldalán részletesebben átböngészheted a teljes listát.
Az Elementor árazása
Az árakra térve látható, hogy rengeteg pluszfunkcióval bír a Pro verzió, így sokaknak megéri az árát. A fizetős kiadás több előfizetési kategóriában érhető el, ebből három kifejezetten egyéni felhasználóknak szól:
- 59 dollár (kb. 24.000 Ft) – 1 weboldalon használhatod
- 99 dollár (kb. 40.000 Ft) – 3 weboldalon használhatod
- 199 dollár (kb. 80.000 Ft) – 25 weboldalon használhatod
Mindez éves díj, melynek megújításánál 20%-os kedvezmény jár. Ha nem hosszabbítasz, az oldal működőképes marad, de frissítések nélkül idővel hibák léphetnek fel, így érdemes megfontolni a folyamatos támogatást. Az Elementor oldalán tájékozódhatsz az aktuális Elementor PRO csomag árakról.
Mikor válaszd az ingyenes Elementort?
Még ha el is ismerjük a Pro előnyeit, vannak helyzetek, amikor a díjmentes változat tökéletes megoldás:
- Ha nagyon egyszerű, személyes blogot tervezel
- Ha egyetlen, minimális dizájnt igénylő bemutatkozó oldalt szeretnél
Mikor válaszd az Elementor PRO-t?
- Ha a blogodat komoly látogatottságúra növelnéd
- Ha vállalkozásod számára alakítanál ki weboldalt
- Ha online boltot indítanál
- Ha marketing szempontból is kihasználnád a platformot
- Ha szeretnél összetett értékesítési folyamatokat építeni
- Ha egyedi, látványos dizájnmegoldásokat tervezel
- Ha ügyfeleknek készítesz oldalakat
- Ha fontos a többfunkciós integráció
A PRO csomag nagy előnye, hogy nem kell állandóan sablonok és bővítmények váltogatásával bajlódnod. Egy domain + tárhely + Elementor PRO éves díja körülbelül 40 ezer forintot tesz ki, ami nem számít drágának egy ennyire professzionális eszközért.
Ha minden ügyfelednél ezt az eszközt használod, megspórolod az új sablonokra való rátanulás idejét is. Egy webdesignernek ez a legjobb hatékonyságnövelő technikája: egy profi eszközt mélységében megismerni és ha csak lehet, mindig azt használni. Mivel minden egyes tartalomblokk teljes mértékben testre szabható, nem kell amiatt aggódni, hogy sablonos lesz az összhatás, vagy hogy minden munkád ugyanolyan lesz. Nézd meg, milyen design lehetőségek vannak, ha Elementort használsz.
Ha bizonytalan vagy, először nyugodtan próbáld ki az ingyenes verziót, hogy lásd, mennyire illeszkedik az elképzeléseidhez, az adott honlap terveihez.
