Rond 2012 / 2013 verschenen de eerste thema’s met een ingebouwde page builder op de markt, zoals Avada en Divi. Met deze WordPress page builders kon de gewone gebruiker ook zelf een pagina verdelen in meerdere rijen en kolommen, en beschikken over verschillende modules om bijvoorbeeld een afbeelding, tekst of een slider toe te voegen. Toen in 2016 Elementor gelanceerd werd, en later dat jaar Divi 3.0 met hun Visual Builder, werd het zelfs mogelijk om je aanpassingen live aan de voorkant van je website te doen, zodat je direct het effect van je aanpassingen ziet zoals je bezoekers dat zien!
Op 6 december 2018 kregen alle WordPress gebruikers een cadeau van Sinterklaas in de vorm van Gutenberg, een visuele page builder die vanaf dan de standaard manier werd om pagina’s in WordPress aan te passen. Maar daar was – en is – niet iedereen even blij mee; de Classic Editor plugin waarmee je Gutenberg kunt uitschakelen is inmiddels meer dan
5 miljoen keer geïnstalleerd.
In dit artikel gaan we enkele populaire WordPress page builders vergelijken: Elementor, Divi, Thrive Theme Builder, new kid on the block Brizy en de standaard page builder van WordPress zelf, Gutenberg. We kijken alleen naar de features die in de page builder zelf zitten, dus niet naar wat er met plugins van externe partijen mogelijk is.
| Inbegrepen in de gratis versie | |
| Inbegrepen in de premium (betaalde) versie | |
| Niet inbegrepen | |
| D | Divi |
| E | Elementor |
| B | Brizy |
| T | Thrive Architect |
| G | Gutenberg |
| Basis | Divi | Elementor | Brizy | Thrive | Gutenberg |
| Basis | D | E | B | T | G |
| Drag & drop editor | |||||
| Front-end editor (aanpassingen live aan de voorkant van je site doen) |
| Layout | Divi | Elementor | Brizy | Thrive | Gutenberg |
| Layout | D | E | B | T | G |
| Meerdere kolommen | |||||
| Kolommen slepen naar de gewenste breedte | |||||
| Padding en margin instellen | |||||
| Padding en margin instellen door te slepen | |||||
| Max-width, max-height en min-height instellen |
| Styling | Divi | Elementor | Brizy | Thrive | Gutenberg |
| Styling | D | E | B | T | G |
| Basis styling opties (kleuren, uitlijning, font grootte) | |||||
| Geavanceerde styling opties (randen, regelhoogte, schaduw) | |||||
| Achtergrond afbeeldingen en videos | |||||
| Shape dividers | |||||
| Animaties | |||||
| Filters / blend mode | |||||
| Hover effecten | |||||
| Transformatie effecten | |||||
| Google Fonts integratie | |||||
| Custom Fonts (eigen lettertypes uploaden) |
| Modules | Divi | Elementor | Brizy | Thrive | Gutenberg |
| Modules | D | E | B | T | G |
| Slider module | |||||
| Contactformulier module | |||||
| Nieuwsbrief inschrijf module (voor MailChimp en andere providers) | |||||
| Social media knoppen die linken naar je profielen | |||||
| Social media deel knoppen | |||||
| Facebook berichten embedden | |||||
| Facebook comments | |||||
| Font Awesome integratie (icoontjes) | |||||
| Popup builder | |||||
| A/B test mogelijkheid | |||||
| API (daarmee kunnen externe ontwikkelaars extra modules maken) |
| Theme builder | Divi | Elementor | Brizy | Thrive | Gutenberg |
| Theme builder | D | E | B | T | G |
| Header en footer builder | |||||
| Sticky header (header blijft in beeld als je scrollt) | |||||
| Templates maken voor pagina's, berichten, archiefpagina's, 404 pagina enzovoorts | |||||
| Dynamische content (teksten, afbeeldingen en andere data ophalen uit de database) | |||||
| Eigen WooCommerce pagina's vormgeven |
| Workflow | Divi | Elementor | Brizy | Thrive | Gutenberg |
| Workflow | D | E | B | T | G |
| Laatste wijziging(en) ongedaan maken of opnieuw doen | |||||
| Secties, rijen en modules / widgets kopieren en plakken | |||||
| Stijlen kopieren en plakken op dezelfde pagina | |||||
| Standaard stijl instellen voor een sectie, rij of module op de hele site | |||||
| Globale kleuren (als je een kleur op 1 plek aanpast wordt deze overal aangepast) |
| Bibliotheek | Divi | Elementor | Brizy | Thrive | Gutenberg |
| Bibliotheek | D | E | B | T | G |
| Bibliotheek met standaard designs | |||||
| Eigen designs opslaan in de bibliotheek voor hergebruik elders op de site | |||||
| Global designs (aanpassingen worden automatisch overal op de site doorgevoerd) | |||||
| Opgeslagen designs exporteren voor hergebruik op een andere site |
| Responsive design | Divi | Elementor | Brizy | Thrive | Gutenberg |
| Basis | D | E | B | T | G |
| Bekijken hoe je design eruit ziet op tablet en mobiel | |||||
| Onderdelen verbergen op desktop, tablet of mobiel | |||||
| Bepaalde eigenschappen aanpassen voor mobiel en tablet (padding, margin, font size) | |||||
| Andere content tonen op mobiel en tablet (andere teksten, afbeeldingen enzovoorts) |
| Prijzen | Divi | Elementor | Brizy | Thrive | Gutenberg |
| Prijzen | D | E | B | T | G |
| Gratis versie beschikbaar | |||||
| Premium versie voor 1 website (prijs per jaar) | $ 89 | $ 49 | $ 49 | $ 67 eenmalig | |
| Premium versie voor ongelimiteerd aantal websites (prijs per jaar) | $ 89 | $ 199 | $ 99 | ||
| Levenslange premium licentie voor ongelimiteerd aantal websites zonder jaarlijkse kosten | $ 249 | $ 299 | |||
| download | download | download | download |
Divi vs Elementor… of toch Brizy of Thrive?
Als mensen WordPress page builders gaan vergelijken kijken ze vooral naar Elementor vs Divi, maar zoals uit bovenstaande tabel blijkt is nieuwkomer Brizy ook een prima alternatief. Zeker als je op zoek bent naar een gratis page builder zijn Brizy en Elementor echt zeer aan elkaar gewaagd. Divi heeft geen gratis versie, maar is wel één van de meest complete page builders voor WordPress.
Thrive Theme Builder is een beetje een vreemde eend in de bijt. Thrive Themes, het bedrijf dat de Thrive Theme Builder maakt, heeft namelijk nog een aantal andere plugins. Eén daarvan is bijvoorbeeld Thrive Optimize, waarmee je hele uitgebreide A/B tests kunt doen. Een tweede is Thrive Leads, waarmee je inschrijvingen voor je nieuwsbrief kan verzamelen op allerlei manieren.
Divi werkt ook met plugins voor het verzamelen van e-mail adressen (althans met popups) en voor de social media share buttons, maar bij Divi zijn die plugins inbegrepen in de prijs terwijl je bij Thrive al die plugins apart moet aanschaffen. Je kunt ook toegang krijgen tot alle Thrive plugins met het Thrive lidmaatschap. Dat kost $ 19,95 per maand en daarvoor mag je de Thrive producten op maximaal 25 eigen websites gebruiken. Voor $ 49,00 per maand mag je de Thrive plugins op maximaal 50 websites van klanten installeren. Behoorlijk prijzig dus…
Overigens heeft Elementor ook een limiet van 1000 websites, maar dat vind ik wel onder “ongelimiteerd” vallen. Divi en Brizy hebben echt geen enkele limiet.
Er is dan ook niet 1 duidelijke winnaar, alleen 1 duidelijke verliezer: Gutenberg vormt voorlopig nog geen grote bedreiging voor de andere page builders als het om features gaat.
Maar juist omdat het de standaard page builder van WordPress is zijn er wel steeds meer plugins zoals Qubely die extra functionaliteit toevoegen aan Gutenberg.
Aan de andere kant zijn er ook voor Divi en Elementor tientallen plugins beschikbaar die de functionaliteit uitbreiden. Zo is er voor Divi een betaalde popup builder plugin, en voor Elementor zijn er diverse plugins die nog meer modules toevoegen. Voor Brizy zijn er nog vrijwel geen externe plugins beschikbaar, maar dat is dan ook een vrij jonge builder.
Ben je benieuwd naar een eigenschap die nog niet in de tabel hierboven staan? Laat dan gerust een reactie achter hieronder, dan zoek ik het voor je uit!
Hulp nodig met je website?
Dit artikel is geschreven door Bob de webbouwer, een allround website expert die regelmatig blogt over allerlei onderwerpen die je helpen bij (het bouwen van) jouw website. Heb je hulp nodig? Huur Bob de webbouwer dan in om een website voor je te bouwen, jouw website te verbeteren of een training over dit onderwerp te verzorgen.
Dit artikel bevat affiliate links. Dat wil zeggen dat ik een vergoeding krijg als je een betaalde page builder koopt via een link op deze pagina. Dat kost jou verder niets extra’s, maar zorgt er wel voor dat ik jou kan blijven helpen met dit soort gratis artikelen. Dus als je zelf een page builder wilt aanschaffen stel ik het zeer op prijs als je dat via deze pagina doet 😉
Ga je voor Gutenberg of de gratis versie van Elementor of Brizy? Dan kun je eventueel ook een kleine eenmalige donatie doen via de button hiernaast 🙂
Hi, heb je enig ervaring met Shopify? Vind ze beide op elkaar lijken, maar het verschil is nog best groot.
Ik heb helaas geen ervaring met Shopify, maar zoals je hier kunt zien is Shopify de grote concurrent van WooCommerce.
Shopify is wel wat duurder dan WooCommerce (daarbij betaal je in principe alleen de hostingkosten en dat kan een stuk goedkoper dan de $29,00 van Shopify), maar het feit dat je er verder niet veel aan hoeft te doen spreekt blijkbaar heel veel mensen aan.
Groeten van Bob
Ziet er interessant uit. Ben aan het kijken of ik dit wil gaan gebruiken in de toekomst.
(Heb ik nog even een off topic vraagje. Ik las op een andere pagina dat jij met een css code ervoor gezorgt heb dat je blogberichten allemaal de zelfde hoogte hebben. Heb overal zitten zoeken maar kan nergens iets vinden hierover. Zou je deze kennis misschien willen delen:) Bedankt)
Hoi Ingwer,
Welke CSS code je nodig hebt verschilt per thema of page builder, daar is geen standaard code voor.
Groeten van Bob
Snelle reactie:) ik maak op dit moment nog gebruik van WP Bakery page builder. Met Corpus thema. Kun je hier wat mee?
Bedankt voor de moeite.
Nee dan zou ik echt de code van de website moeten bekijken, maar het schrijven van custom CSS code is niet iets waar ik hier aan ga beginnen… dan ben ik straks de hele dag gratis code aan het schrijven 😉
Groeten van Bob
Bedankt voor het overzichtelijke schema, en met welke versie werk jij zelf het meeste?
Hoi Thijs,
Ik werk zelf het meest met Divi.
Groeten van Bob
Wellicht leuk om te vermelden: bij de levenslange premium licentie van Brizy krijg je ook een White Label licentie. Dat kan voor sommige website bouwers interessant zijn. Je eigen naam of merk hangen aan de functionaliteit die Brizy biedt.
Klopt inderdaad Ronald, bedankt voor je aanvulling 🙂
Groeten van Bob
Hey Bob,
Thx voor t mooie overzicht, heel leerzaam!
Heb je de Beaver Builder ook wel eens bekeken, verbaast me dat die er niet tussen staat en ben wel benieuwd naar die vergelijking, zeker met Divi vs Beaver 🙂
Hoi Boris,
Heb je mijn Divi review ook gelezen? Daar staat onderaan een kopje Divi vs Beaver Builder 😉
In het kort vind ik dat Beaver Builder te weinig features biedt tegen een te hoge prijs.
Groeten van Bob
Nee nog niet, thx, ga ik gelijk even naar kijken! 🙂