Webstick.nl logo Webdesignburo en Wordpress-blog

Elementor vs Gutenberg pagebuilder-test [2024] 💥

Elementor vs Gutenberg



ELEMENTOR REVIEW (Elementor vs Gutenberg)

Elementor is nu meer dan alleen een van de beste pagebuilders...

Elementor review


Stel je voor, een pagebuilder die je overal in kunt pluggen, net als een USB-stick – dat is Elementor. En het heeft zijn eigen thema, Het Hello theme, zo gratis als de glimlach van een baby! Met meer dan 300 kant-en-klare demo's is het alsof je een snoepwinkel binnenloopt – zoveel keuze dat je niet meer weet waar je moet beginnen. En het mooiste? Met Elementor heb je geen ander thema nodig. Het Hello thema is als je favoriete spijkerbroek: past altijd en overal.

In deze Elementor review nemen we een duik in de nieuwste snufjes die het tot de top van de pagebuilder-wereld katapulteren. Sinds zijn entree in 2016, staat Elementor al op meer dan 8 miljoen sites te pronken - het is net als die populaire jongen op school. Dit is niet zomaar een pagebuilder, maar een super-de-luxe drag & drop tool waarmee je sneller dan Speedy Gonzales websites in elkaar zet.

ELEMENTOR PAGEBUILDER REVIEW

Neem even pauze en bekijk de clip hieronder. Het is als een trailer voor een blockbuster film, maar dan voor webdesign. Deze sneak peek laat je zien hoe je straks als een pro met de editor/page builder van Elementor kunt toveren.

Elementor pagebuilder review


ELEMENTOR NAVIGATOR

Elementor review Navigator


Maak kennis met de splinternieuwe tool die je kan laten zweven op je werkblad als een UFO of aanmeren als een ruimteschip aan de rechterkant van je scherm. Gewoon klikken met de rechtermuisknop op een element of blok en 'Navigator' selecteren om het te openen. Deze Navigator is als de turbo-knop voor je werkplezier en snelheid. Je wordt er sneller van dan het licht! Bekijk hier een video voor een rondleiding in de wereld van de Navigator.


Advertentie

Divi Ad 680px


ELEMENTOR WERK OPSLAAN

Elementor review werk opslaan


Wie wil steeds dezelfde taak opnieuw uitvoeren? Met Elementor kunt u werkblokken opslaan en deze hergebruiken op andere pagina's, posts en zelfs andere websites. Op die manier spaart u een zee van tijd uit als we dat vergelijken met hoe er vroeger gewerkt werd. De animatie hieronder geeft een redelijk beeld wat u kunt verwachten.

KANT-EN-KLARE DEMO-DESIGNS

Elementor demo-designs


In deze Elementor review nemen we de crème de la crème van de Elementor pagebuilder onder de loep. De oogverblindende demo-designs staan hierbij in de schijnwerpers. Ik heb je al eerder verteld dat Elementor eigenlijk een soort Zwitsers zakmes is onder de themes, dankzij de overvloed aan demo-materiaal dat je als startpunt voor je website kunt gebruiken. Het is alsof je een doos vol verrassingen opent, elke keer als je met Elementor werkt!

Elementor is net als die ene vriend die altijd precies heeft wat je nodig hebt. Net zoals bij Divi, heeft Elementor meer dan 200+ lay-outs voor elke niche die je maar kunt bedenken. Corporate, webshops, de hotelbranche, sportscholen, cafés, mode, hosting, fotografie, architectuur, lifestyle, reizen... je noemt het, ze hebben het!

En alsof dat nog niet genoeg is, zijn er ook nog externe partijen die fantastische lay-outs maken voor Elementor. Gebruik zo'n layout als springplank voor je project, maar houd wel rekening met wat extra kosten. Bekijk hier de hele schatkist aan lay-outs.

ELEMENTOR WOOCOMMERCE BUILDER

Elementor Woocommerce Builder


Elementor is als een meesterchef voor webshops: het heeft alles in huis om een vijfsterrenwinkel te bouwen. Je kunt productpagina's en categoriepagina's van Woocommerce omtoveren tot ware kunstwerkjes. Herinner je je de tijden nog dat je een HTML-encyclopedie nodig had om shoppagina's aan te passen? Nou, Elementor heeft die dagen naar de geschiedenisboeken verbannen.

Waarschijnlijk ken je Woocommerce al, de koning van de shop-plugins voor Wordpress. Nieuwsgierig naar hoe je met Elementor en Woocommerce een webshop-kaskraker maakt? Bekijk hier een video en ontdek meer over de Woocommerce Builder.

ELEMENTOR REVISIONS EDITOR

revisies editor


Elementor keek naar de revisie-editor in Wordpress en dacht: "Dit kan beter!". En zo geschiedde. Net als andere elite pagebuilders waren ze niet onder de indruk van de ingebouwde revisie-editor en toverden ze hun eigen, glimmende versie tevoorschijn. Echt waar, de standaard Wordpress editor voor revisies was als een stuk oud brood: droog en niet te pruimen.

