Webstick.nl logo Webdesignburo en Wordpress-blog

Divi vs Gutenberg pagebuilder-test voor [2021]

Divi vs Gutenberg vergelijking


DIVI vs GUTENBERG


We houden ons vandaag bezig met de vergelijking Divi vs Gutenberg voor [2021]. Er zijn nog al wat verschillen tussen deze 2 pagebuilders. Gutenberg wordt door Wordpress zelf aangeprezen en zit ook standaard in Wordpress nu. Divi is niet alleen een pagebuilder maar een theme met pagebuilder al kan de Divi-Builder in elk willekeurig theme gebruikt worden. Zowel het Divi Theme als zijn Divi-Builder (pagebuilder) worden door velen gezien als het beste wat er is. Laten we kijken hoe Gutenberg zich hiermee vergelijkt.

Ik zal Divi als geheel bespreken, theme + pagebuilder aangezien ze samen komen als u het aanschaft. Ik begin met Divi maar dit is een willekeurige keuze en houdt niet automatisch in dat het beter zou zijn.

DIVI REVIEW (Divi vs Gutenberg)

Divi is het topproduct van de elite Wordpress theme-verkoper Elegant Themes.


Divi


Na in 2013 met succes gelanceerd te zijn won Divi snel aan populariteit. Wie had er ooit gedacht dat ze zoveel abbonementen zouden verkopen. Op dit moment maar liefst 701.000 stuks. Vele abbonementen daarvan zijn levenslange ter waarde van 249 dollar. U ziet dit is een miljoenenbusiness. Kennelijk zijn veel mensen het erover eens dat dit een prachtig aanbod is en daar kan ik me meteen bij aansluiten. Men krijgt namelijk niet alleen Divi + DiviBuilder maar nog veel meer waar ik later op terug kom.

Wat kenmerkt het Divi theme?

De continue verbeteringen en uitbreiding van de functies en instellingen van Divi hebben er toe geleid dat Divi bij een groot publiek populair is, van leken tot pro website bouwers. Divi heeft erg veel functies maar men kan het ook simpel houden, ze hoeven niet allemaal gebruikt te worden.

Divi webshops

Dit theme werkt hand in hand samen met Woocommerce, de populairste plug-in voor webshops. Divi biedt namelijk een speciale shop-module die u kunt installeren als u een webshop gaat bouwen! Ik kan het niet beter uitleggen dan Elegant Themes zelf dus bekijkt u de video hieronder even en u weet meteen alles. Duurt slechts 10 minuutjes.



Divi 4.0 Review video

Om snel een indruk te krijgen wat de verbeteringen zijn sinds Divi 4.0 is het een goed idee om onderstaande video snel even te bekijken, die duurt 4 minuten.



Divi vs Gutenberg pagebuilders: Divi

Met der tijd is Divi uitgegroeid van een back-end pagebuilder naar een volbloed front-end WYSIWYG pagebuilder met inline teksteditor. Tijdens het werken aan uw website ziet u steeds een live-preview van hoe de pagina eruit gaat zien. Elk item is aanklikbaar en aan te passen. Overigens is de toevoeging van de geschiedenis-editor in Divi een grote aanwinst (onder afgebeeld).


Divi geschiedenis editor

Divi: Drag & Drop

Elementen kunnen binnen de editor versleept worden door middel van drag & drop, secties kunnen geschaald (ook met uw muis) worden en zodoende bouwt u snel de lay-out voor uw pagina die u in gedachten had. (onder te zien in video)


Ook de mogelijkheid om secties of elementen te kopiëren en zelf te exporteren naar andere sites is geweldig. Al met al is de Divibuilder snel uitgegroeid tot een super tool om pagina's uit de grond te stampen. U maakt op eenvoudige manier secties en kolommen die u vult met het grote aantal elementen (46 modules) die Divi te bieden heeft.


Divi modules

Divi Lettertypes en tekst-styling

Meer dan 600 verschillende fonts op alle mogelijke manieren aan kunnen passen? Dat kan met de Divi tekst-editor. Bijna zoveel opties als in een programma als Photoshop. Er zijn meer pagebuilders met goeie editors maar de Divi-editor spant hier toch wel de kroon.

Voor Divi zijn er naast de elementen die u in de editor vindt zoals sliders, formulieren, knoppen, tekst, video, afbeeldingen, prijstabellen, en dergelijke ook zeer veel plug-ins van derde partijen op de markt die extra functionaliteit bieden. In Divi zit eigenlijk alles maar voor heel specifieke dingen kan men soms goed een speciale plug-in gebruiken.


