Az Elementort a saját WordPress-munkafolyamatomhoz jó választásnak tartom a vizuális szerkesztés, az újrahasználható elemek és a reszponzív beállítások miatt. Nincs viszont minden weboldalhoz egyetlen legjobb oldalépítő. A szükséges funkciókat, a szerkesztők tudását, a licencet, a karbantartást és a tényleges teljesítményt együtt érdemes vizsgálni. A cikk személyes szempontokat mutat, nem minden mai verzióra kiterjedő összehasonlító tesztet.
Az Elementor előnyei mellett megmutatom a választás korlátait is. A régi képernyőképek és összehasonlítások történeti példák; a vásárlás előtt a mai funkciólistát ellenőrizd.
De először is tisztázzunk két alapvető fogalmat!
Tájékoztatás: A cikkben elhelyezett linkek bizonyos esetekben affiliate linkek, ami azt jelenti, hogy ha az itt szereplő linken keresztül nyitod meg a termék weboldalát, és onnan megvásárolod, akkor azért én valamennyi jutalékot kapok. Ezzel neked egy fillérrel sem kerül többe a termék. Ha tetszik valamelyik termék, és szívesen támogatod a munkámat, akkor az adott weboldalt az itteni affiliate linkekről megnyitva vásárold meg a terméket. Ha nem értesz egyet ezzel az üzletpolitikával, akkor csak Google-zz rá az adott termékre, és vásárold meg onnan 🙂 No, de most már tényleg jöjjenek azok a fogalmak!
Mi az a weboldal építő (page builder)?
A page builder, vagyis oldalépítő vizuális elemekből segít összeállítani a weboldalt. Sok feladat megoldható kódírás nélkül, de az egyedi működéshez vagy hibajavításhoz fejlesztői tudás is kellhet. A téma, az oldalsablon és az oldalépítő külön fogalom; erről a weboldalsablonokról szóló cikkben olvashatsz.
Ezek a bővítmények megkönnyítik az oldalak tervezését és szerkesztését azáltal, hogy egyszerűen húzható és dobható (drag & drop) modulokat (widgeteket) kínálnak, amelyekből összeállíthatjuk az oldalak különböző részeit.
A szerkesztői előnézet segít követni a változtatásokat. A publikálás előtt azonban a tényleges oldalt is ellenőrizd: a gyorsítótár, a jogosultságok és a külső szolgáltatások miatt az előnézet és az éles működés eltérhet.
Ezen tulajdonságaiknak köszönhetően óriási segítséget nyújtanak landing oldal (landing page) készítés során is.
Kiegészítés
A landingoldal egy konkrét következő lépésre, például ajánlatkérésre vagy feliratkozásra épül. A fókuszált tartalom segítheti a döntést, de a hatékonyságot az ajánlat és a forgalom is befolyásolja; a magasabb konverzió nem automatikus.
A page builderek számos előnnyel járnak, és a WordPress gyakori használatával egyre inkább elterjedtek.
Mi az Elementor?
Az Elementor WordPresshez használható vizuális oldalépítő. A kezelhetősége nekem bevált; ez személyes szakmai preferencia, nem független „legjobb oldalépítő” minősítés.
A következő részekben azokat a tulajdonságokat veszem sorra, amelyek miatt szívesen dolgozom vele. Más feladathoz más eszköz is lehet megfelelő.
Elementor Pro
Az ingyenes változat egyszerűbb feladatokra is használható. A cikk több fizetős funkciót is tárgyal, de a Pro-csomagok tartalma sem azonos: az aktuális csomaglistában nézd meg például az űrlap, a Popup Builder, az egyedi CSS és a dinamikus tartalom hozzáférését.
Miért egy nagyon jó page builder WordPress bővítmény az Elementor?
Könnyen kezelhető kezelőfelület
A vizuális felület megkönnyítheti a tartalomszerkesztést. Az alapfogalmakat és a használt elemek működését ettől még meg kell tanulni.
A megjelenés, a widgetek és a webhelyszintű beállítások sok részletét alakíthatod. A konkrét vezérlők a szerkesztő verziójától és a csomagtól is függenek.
Egy szöveg- vagy képcsere gyakran elvégezhető a szerkesztőben. Összetett elrendezés, űrlapintegráció vagy működési hiba már kérhet fejlesztői segítséget; a „mindent szakember nélkül” ígéret túlzás lenne.
Előre elkészített és saját készítésű sablonok
Az Elementor page builder számos testreszabható, előre elkészített sablonnal rendelkezik, amelyekkel gyorsabban tudsz létrehozni látványos oldalakat. Ezek kiváló segítséget nyújtanak neked egy-egy villám kampány esetén.
Az előre elkészített sablonok természetesen ugyanúgy testreszabhatóak. Ezáltal megmaradhatsz az egyedi megjelenésnél úgy, hogy közben gyorsabb tudsz lenni.
Az elérhető sablonok között oldalak és újrahasználható részek is lehetnek. A fejléc, a lábléc és más webhelyszintű sablon szerkeszthetőségét az adott témával és licenccel együtt ellenőrizd.
Saját sablonokat is használhatsz újra. Fontos különbség, hogy egy elem kapcsolt sablonként jelenik meg, vagy egyszerű másolatként kerül az oldalra. Egy későbbi központi módosítás csak akkor frissül mindenhol, ha a kapcsolat valóban megmaradt.
Testre szabható widgetek
A widgetek előre elkészített oldalelemek. A darabszám verziótól, csomagtól és kiegészítőktől függ; a régi 60+, 86 vagy más szám nem mai, egységes termékleltár.
Ilyen elem lehet a címsor, a kép, a gomb, a galéria vagy egy harmonikába rendezett kérdés-válasz. A választásnál azt nézd, megoldható-e a saját feladatod, és mit kapsz az adott csomagban. Az alábbi képernyőkép egy korábbi kínálatot mutat.
Egy új widget önmagában nem tesz jobbá egy honlapot. Az elemek szükségességét, használhatóságát és karbantartását is mérlegeld.
Reszponzív design
Az Elementor reszponzív szerkesztése több képernyőszélességhez ad beállításokat. Ettől még nem lesz minden oldal automatikusan jól használható: a saját tartalmat, a menüt és az űrlapokat mobilon is tesztelni kell.
Integrációk hada
Az integrációk összekapcsolhatják az oldalt külső szolgáltatásokkal. A hozzáférés, a mezőtérkép, a hozzájárulások és a tényleges eseményfogadás külön beállítási és ellenőrzési feladat.
Példa lehet egy térkép, a reCAPTCHA, a MailerLite vagy egy Stripe-fizetési elem. Ne kezeld őket minden csomagban és minden űrlaptípusnál azonosan elérhető funkcióként; az aktuális dokumentáció az irányadó.
A kész kapcsolat csökkentheti a fejlesztési munkát, de a beküldés sikerét, a címzettet és a külső rendszerbe érkezést is tesztelni kell. Az API-kulcs beírása önmagában nem bizonyít kész integrációt.
SEO-beállítások és feltérképezhetőség
Elementorral is készíthető kereshető weboldal, de a bejárhatóságot, az indexelhetőséget, a belső linkeket, a tartalmat és a metaadatokat külön kell rendezni. Az oldalépítő kiválasztása nem helyezési garancia.
(De erről csak ilyen kis röviden, mert azért tudd, hogy az igazi eredményekhez ennél jóval több munkát kell belerakni a keresőoptimalizálásba. De persze, ezek a funkciók is kellenek. De ez még csak az alap.)
Nagy teljesítmény, jó sebesség
A weboldal sebességét a kész megvalósításon mérd. A választott elemek, képek, külső kódok és a tárhely is számítanak. Egy gyártói fejlesztési ígéretből vagy egyetlen laborpontszámból nem következik, hogy minden látogató kivárja a betöltést.
Élő előnézet
Az Elementor honlap építő lehetővé teszi, hogy élő előnézetet kapj az oldaladról, amikor módosításokat hajtasz végre. Ez nagyon hasznos funkció, mert így azonnal láthatod, hogyan néz ki az oldalad az eszközölt változtatásokkal, ezáltal gyorsan és hatékonyan tudod szerkeszteni weboldaladat.
A saját szerkesztési feladatoddal próbáld ki az előnézetet. A gyors szerkesztő és a gyorsan betöltődő nyilvános oldal két külön szempont.
Részletes dokumentáció és támogatás
Az Elementor részletes dokumentációval és támogatással rendelkezik , amelynek köszönhetően gyorsan rá tudsz akadni egy-egy kérdéses rész megoldására.
Az Elementor weboldalán találhatók útmutatók, videók és egy GYIK rész is.
A támogatás módját, terjedelmét és elérhetőségét a megvásárolt csomag alapján ellenőrizd. Nem minden egyedi fejlesztési vagy harmadik féllel kapcsolatos kérdés tartozik automatikusan a gyártói támogatásba.
Folyamatos frissítések és fejlesztések
A frissítések új funkciót és hibajavítást hozhatnak, de kompatibilitási változást is okozhatnak. Mentés és a fontos működések ellenőrzése nélkül ne kezeld őket automatikus javulásként.
A teljesítmény és a funkciók alakulását a saját oldalon kell követni. Egy frissített verzió nem bizonyít önmagában jobb konverziót vagy hibamentes megjelenést.
Az Elementor fejlesztői rendszeresen frissítik a szoftvert és figyelnek az ügyfél visszajelzésekre is.
Hogyan érdemes más oldalépítőkkel összehasonlítani?
A népszerűség nem azonos a minőséggel. Az alábbi Google Trends-ábrák a korábbi kutatás pillanatfelvételei; a Trends adatai viszonylagos keresési érdeklődést mutatnak, nem telepítésszámot, piaci részesedést vagy minden feladatra szóló győztest.
Az akkori ábrák eltérő keresőkifejezésekből készültek. Összehasonlításnál az időszakot, az országot, a keresés típusát és a kifejezések többértelműségét is rögzíteni kell.
Fun fact
A régi kutatásnál ezért egészítettem ki egyes neveket a „wordpress” szóval. Az Oxygen vagy az Avada önmagában más témához is kapcsolódhat; az ilyen találatok félrevezethetik az összehasonlítást.
Na de az Avadánál volt 2023. február közepén egy gigantikus kiugrás, amit először nagyon nem értettem:
Akkor a Hogwarts Legacy körüli érdeklődéssel és az „avada kedavra” keresésekkel hoztam összefüggésbe a kiugrást. Ez a korabeli értelmezésem volt, nem igazolt oksági elemzés vagy az Avada oldalépítő népszerűségének mérése.
Noh, hát ezért nem mindegy, hogy hogyan is végez ember kutatást 😀
Az alábbi rövid összevetés a korábbi tapasztalataimat és a választási szempontokat rendezi. A gyártók mai verzióihoz és a saját feladatodhoz külön ellenőrzés szükséges.
WPBakery
A WPBakery használatánál nekem korábban nehezebb volt átállni a szerkesztő gondolkodására, mint Elementor esetében. Ez személyes tapasztalat; a régi 50+ és 60+ widgetszám nem alkalmas mai győztes kihirdetésére. A saját feladatoddal próbáld ki, és a szükséges funkciók alapján dönts.
Beaver Builder
A Beaver Builder esetében a konkrét csomagot és a szükséges modulokat nézd. A cikk korábbi 33-as számából nem vezethető le általános szabadságkorlát. A gyártó demója kipróbálási lehetőség lehet; ellenőrizd, hogy melyik változatot mutatja.
Avada
Az Avada kapcsán a korábbi szerkesztési tapasztalatomat érdemes elkülöníteni a mai kínálattól. A gyártó jelenleg élő vizuális szerkesztőt is bemutat; a régi Trends-ábrákból nem állítható fel aktuális piacvezetői sorrend.
Oxygen
Az Oxygen teljesítményét sem lehet minden más oldalépítő elé sorolni egy régi tesztből. Összehasonlítható tartalomra, funkciókra, tárhelyre és mérési beállításokra lenne szükség; ilyen friss, teljes körű saját mérést ez a cikk nem tartalmaz.
Az Oxygenhez kapcsolódó korábbi tapasztalatom szerint a fejlesztői szemlélet segít a használatában. Hogy neked melyik felület tanulható könnyebben, azt egy valós szerkesztési feladattal érdemes kipróbálnod.
A fejlesztési szabadságot konkrét feladaton hasonlítsd össze: milyen kódhoz, dinamikus tartalomhoz és integrációhoz férsz hozzá az adott verzióban?
Egy időben igencsak kacérkodtam a gondolattal, hogy egy az egyben áttérek Oxygénre, de végül is a következő okok miatt maradtam (még?) az Elementornál:
- Az ügyfeleim későbbi szerkesztési igénye is szempont volt: a szöveg- és képcserét olyan felületen szeretném átadni, amelyet meg tudnak tanulni.
- Az átadhatóság is számított. Előre érdemes tisztázni, más szakember milyen hozzáféréssel és dokumentációval tudná továbbvinni a honlapot.
- A dokumentációt és a kiegészítőket is néztem. Ezek hasznossága fontosabb annál, mint hogy melyik márkanévre ad több keresési találatot egy bővítménytár.
- A sebesség kérdésében a tényleges, kész oldal mérését tartom irányadónak. Ebből a korábbi eszközválasztásból nem következik mai Elementor–Oxygen sebességi sorrend.
- És bevallom őszintén, azért az is benne volt a pakliban, hogy eleinte biztosan lassabban menne a weboldalkészítés, hiszen meg kell tanuljak egy új felületet 😅
Oxygennél például ezeket a feltételeket vizsgáld:
- ki fogja szerkeszteni és karbantartani az oldalt, és milyen tudása van;
- a szükséges tartalom és integráció kialakítható-e az adott csomaggal;
- a kész oldal a megfelelő körülmények között elfogadhatóan működik-e.
Ha a kivitelező és a későbbi szerkesztő ismeri a választott eszközt, az jó alap. Az Elementor mellett szóló személyes érveim nem bizonyítják, hogy más megoldás ugyanarra a feladatra alkalmatlan.
Divi
Végül de egyáltalán nem utolsó sorban a jó öreg Divi…
A Divi is szóba jöhet WordPress-oldalakhoz. A korábbi Google Trends-görbék keresési érdeklődést jeleztek; nem bizonyítják, melyik eszköz mikor lett piacvezető a telepítések alapján.
A Divi és az Elementor szerkesztői sebességéről korábban saját benyomást írtam, nem összehasonlítható tesztet. Ezt nem terjesztem ki a mai verziókra.
Egy régi sebességteszt nem dönt el minden mai Divi–Elementor összehasonlítást. Azonos feladat és mérési körülmények nélkül nem jelölök általános győztest.
A korábbi 44-es modulszám helyett a mai funkciólistában nézd meg, mire van szükséged. Ugyanaz a feladat eltérő számú modullal is megoldható.
Korábban Divivel is dolgoztam, ezért több különbséget saját munkából ismerek. A mai használhatóság megítéléséhez azonban az aktuális verziót is próbáld ki.
Új oldalnál a konkrét feladatra választanék eszközt. Egy működő meglévő Divi-oldalt nem indokolt csak a márkanév miatt átépíteni.
Átadás előtt azt is nézd meg, hogy a tulajdonos a saját tartalmát valóban tudja-e szerkeszteni a választott felületen.
DE!
És akkor jöjjön a Divi nagy előnye az Elementorral szemben 🙂
Az Elegant Themes lifetime kínálata eltérhet az éves vagy kiegészítő szolgáltatási csomagoktól. Az Elementor csomagjai pedig különböző számú webhelyre szólhatnak. A régi 2,8-szoros szorzó helyett a mai teljes költséget, a megújítást és a szükséges funkciókat hasonlítsd össze.
Mely Elementor-funkciókat tartom különösen hasznosnak?
A következőkben néhány olyan funkcióra fogok kitérni, amelyeket kifejezetten és különösen imádok az Elementorban, és amelyek borzasztóan hiányoznának sok másik page builderben.
Globális beállítások
A központi stílusok segítenek következetesen kezelni a megjelenést.
Ez a funkció arról szól, hogy beállíthatsz előre definiált színeket és betűstílusokat. Egy-egy betűstílusnál meghatározhatod a betűtípust, betűméretet, betűvastagságot, hogy esetleg nagybetűs legyen-e, esetleg dőlt legyen-e, legyen-e betűtávolság benne, illetőleg a sorközt is. (Azt is meghatározhatod, hogy alá legyen-e húzva vagy áthúzva, vagy felső díszítő vonala legyen-e, illetve a szótávolságot is megadhatod. De ezeket sose alkalmaztam még ilyen előre definiált betűstílusoknál.)
Az előre meghatározott színek és betűstílusok elnevezése segítheti a választást. Annyi külön stílust használj, amennyire a saját arculatnak szüksége van.
A kapcsolt globális stílus módosítása több helyen is érvényesülhet. A kézzel felülírt vagy más forrásból kapott stílusokat ettől még külön ellenőrizni kell.
Elemenkénti CSS kód
Az egyedi CSS helyét és elérhetőségét a használt Elementor-verzió és csomag szerint ellenőrizd. Elemhez rendelve könnyebben követhető lehet, közös szabálynál pedig központi hely célszerű. Más oldalépítők CSS-lehetőségeit ne egy régi verzió alapján zárd ki.
Kész komplex widgetek
Egy összetett widget kiválthat több kézzel összeállított elemet vagy egy kiegészítőt. Ez akkor előny, ha a szükséges működést jól adja, és később is karbantartható. A nagyobb választék nem automatikusan jobb oldal.
Különösen reszponzív design
Noha fentebb már beszéltünk arról, hogy az Elementor tudja a reszponzív megjelenést, külön is gondoltam beszélni róla, mert tényleg bitang jól megcsinálták ezt is benne.
A reszponzív megjelenést az Elementorban töréspontokkal és eszközönként alakítható beállításokkal kezelheted. A nézetek száma és a vezérlők a verziótól is függenek; nem bizonyítják, hogy az oldal minden köztes szélességen és minden készüléken hibátlan.
Popupok
A megfelelő Elementor-csomagban Popup Builder is elérhető. A popupoknál a feltételeket és eseményindítókat külön kell érteni. Az alábbiak lehetséges szabályok, nem minden verzióban azonos ajánlott beállítások:
- Oldal betöltésétől eltelt idő után
- Az oldal adott százalékáig történő legördítésnél
- Konkrét elemhez való gördítéskor
- Megadott kattintás számot követően
- Adott, tétlenséggel eltöltött idő után
- Kilépési szándék jelzésekor; ez böngésző- és eszközfüggő jel, nem biztos távozásfelismerés.
További megjelenítési korlátozások is alkalmazhatók. Ezek jellemzően böngészőhöz vagy munkamenethez kapcsolódó jelekből dolgoznak; nem feltétlenül azonosítanak biztosan egy személyt.
- Csak X oldal megtekintése után jelenjen meg
- X munkamenet után jelenjen meg
- Maximum X alkalommal jelenjen meg naponta/hetente/havonta vagy egy munkamenet alatt, és a popupok megjelenítését vagy bezárását vegye a számolás alapjául
- Csak kifejezetten egy adott URL-ről érkezőknek jelenítse meg vagy épp rejtse el az innen érkezőknek
- Akkor jelenjen meg, amikor az illető
- Keresőmotorból érkezik
- Külső hivatkozásról érkezik
- Belső hivatkozásról érkezik
- Elrejtse az összes bejelentkezett vagy bizonyos bejelentkezett felhasználók számára
- Csak adott képernyőméreteken (eszközökön) mutassa
- Csak adott böngészőkben mutassa
- Adott dátumtartományban jelenítse meg
Külön landing oldalak
Az Elementor régi, külön Landing Pages funkciója a gyártó szerint a Pro 3.27-től nem támogatott. Landingoldalt továbbra is lehet hagyományos WordPress-oldalként készíteni; a régi külön részleget ne tekintsd mai alapérvnek. Az oldal teljesítményét a tartalom és a működés együtt határozza meg.
Kiegészítők és tananyagok
Kiegészítő választásakor a kompatibilitás, a támogatás, a frissítés és a konkrét funkció számít. Egy bővítménytári keresés találatszáma nem azonos az aktív, megfelelő minőségű kiegészítők számával.
Ha hiányzik egy funkció, nézd meg, van-e rá karbantartott megoldás. Nem bizonyított, hogy minden feladatra Elementorhoz található a legtöbb vagy a legjobb kiegészítő.
A korábbi, név szerinti bővítménytári keresésem eredményeit az alábbi történeti lista mutatja. A pontos időpont és keresési feltételek nélkül nem reprodukálható aktuális összehasonlításként.
Korábbi találatszámok: Elementor 1036; Divi 902; Avada 288; Oxygen 219; WPBakery 443; Beaver Builder 473. Ezek nem mai, ellenőrzött kompatibilitási vagy minőségi adatok.
Az oktatóvideóknál is a pontosságot és a verzióegyezést nézd. Egy régi, sokszor megtekintett tananyag a mai felülethez már nem biztos, hogy használható.
Ha nem WordPresses weboldalad van
Ha nem WordPressben dolgozol, más platformokat a saját szempontjaikkal kell összehasonlítani. A meglévő tárhely, a szerkeszthetőség, az integrációk, a költségek és a későbbi költöztetés lehetősége is számít; ebből a WordPress-cikkből nem jelölök általános győztest közöttük.
Szívesen olvasnál még hasonlókról? Rendszeresen megjelenő hírleveleimben ilyen és egyéb, vállalkozással, online marketinggel, web-/landing oldal készítéssel kapcsolatos fontos tudnivalókat osztok meg. Ha szeretnéd kimaxolni a vállalkozásodban lévő potenciált, akkor iratkozz fel ezekre a hasznos levelekre itt! 👇
Összefoglalás
Az Elementor egy hatékony és könnyen kezelhető WordPress page builder bővítmény, amely kiterjedt szolgáltatásokat kínál.
Az én munkafolyamatomban főként ezek a szempontok szólnak mellette:
- Intuitív, könnyen kezelhető kezelőfelület
- Széles választékú, testre szabható sablonok
- A szükséges feladatokhoz használható widgetválaszték
- Reszponzív szerkesztési beállítások
- Különféle integrációk
- SEO-beállításokkal együtt kialakítható kereshetőség
- A kész oldalon mérhető és javítható teljesítmény
- Részletes dokumentáció és támogatás
- Folyamatos frissítések és fejlesztések
- Globális beállítások
Ezek miatt számomra az Elementor jó választás WordPress-honlapokhoz és landingoldalakhoz. Ez nem minden feladatra és minden versenytársi verzióra érvényes rangsor.
Ha a te feladatodhoz is illik a funkciókészlet, a licenc és a későbbi szerkesztés módja, érdemes kipróbálnod. Összetett integrációnál a megvalósítás és a tesztelés terjedelmét is tisztázd.
Ha pedig minden előnye ellenére nem te szeretnél bajlódni vele, akkor kérj tőlem ajánlatot weboldal / landing oldal készítésre:
Bízom benne, hogy tetszett és hasznos volt ez a cseppet sem rövid cikk. Ha igen, és szívesen olvasnál még hasonló tartalmakat, akkor iratkozz fel a hírlevelemre, amelyben értesítelek, amikor új ehhez hasonló, friss cikk érkezik:
Sikeres és produktív vállalkozást kívánok neked!