Gelukkig zijn ook Divi en Thrive op de verbeteringstrein gesprongen. Benieuwd naar Elementor's versie van deze tool? Bekijk hier een video en duik dieper in de wereld van de Elementor Revisions Editor.

ELEMENTOR REVIEW: MOBILE EDITING

Elementor Mobile editing


Met Elementor kun je je website laten poseren als een model, perfect gestyled voor mobiel, tablet en desktop. Zie het hierboven in actie! Natuurlijk is Elementor van zichzelf al zo responsief als een acrobaat, maar het extra leuke is dat je specifieke aanpassingen kunt maken voor elk apparaat.

Alsof je voor elke gadget een eigen op maat gemaakte outfit hebt. En ja, alle topthemes en pagebuilders kunnen deze modeshow ook aan, maar Elementor doet het met net dat beetje extra flair. Benieuwd hoe je je website op elk scherm laat schitteren? Bekijk hier een video over Elementor's Mobile Editing – het is als een modeontwerper voor je website!

ELEMENTOR COLORS

Elementor kleurencombinaties


In ons Elementor review rollen we de rode loper uit voor de kleuren-editor voor teksten: een ware kunstenaar die bijna net zo chique is als Photoshop op je PC. Elementor claimt het enige "pixel perfect design" te hebben en eerlijk is eerlijk, ze hebben een punt. Met deze tool tover je met alle kleuren van de regenboog en maak je gradients alsof het niets is. Je eigen digitale schilderspalet! Benieuwd hoe je met kleuren kunt spelen alsof je Picasso bent? Bekijk hier een video en ontdek meer over Elementor's Colorpicker.

ELEMENTOR HEADER & FOOTER

Elementor header footer design


Met Elementor heb je de totale controle over alle headers en footers van je website, alsof je de dirigent bent van een webdesign-orkest. Natuurlijk, alle elite pagebuilders kunnen dit kunstje, maar bij Elementor is het alsof je een toverstafje hebt om je website helemaal af te maken. Het is een essentiële tool in je thema-gereedschapskist. Zin om te zien hoe je je website van kop tot teen kunt stylen? Bekijk hier een video voor alle ins en outs van Elementor's Header-Footer Builder.

Elementor standaard elementen

Elementor standaard elementen


Elementor PRO-versie elementen

Elementor pro elementen


Elementor Theme elementen

Elementor theme elementen


Elementor is als een Lego-doos voor webdesign: de bouwstenen zijn de elementen, en boy oh boy, wat zijn er veel! Je kunt het zo gek niet bedenken, of Elementor heeft er een element voor. En wacht, er is meer: standaard zitten er ook nog eens superchique pop-ups in, dus die oude pop-up plug-in? Die kan bij het oud papier. Vanaf nu is Elementor je nieuwe beste vriend. Benieuwd naar dit digitale Zwitserse zakmes? Bekijk hier alle ins en outs van de meer dan 90 Elementor Widgets.

ELEMENTOR POP-UPS

Elementor Pop-Ups


Elementor's pop-ups zijn als de diamanten onder de webdesign-tools: schitterend en verrassend makkelijk om te creëren. Het lijkt wel alsof alle top pagebuilders een spiekbriefje van elkaar hebben, maar Elementor spant de kroon. Deze pop-ups zijn als maatpakken voor je call-to-action en conversiedoelen, perfect op maat gemaakt. Klaar om je website te laten schitteren met deze flitsende functie? Bekijk hier alles wat je moet weten over Elementor's pop-ups.

ELEMENTOR REVIEW: PRIJZEN

Elementor prijzen


Bent u benieuwd naar de prijs van dit wondermiddel genaamd Elementor? Kijk maar eens naar de afbeelding hierboven. Qua kwaliteit is Elementor zijn gewicht in goud waard, eigenlijk wel driedubbel. Vergelijk het met andere premium themes die minder bieden en je portemonnee harder raken, en je hebt een echte winnaar. Elementor is als een luxe diner voor de prijs van een afhaalmaaltijd. Zin om een koopje te scoren? Bekijk hier de prijzenpagina. Wie weet loop je tegen een leuke korting aan!

ELEMENTOR ACADEMY

Elementor Academy


Zit je nog met een paar prangende vragen over Elementor? Geen zorgen, in de superstrak georganiseerde Elementor Academy vind je waarschijnlijk sneller antwoorden dan je 'Elementor' kunt zeggen. Het is als een bibliotheek vol wijsheid, klaar om al je Elementor-raadsels op te lossen!



Naar Elementor





GUTENBERG THEME (Elementor vs Gutenberg)

Gutenberg Wordpress editor review


We gaan in deze Elementor vs Gutenberg vergelijking nu verder met Gutenberg wat geen makkelijke opgave is aangezien er weinig goeds over te melden valt. Toen Gutenberg net uit was, schrok ik me rot. Waar was de Wordpress editor? Men denkt dan dat het een verbetering zal zijn en probeert ermee te werken. Snel kwam ik erachter dat het de grootst mogelijke rommel was. Wat een teleurstelling. In dit Gutenberg Wordpress editor review voor [2024] kijken we of meer mensen hier niet blij mee zijn en wat de toekomst biedt.