Divi: Ready lay-outs en templates

De Divi Builder biedt momenteel al +800 lay-outs en +100 website-pakketten. Hier zullen er bij toekomstige upgrades weer vele bijkomen. U kunt uit deze pakketten en lay-outs precies die pagina's combineren die u bevallenen zodoende uw eigen website opbouwen. Het enige wat u dan nog hoeft te doen is alles vervangen door uw eigen foto's, teksten, logo, et cetera.


Divi designs


Al uw aanpassingen kunt u maken met gebruik van de Divi Builder aangezien deze voorafgemaakte lay-outs daarmee gemaakt werden. De Divi Builder geeft u de complete controle over uw complete website. Alles is razendsnel en met precisie aan te passen. Nadat u uw werk gedaan heeft is het verstandig om alles op te slaan zodat u het niet kunt verliezen. Dat is ook een van de opties die Divi biedt.

Divi leads split-test gereedschap

Tijdens onze review van Divi vs Gutenberg moesten we vaststellen dat er in Divi verschillende mogelijkheden zitten die Gutenberg niet heeft zoals Divi Leads split-testtool die er sinds versie 2.7 standaard in zit. Met Divi Leads kunt u verschillende versies van een bepaalde pagina of sectie op uw website en zien welke versie beter bij uw publiek in de smaak valt. Denk ook aan verschillende call-2-actions, knoppen, afbeeldingen en dergelijke.

Divi optimalisatietool


We noemen dit dus split-testen. Naast Divi geloof ik dat alleen Thrive Architect split-testing in zijn pagebuilder heeft zitten en voor Elementor is er wel een plug-in voor. Het wordt ook A-B-testing genoemd trouwens.


Divi optimalisatietool 2


In elk geval bereikt men hier een hogere conversie mee. Men hoeft niet meer te gokken wat beter werkt, men krijgt de feiten gepresenteerd. Deze functie zal straks in alle top themes en pagebuilders zitten neem ik aan.

Theme opties

Alle settings voor de menu-navigatie, advertenties, social media, responsiveness, posts, woocommerce kunt u vinden in het omvangrijke Divi theme-opties paneel. Er zijn nog veel meer settings, ik ga ze niet allemaal opnoemen maar er zijn er voor uw SEO, lay-out, updates en meer. De settings zijn in groepen verdeeld zodat ze makkelijk voor u te vinden zijn.


Divi theme opties


Overdraagbaarheid tussen websites

Met overdraagbaarheid bedoelen we het kunnen importeren en exporteren tussen websites. Met Divi is het heel makkelijk om uw werk op meerdere Wordpress sites te gebruiken die van het Divi theme voorzien zijn. Dat geldt niet alleen voor uw werk maar ook voor uw instellingen en lay-outs. Webdesigners sparen zo veel werk uit door niet steeds alles opnieuw te hoeven instellen of bouwen.

Divi prijzen

Een Elegant-Themes lidmaatschap geeft u toegang tot al hun producten waaronder Divi en kost $ 89 per jaar. Elegant-Themes heeft nog 86 andere themes en vele plug-ins. Dit is zeker een goeie deal maar misschien is nog een stuk voordeliger om meteen een levenslang membership te nemen voor $ 249. Sowieso biedt Divi een 30 dagen niet-goed-geld-terug garantie dus u kunt het risicovrij proberen.

Divi samenvatting

Divi is geschikt voor iedereen, HTML- of PHP-kennis is niet nodig. Het zit boordevol opties en instellingen. De pagebuilder is een genot om mee te werken. Een goed design is snel opgesteld met de demo-sites en een klein beetje werk. De prijzen zijn goed tot laag te noemen voor de kwaliteit die men ervoor krijgt.



Ga naar de Divi website!




GUTENBERG THEME (Divi vs Gutenberg)

Gutenberg Wordpress editor review


We gaan in deze Divi 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 [2021] 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 mesnen 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 2022 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 Divi vs Gutenberg

Om te beginnen bedankt dat u mijn Divi 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 het Divi Theme kopen, met de Divi Builder (pagebuilder) er al in. Dit is het neusje van de zalm op dit gebied en u zult er geen spijt van krijgen.







Divi



Scroll naar boven