Gutenberg editor Ratings

Laten we om te beginnen op de pagina van de plug-in zelf eens kijken wat de ratings ervoor zijn.


Gutenberg editor review ratings


Een gemiddelde rating van 2 sterren dus. Van de ongeveer 3000 mensen die een rating gaven waren er 2100 die het minimum aantal sterren van 1 gaf, als men met 0 had kunnen raten hadden deze dat waarschijnlijk gedaan. Aan de andere kant waren er 600 mensen die een 5 sterren rating gaven. Ik moest even denken hoe dat kan, maar u kent het internet net zo goed als ik en het is gebruikelijk om altijd de maximale 5 sterren te geven ook alsje niet zo tevreden bent om de bouwers van iets een plezier te doen. We stellen in dit Gutenberg review dus vast dat het gros van de mensen het net als ik het een vuilnishoop vindt.

Disable Gutenberg

Om van de verschrikkelijke Gutenberg editor af te komen zijn er diverse plug-ins. We nemen er 2 onder de loep, de eerste is "Disable Gutenberg".


Disable Gutenberg plugin


Hierboven is te zien dat van de practisch 500 mensen die een rating gaven aan deze meer dan 5 miljoen keer geïnstalleerde plug-in, gaven ze op 4 mensen na alle 5 sterren, zo blij waren ze voor goed van Gutenberg af te zijn.

Classic Wordpress editor

De "Classic Editor" plug-in is van Wordpress zelf en is er minstens tot 2024 aangezien ze kennelijk zelf weten dat Gutenberg niet deugt. Kennelijk denken ze er in een jaar of 2 nog wat van te kunnen maken. Probleem zal zijn dat practisch iedereen er een haat tegen opgebouwd heeft tegen die tijd. Goed, miljoenen mensen gebruiken deze plug-in en zijn ratings vindt u hieronder.


Wordpress Classic editor ratings


De editor zelf

Op papier is Gutenberg een WYSIWIG front-end pagebuilder. Bij het woord pagebuilder denkt u waarschijnlijk aan een Divi-like experience maar vergeet dat maar snel. Gutenberg is erg traag (teveel Javascript) en werkt bijzonder onhandig. Onderstaande image geeft een beeld van wat u voorgeschoteld krijgt in het back-end en front-end, daar moet u het mee doen. Het enige wat als positief gezien kan worden is dat wanneer u een grote tekst met titels en tekstblokken er in "plakt", de editor zelf alles opdeelt in blokken. Ik zeg positief, maar sommige mensen hebben liever zelf de controle daarover misschien en het kan dus ook heel erg irritant zijn.


Gutenberg back-end view

Gutenberg back-end editor



Gutenberg front-end view

Gutenberg front-end editor


Gutenberg met bepaalde themes

In combinatie met goede themes als Astra of Generatepress is het werkblad wat aantrekkelijk zoals hieronder op de afbeeldingen te zien is. Ondanks dat is er nog altijd geen vergelijking met echte goede editors die er vandaag de dag zijn zoals Divi, Elementor en Thrive.


Gutenberg + Generatepress

Gutenberg + Generatepress



Gutenberg + Astra

Gutenberg + Astra


Gutenberg proefkonijnen

In pricipe worden wij als Wordpress gebruikers gebruikt om de Gutenberg editor te testen totdat er na een jaar of 4 eindelijk fatsoenlijk mee te werken valt. Uiteraard wordt dit verzwegen, er wordt er gedaan of het een fantastische verbetering in Wordpress is. Anders zou iedereen de editor meteen afkeuren wat nu ook al het geval is aan de ratings te zien. Men is niet gek natuurlijk.

Ik ga verder niet op alle kleine details in, Gutenberg is compleet BETA en zou eerst goed getest moeten worden een paar jaar zonder in Wordpress te zitten. Verder ontbreekt er veel in de editor, werkt hij verwarrend, is langzaam en niet precies.

Mijn advies wat betreft Elementor vs Gutenberg

Om te beginnen bedankt dat u mijn Elementor vs Gutenberg review tot het einde aan toe gelezen heeft. Mijn advies is eenvoudig. Niet met Gutenberg gaan werken om teleurstellingen en fouten te voorkomen. Installeer op zijn minst meteen een van de 2 hierboven besproken plug-ins die Gutenberg laten verdwijnen en de oude vertrouwde Wordpress editor weer terug zetten.

Als u bereid bent om wat kosten te maken om met een goede editor te werken, kunt u het beste Elementor of het Divi Theme kopen, met de Divi Builder (pagebuilder) er al in. Deze twee pagebuilders zijn het neusje van de zalm op dit gebied en u zult er geen spijt van krijgen.





Advertisement

Divi Ad 680px



Scroll naar boven