14 briljante WordPress pagebuilders die zonder programmeerwerk te gebruiken zijn

Je kan het je misschien moeilijk voorstellen, maar het was nog niet eens zo lang geleden dat visuele pagebuilders nog helemaal niet bestonden. Kon je toen niet coderen? Dan had je een probleem. Een simpele verkooppagina voor je bedrijf of een landingspagina om je nieuwe uitvinding te verkopen, zat er simpelweg niet in.

Je moest vertrouwen op webontwikkelaars en ontwerpers – en die gingen gepaard met aanzienlijke kosten. Bovendien moesten die ontwikkelaars en ontwerpers werken met CSS en HTML – zelfs voor de kleinste wijziging op de website – en dit duurde altijd langer dan gedacht.

Uiteindelijk werden shortcodes geïntroduceerd, waardoor het ontwikkelingsproces versnelde voor degenen die niets met HTML te maken wilden hebben.

De echte revolutie begon echter met de WordPress-pagebuilders – een fantastische toevoeging voor WordPress die het hele designproces omtoverde tot een meer visuele aangelegenheid.

Hierdoor konden webontwikkelaars een site maken in een fractie van de tijd (waardoor ze meer klanten konden aannemen en dus meer konden verdienen). Bovendien waren beginners en start-ups niet meer afhankelijk van een dure ontwikkelaar, omdat ze een website konden bouwen met drag-and-drop-elementen voor items als carrousels, afbeeldingen, video’s, kolommen, productgalerijen, portfolio’s, etc.

Wat is het nut van een pagebuilder voor WordPress?

Heb je ooit geprobeerd om iets eenvoudigs te maken als een contactpagina? Normaal gesproken bevat het formulier velden voor de naam van de bezoeker, website, e-mailadres en het bericht. In sommige gevallen wil je misschien ook een kaart toevoegen met de locatie van je kantoor, samen met links naar jouw supportpagina’s en informatie over jouw bedrijf. En vergeet het telefoonnummer niet!

Hoewel de contactpagina waarschijnlijk een van de makkelijkste pagina’s is om te bouwen, kost het veel tijd en stress om zonder een visuele builder de opmaak, formattering, en codering van deze pagina mooi op te zetten. Dit verandert wanneer je een WordPress-paginabuilder het werk voor je laat doen. Niet alleen kunnen ervaren developers het ontwikkelproces versnellen, maar ook beginners hoeven zich niet meer zorgen te maken over het schrijven van code.

Bovendien krijg je realtime te zien hoe de pagina er voor bezoekers uitziet: wat jij ziet, zo krijgen zij het dus ook te zien. Je hoeft dus niet na elke wijziging de previewknop in te drukken! Zoals we al zeiden is de contactpagina waarschijnlijk de makkelijkste pagina om te maken, maar een WordPress-pagebuilder kent nog talloze andere voordelen, helemaal als je met verschillende soorten content binnen een enkele pagina werkt.

Laten we als voorbeeld de homepagina van een e-commercewinkel nemen. Op een gemiddelde homepagina vind je ongeveer het volgende:

• Een slider met de meest recente aanbiedingen.
• Een WooCommerce-productgalerij met de populairste items uit de winkel.
• Een Add-To-Card-knop bij de aanbiedingen.
• Een aantal gebruikerservaringen van bestaande klanten.
• Een timer die aftelt naar de volgende productlancering of het einde van een aanbieding.
• Een navigatiemenu bovenaan om klanten naar productcategorieën te leiden.
• Knoppen om content op social media te delen.
• Geanimeerde koppen om jouw bedrijf en producten uit te leggen.

Het regelen van dit alles kost natuurlijk tijd, maar met een WordPress-pagebuilder kan je dit allemaal in ongeveer 20 minuten doen als je ervaring hebt met de interface van de builder. Daarna zorgen de beste pagebuilders voor het herpositioneren van de kolommen en content, het wijzigen van het formaat, configuratie van kolommen, opvulling, kleuren, en nog veel meer. En het mooiste van dit alles? Deze taken kan je vrijwel allemaal doen met slechts je muis.

Een korte lijst met de beste WordPress-pagebuilders

We zullen in dit artikel alle pagebuilders uitgebreid behandelen, maar als je ze meteen wil uitproberen, klik dan de links uit onderstaande lijst.

Vind de beste WordPress-pagebuilder voor jouw website

Op het internet zijn heel wat pagebuilders voor WordPress te vinden en dit maakt het erg lastig om er een te kiezen. Het goede nieuws is dat wij het aantal opties al voor je hebben gereduceerd – we behandelen alleen de pagebuilders die op basis van onze tests uitstekende beoordelingen combineren met ongelofelijke features.

Een ander criterium dat we hanteren is dat de pagebuilders compatibel moeten zijn met de meeste WordPress-thema’s. Tijd om aan de slag te gaan! We behandelen hieronder het beste van het beste en praten daarnaast over de situaties waarin je de ene pagebuilder zou verkiezen boven de andere.

1. Elementor

Elementor heeft een gratis versie die je kan downloaden als plugin, maar ze bieden ook een Pro-versie aan, waar je voor moet betalen. De Pro-versie is te koop vanaf $49 voor een enkele site tot $199 voor een onbeperkt aantal sites. Met alle features – die we hieronder opsommen – en het gebruiksgemak dat Elementor biedt, is dit een koopje.

De gratis versie van Elementor biedt een simpele maar krachtige WordPress-paginabuilder, met een supersnelle interface. Alles wordt direct doorgevoerd, van livebewerkingen tot het instant laden van een pagina. De standaardfuncties van deze pagebuilder bevatten onder andere animaties, vormverdelers, gradient-achtergronden en headline-effecten. Er zit zelfs een sjabloonbibliotheek inbegrepen met prachtige WordPress-sjablonen, die je allemaal voor je site kan gebruiken. De gratis versie van Elementor is bovendien mobielvriendelijk, met een aantal handige tools voor onderhoudsmodus, onder-constructiepagina’s, landingpagina’s en meer.

Wat de algemene prestaties en features betreft, maakt het niet echt uit of je de pro- of gratis versie gebruikt. Het hangt voornamelijk af van wat je nodig heeft voor jouw specifieke site. Dat gezegd hebbende, moeten we toegeven dat de Pro-versie van Elementor er prachtig uitziet en alleen daarom al het overwegen waard is.

Om te beginnen bevat Elementor Pro meer dan 26 widgets waarmee je de perfecte pagina kan bouwen, of het nu gaat om e-commerce, portfolio’s of een normale zakelijke website. Je kan bijvoorbeeld Facebook-knoppen, -pagina’s en -reacties op je website invoegen, maar ook WooCommerce-widgets gebruiken, zoals categorieën, producten, of elementmodules. De live formulier-editor zorgt ervoor dat je geen tijd meer kwijt bent aan het werken met formulieren in de backend van je site. Je kan zelfs widgets opslaan en deze op een andere pagina of site gebruiken!

Dit is waarom je deze WordPress-paginabuilder zou kunnen overwegen:

• De gratis versie heeft sjablonen, een snelle ontwerpsectie en je kan meteen de resultaten zien van je designwerk.
• De betaalde versie kost slechts $49 voor een site.
• Je hoeft geen andere plugins te installeren voor onderhouds-, coming-soon- en landingspagina’s.
• Sla bewerkte widgets op om ze op een andere plek op je site weer te gebruiken.
• Kies uit meer dan 26 widgets, waaronder sommige met video’s, buttons, pictogrammen, sociale pictogrammen, afbeeldingsgalerijen en timers.
• Je kan je website vertalen naar tientallen andere talen.
• De ontwikkelaars-API kan gebruikt worden om deze uit te breiden en te integreren in andere systemen.

Vergeet niet om het interview met Ben Pines te lezen, de ontwikkelaar van Elementor.

2. GeneratePress met GenerateBlocks

GeneratePress is een gratis WordPress-thema, maar in de praktijk kan je het thema beschouwen als een beginnersvriendelijke pagebuilder die uitermate geschikt is voor startende webmasters, bloggers en developers die een ongecompliceerde, snelle visuele builder wensen. Bovendien kan je GeneratePress Premium en de gratis plugin GenerateBlocks gebruiken om bijna elk type website visueel te bouwen.

Laten we beginnen met het thema zelf. GeneratePress is een eenvoudig, lichtgewicht en gratis WordPress-thema met goede recensies en een prachtige lay-out voor landingspagina’s, blogs, zakelijke websites en verkooppagina’s. Het is moeilijk een branche te vinden waar je het GeneratePress-thema niet voor zou kunnen gebruiken, omdat het thema modern en vloeiend oogt.

Als genoeg hebt van onhandige, langzame thema’s is het zeker de moeite waard om GeneratePress te bekijken.

Als je werkt met het gratis thema, dan zal je voornamelijk bezig zijn in de live-editor van WordPress bij het bewerken van je site, maar je krijgt toegang tot alle modules (add-ons), inclusief Sections, als je de premium versie van het thema aanschaft.

Zonder GenerateBlocks kan je met GeneratePress in een waanzinnig korte tijdspanne een prachtige website bouwen. ls je nog meer features nodig hebt, kun je kiezen voor GeneratateBlocks Pro.

In het kort kan je met de module dus een sectie toevoegen en deze sectie vervolgens van inhoud voorzien, zoals media, tekst, headers, kleuren en achtergrondkleuren. Je kan op deze manier dus bijvoorbeeld een lijst tonen met productfeatures, inclusief vetgedrukte tekst, afbeeldingen en links.

Zoals we al zeiden, draaien GeneratePress en GenerateBlocks om snelheid. Zodra je al je blokken hebt aangemaakt, kan je ze verplaatsen met de drag-and-drop-interface. De blokken worden onder elkaar geplaatst, dus het verplaatsen van de sectie gebeurt voornamelijk verticaal.

Dit is waarom je deze WordPress-paginabuilder zou kunnen overwegen:

• GeneratePress biedt de mogelijkheid om binnen enkele minuten een professionele website te maken en te beheren.
• Er is een heel prima gratis thema, maar je hebt de mogelijkheid om ongeveer $59 per jaar te betalen voor het premium thema dat wordt geleverd met Theme Builder, Site Library en premium ondersteuning.
• De plugin GenerateBlocks voegt die veelzijdigheid toe met verschillende blokken, dus het enige dat je hoeft te doen, is je stukjes content verplaatsen om ze te ordenen.
• Je kan de premiumversie van GeneratePress op maximaal 500 sites gebruiken (bijna onbeperkt voor de meeste usecases). In other words, a developer or agency would only have to pay $59 to have a theme for all clients.
• Je krijg ook andere goede modules om zaken te regelen als kleur, WooCommerce, typografie, menu’s, paginaheaders, blogs, achtergronden, spacing en hooks.
• Je ontvangt verder zorgvuldig ontworpen prestatie-optimalisaties, zoals dynamische CSS-caching, een standaardoptie voor een system-font-stack (geen lettertypebestanden), geen jQuery en kleinere basisbestanden van Font Awesome.

3. Beaver Builder

Beaver Builder biedt een krachtige WordPress-paginabuilder voor creatievelingen die meer willen dan wat de voorgaande bouwers aanbieden. Er is zowel een gratis lite-versie als een premium versie. Het prijskaartje is net wat hoger dan van concurrerende builders, maar voor dit bedrag kan je Beaver Builder dan wel meteen gebruiken op een onbeperkt aantal sites, vanaf $99.

White labeling wordt aangeboden in het Agency-pakket ($399), het is dus duidelijk dat Beaver Builder ook rekening houdt met developers die hun eigen klanten van een builder voorzien.

Wat de WordPress-paginabuilder betreft, deze geeft je volledige controle over je designelementen, beginnend bij moderne en prachtige sjablonen. Deze kan je middels het drag-and-drop-systeem beheren. Precisie is een van de uitgangspunten van de Beaver Builder, de builder doet het hiermee aanzienlijk beter dan concurrenten met minder nauwkeurige mogelijkheden.

De kracht van Beaver Builder zit voornamelijk in de functie om live, in de front-end, bewerkingen uit te voeren. Hierdoor hoef je niet steeds op de previewknop te klikken of met giswerk te voorspellen hoe de site er daadwerkelijk uit komt te zien. De builder is mobielvriendelijk en de ondersteuning voor WooCommerce is bijzonder nuttig voor mensen die een online winkel beheren. Je kan rijen en modules opslaan om ze later te gebruiken en shortcodes en widgets gebruiken als externe plugins niet integreren met de Beaver Builder.

Het is lastig om een paginabuilder voor WordPress te vinden die zoveel features aanbiedt als Beaver Builder, denk hierbij aan sjablonen die je kan hergebruiken, een open API en een import- en exportfunctie.

Dit is waarom je deze WordPress-paginabuilder zou kunnen overwegen:

• De front-end-editor werkt in realtime, waardoor je het giswerk bespaard blijft en je ook niet hoeft te wachten om de wijzigingen op je scherm te zien.
• De pagebuilder werkt goed samen met WooCommerce.
• Sommige premium pakketten gaan gepaard met een Beaver Builder-thema, die een simpel doch krachtig design combineren met prachtige sjablonen die je met een enkele muisklik kan installeren.
• Je ontvangt tientallen drag-and-drop modules, waaronder voor foto’s, teksteditors, scheidingslijnen, uitvouwmenu’s, CTA, tellers, registratieformulieren en prijstabellen.
• Het Agency Plan biedt white-labeling, netwerkbrede instellingen en een doe-het-zelf webpublishing-platform. Al met al is het de ultieme omgeving van waaruit je je klanten kan bedienen.
• Alle lay-outs kunnen worden opgeslagen en worden hergebruikt elders op je website. Je kan zelfs lay-outs hergebruiken op andere websites.

4. Divi

Divi is een van de bekendste pagebuilders en dat komt vooral omdat deze ontwikkeld is door Elegant Themes. Zoals met alle producten van Elegant Themes, moet je lid worden om gebruik te maken van alle plugins, thema’s en andere coole features die Elegant Themes te bieden heeft. Hun website is een hub voor developers en bureaus die een bibliotheek vol WordPress-plugins en WordPress-thema’s nodig hebben. Toegang heb je al vanaf $89 per jaar, wat het een erg aantrekkelijke optie maakt.

Wat de Divi Builder betreft, kunnen we niet anders dan bekennen dat het een juweeltje is, met vrijwel eindeloze mogelijkheden in het ontwerpen van lay-outs. Je kan het gebruiken in combinatie met elk thema door gebruik te maken van de 46 contentmodules. Een paar van de modules zijn bijvoorbeeld:

• Accordeon/Uitvouwen
• Audiospeler
• Teller
• Reacties
• Verdeler
• Opt-in voor e-mail
• Portfolio
• Slider
• Testimonials

Met Divi Builder kan je meerdere kolommen maken, maar de meest interessant uitziende designs van de website met Elegant-thema’s hebben allemaal long-form content in hun blogs en landingpagina’s. Het is zelfs zo dat Elegant Themes stelt dat Divi perfect is om een verhaal te vertellen middels hun verticale weergave, met beelden en andere interactieve elementen.

De eenvoudige configuratie-opties zorgen ervoor dat je geen verstand hoeft te hebben van code om aan de slag te gaan. Je kan wel altijd je eigen aangepaste CSS toevoegen als Divi iets niet aanbiedt wat je wel graag wil hebben of wanneer je een volledig uniek element wil toevoegen. Net als veel andere WordPress-pagebuilders biedt Divi de mogelijkheid om elementen snel de dupliceren en te kopiëren. Je kan zelfs een bepaalde module in de back-end verbergen of vergrendelen als je deze voor later wil bewaren of wil voorkomen dat iemand anders deze bewerkt.

Dit is waarom je deze WordPress-paginabuilder zou kunnen overwegen:

• Met 46 contentmodules heeft Divi een van de grootste bibliotheken met website-elementen waaruit je kunt kiezen.
• Je krijgt zelfs een aantal mooie sjablonen om de bal aan het rollen te krijgen.
• Items dupliceren, uitschakelen en vergrendelen.
• Divi biedt een unieke ‘collapse’-functie voor beter overzicht en het schoonhouden van het gebied waar je mee bezig bent, zodat het ontwerpen overzichtelijker wordt.
• Divi biedt ook onbeperkte redos en undos aan. Je kan teruggaan naar een revisie die je ver in het verleden hebt doorgevoerd en deze nog steeds bewerken.

Leessuggestie: Divi vs Elementor: Vergelijking van plugins voor WordPress paginabouwers

5. Brizy

Brizy is gemaakt door het team dat ThemeFuse, Unyson en Pixelkit heeft ontwikkeld. Bij ThemeFuse maken ze al vele jaren WordPress templates, dus ze weten wat gebruikers nodig hebben en willen. Ze richten zich op het zo eenvoudig mogelijk maken van pagina’s ontwerpen voor jouw website.

Er is een gratis versie en een pro-versie van Brizy WordPress. De gratis versie heeft een beperkt aantal functies en ontwerpen. De pro versie bevat alles en begint bij $49/jaar voor een enkele website, $99/jaar voor 100 websites (hun Freelancer pakket), en $199/jaar voor maar liefst 500 websites op hun Agency pakket.

Bij het Agency abonnement kan zelfs volledig white labeling worden gebruikt waarbij Brizy’s branding volledig wordt verwijderd. Brizy biedt ook een aantal levenslange deals, die geen terugkerende kosten hebben.

Tot slot biedt Brizy ook een Cloud versie van hun website builder. Brizy gebruikers kunnen met één klik sites migreren tussen Brizy Cloud en Brizy WordPress.

Dit is waarom je deze WordPress paginabuilder zou kunnen overwegen:

• Betaalbaar prijsmodel, vooral voor freelancers en bureaus.
• Volledige white label mogelijkheid, je kan Brizy doorverkopen onder je eigen merknaam (inclusief je eigen white label WP plugin).
• Een van de beter ontworpen UI’s die we hebben gezien in een paginabuilder.
• 130+ volledige websiteontwerpen.
• 500+ voorgemaakte blokken om je eigen ontwerpen te maken.
• Heeft een geweldige autosave-functie, waardoor je nooit meer je werk verliest.
• Heeft een Facebook groep waar je kan chatten met andere Brizy gebruikers om ideeën en ondersteuning te krijgen.

6. Droip

Droip is een volwaardige no-code websitebouwer voor WordPress. Waar de meeste paginabouwers vooral werken met widget-elementen, geeft Droip je als no-code websitebouwer extra controle over elk element van je webpagina.

Je kunt elke complexe layout maken met Grid- en Flex elementen, ze op jouw manier stylen en ze interactief maken met standaard en aangepaste interactiepunten.

Droip wordt geleverd als een uitgebreide no-code websitebouwer die je niet alleen helpt bij het ontwerpen van webpagina’s, maar zich ook richt op de prestaties van je website en je behoedt voor het gebruik van veel extra plugins.

Dit is waarom je deze WordPress paginabouwer zou kunnen overwegen:

• Maak elke complexe webpagina visueel met extra controle over elk element op een uitgebreide no-code websitebouwer.
• Ontwerp dynamische layouts en elementen en bepaal waar ze op je website worden weergegeven met de symbolen van Droip.
• Beheer media met een rijke mediamanager die alle belangrijke mediaformats ondersteunt en een ingebouwde SVG-editor, afbeeldingseditor, afbeeldingsbibliotheek en meer heeft
• Gebruik Grid en Flex om je content netjes in rijen en kolommen te organiseren en content naadloos horizontaal of verticaal te verdelen.
• Ontwerp en bouw elk type formulier met verschillende formulierelementen. Pas geavanceerde opties toe zoals het beperken van het aantal inzendingen, zorg voor de successtatus van het formulier en beheer formuliergegevens – allemaal zonder extra plugin.
• Ontwerp een popup met Droip die converteert. Je kunt populaire websites bouwen op Droip no-code website builder en alle gewenste besturingselementen toepassen. Ontwerp een popup vanaf nul of begin met een van de voorontwerpen.
• Maak websites met geavanceerde interactie en pas aangepaste interacties toe met interactieve tijdlijncontrols.
• Gebruik de toegankelijkheids features van Droip en maak je website toegankelijk voor iedereen. Van toetsenbordbediening tot zaken selectief laten zien, maak inclusieve websites met de toegankelijke tools van Droip.
• Ingebouwde SEO instellingen. Geavanceerde typografie-instellingen. En nog veel meer.

7. Page Builder van SiteOrigin

Page Builder van SiteOrigin heeft zowel een gratis versie als een premium versie voor $29. Je kan de SiteOrigin-widgetbundel downloaden zonder een e-mailadres op te geven of extra te betalen. Dit zijn widgets met modules als Google Maps, headlines, afbeeldingsgrids, prijstabellen, artikelcarousellen en nog veel meer. Combineer dit met de responsieve WordPress-pagebuilder en je hebt een eenvoudige interface voor het maken van content die geschikt is voor gebruikers van alle niveaus.

Het maakt gebruik van een simpel drag-and-drop-systeem, gebaseerd op grids en integratie met SiteOrigin en widgets van externe partijen. Dat maakt het mogelijk om je website te maken met de voor jouw bekendere widgets die bij je thema horen. De paginabuilder heeft live front-end bewerking, maar je hebt ook de mogelijkheid om elementen te verplaatsen in de back-end paginabuilder. Dit geeft een eenvoudige werkbalk boven je content, met knoppen om widgets toe te voegen, rijen toe te voegen, vooraf gebouwde modules te gebruiken of naar je geschiedenis te kijken.

Zoals we hierboven al aangaven, is Page Builder by SiteOrigin geheel gratis en hoef je ook niet te upgraden om support of updates te ontvangen. Je kan echter altijd bijwerken naar de premium versie als je extra add-ons wil, zoals de SiteOrigin Custom Post Type Builder, waarmee je je site verder kan verbeteren.

Dit is waarom je deze WordPress-paginabuilder zou kunnen overwegen:

• Als je geïnteresseerd bent in een soepele WordPress-paginabuilder zonder het prijskaartje. De plugin bevat een grote verzameling gratis widgets.
• Je vindt het niet erg om de problemen die je tegenkomt zelf op te lossen in de forums of door middel van de documentatie.
• Je wilt een paginabuilder die zowel back-end als front-end te gebruiken is.
• De SiteOrigin Page Builder biedt een slanke, eenvoudige werkbalk die gemakkelijk te begrijpen is. De belangrijkste elementen, zoals rijen en widgets, zijn toe te voegen.
• SiteOrigin integreert perfect met de eigen widgets, maar ook met widgets die je nu al gebruikt en waar je mee bekend bent.

8. Visual Composer

Visual Composer heeft een sterk team achter zich! Hij is ontwikkeld door de makers van WPBakery, een van de populairste paginabouwers op CodeCanyon. Behalve dat het eenvoudig te gebruiken is, zit het ook vol met functies die de gemiddelde en gevorderde webontwikkelaar zeker kan waarderen.

Zo krijg je bijvoorbeeld meer dan 50 premium contentelementen en 100 vooraf ontworpen lay-outs. De meer dan 40 rasterdesignsjablonen zorgen dat je aan de slag kunt en ook met de 200 exclusieve externe add-ons kan je geen miskoop doen. Visual Composer biedt zowel een front-end als een back-end editor aan. De front-end editor laat realtime zien hoe wijzigingen eruit komen te zien, terwijl de backend-editor meer een op rasters gebaseerde interface is, waar je modules plaatst middels drag-and-drop.

Zoals je misschien al verwacht, hoef je geen verstand te hebben van code om de Visual Composer-plugin te gebruiken. De developers hebben de zogenaamde ’tree view’ toegevoegd, waardoor de builder wordt getransformeerd tot een gelaagde interface, net zoals Photoshop of Sketch Layers.

Mocht het moment daar zijn dat je een designelement maar niet goed kan krijgen, dan is er de mogelijkheid om creatief een oplossing te vinden middels de aangepaste CSS- en Javascript-secties. Dit kan lokaal, maar ook globaal worden ingesteld, voor het geval je een bepaalde stijl wil laten gelden voor de hele website.

Dit is waarom je deze WordPress-paginabuilder zou kunnen overwegen:

• Je kan met de simpele drag-and-drop-editor elementen en lay-outs verplaatsen en beheren.
• De paginabuilder is los te koop voor $59.
• Technisch gezien ontvang je drie editors, namelijk de back-end, de live front-end, en de ’tree view’.
• Met Visual Composer kan je elementen verbergen en opslaan om later te gebruiken.
• Voor deze WordPress-paginabuilder heb je geen kennis van code nodig, maar mocht je wel bekwaam zijn in CSS en Javascript, dan kan je de pagina helemaal naar eigen wens inrichten.

9. Page Builder Sandwich

Page Builder Sandwich is een gratis plugin, maar biedt de mogelijkheid om te upgraden naar Page Builder Premium, waarmee je meer dan 1.700 extra vectorpictogrammen krijgt, een aangepaste versie van Google Maps, honderden shortcodes en plugins, samen met de mogelijkheid om je eigen CSS toe te voegen.

Page Builder is vooral geschikt voor beginners, omdat de plugin het vooral moet hebben van de front-end visuele paginabouwer. Daarom hoef je niet na te denken over design in de back-end, waardoor je niets af hoeft te weten van code. De drag-and-drop-elementen zijn vrij eenvoudig, met simpele tekstvakken en afbeeldingen. Je kan met je muis kleuren en grootten naar wens aanpassen en de resultaten meteen realtime bekijken.

Ook al is er geen back-end drag-and-drop-editor, Page Builder Sandwich weet goed te integreren met de standaard WordPress-contenteditor. Je kan dus zonder problemen afbeeldingen en tekst wijzigen in de standaard editor, zonder de code van de visuele editor in de war te brengen.

Deze WordPress-pagebuilder is een ietwat verwaterde versie van oplossingen zoals Divi en Elementor, maar werkt verbazingwekkend goed. De 10 paginasjablonen zijn bijvoorbeeld mooi als uitgangspunt, ook al hebben andere builders grotere bibliotheken.

Dit is waarom je deze WordPress-paginabuilder zou kunnen overwegen:

• De gratis versie is eenvoudig genoeg voor de beginnende webmaster en kan zonder enige training worden gebruikt.
• De premium versie heeft honderden plugins en shortcodes, samen met duizenden vectorpictogrammen.
• Er horen 10 paginasjablonen bij de plugin, zodat je je site niet van grond af hoeft op te bouwen.
• Deze paginabuilder voor WordPress bevat een goede front-end live-editor, die bovendien niet conflicteert met de standaard back-end editor van WordPress.

10. Oxygen

De Oxygen-app is anders dan de gemiddelde WordPress-pagebuilder. Deze oplossing werkt via een afzonderlijke sandboxmodule, die weliswaar verbonden is met WordPress, maar die we toch als een afzonderlijk geheel kunnen beschouwen. Wat heel fijn is aan Oxygen, is dat de builder de tabbladen en toolbars van WordPress afsluit, waardoor je je 100% kan focussen op de opties die de pagebuilder biedt, zoals buttons voor het maken van containers, paragrafen en tekstblokken.

Oxygen wordt verkocht voor de vaste prijs van $99. Er geldt verder een niet-goed-geld-terug-garantie van 30 dagen en levenslange updates voor een onbeperkt aantal websites. Dit betekent dat je dus niet elk jaar hoeft te betalen voor support en updates.

Het doel van Oxygen is om binnen enkele minuten sites te maken en met de voorgebouwde componenten is dit in de praktijk zeker mogelijk. HTML-elementen zijn ook opgenomen voor het geval je je site op de meer traditionele manier wilt bouwen. Oxygen heeft een import- en exportfunctie om ontwerpen snel van de ene site naar de andere te verplaatsen. Daarnaast kan je Oxygen gebruiken samen met andere pagebuilders, zoals Visual Composer, Beaver Builder en Elementor. Dit is een groot voordeel als je niet zonder specifieke features kan die alleen worden aangeboden door andere WordPress-pagebuilders.

De interface van Oxygen lijkt op die van Photoshop. Nadat je een beetje hebt geoefend, is de interface redelijk makkelijk in gebruik en biedt de plugin een imposante hoeveelheid tools. Toch is het goed om te vermelden dat deze tools de beginnende gebruiker enigszins kunnen intimideren. Dat gezegd hebbende, voor meer ervaren developers is dit een ware goudmijn, helemaal omdat de plugin Javascript, HTML, PHP en CSS ondersteunt.

Dit is waarom je deze WordPress-paginabuilder zou kunnen overwegen:

• Oxygen biedt volledige codeermogelijkheden (met Java, HTML, PHP en CSS) samen met een solide visuele frontend-builder.
• Je kan Oxygen combineren met andere paginabuilders, zoals Elementor, voor het geval je features van beide wil gebruiken.
• Met deze WordPress-pagebuilder wordt standaard levenslange updates en support geleverd en je kan deze op gebruiken op de sites van een onbeperkt aantal cliënten.

11. Live Composer

Live Composer is een andere gratis, open-source WordPress-paginabuilder, die je kan downloaden door naar de site te gaan en je naam en e-mailadres in te voeren. De plugin biedt een front-end drag-and-drop-interface, zodat je ook zonder enige kennis van code aan de slag kan. De editor maakt een responsief ontwerp en wordt geleverd met meer dan 40 contentmodules zodat je snel en gemakkelijk een pagina in elkaar zet.

Om je op weg te helpen, komt Live Composer met twee thema’s en heeft het een specifieke WooCommerce-integratie die je voor $69 kan kopen. Hiervoor leveren ze volledige aanpassing voor alles, van productpagina’s tot cart-pagina’s.

Het enige waar je voor hoeft te betalen, is als je WooCommerce-support nodig hebt of een van de vele extensies wil. De extensies worden als pakket verkocht, wat $49 kost.

Afgezien hiervan is Live Composer een plugin die door zijn eenvoudig maar intuïtieve interface geschikt is voor elk soort gebruiker. We zouden graag zien dat de lijst met modules voor de gratis versie uitgebreid wordt, maar je kan deze natuurlijk altijd kopen wanneer dat nodig is.

Dit is waarom je deze WordPress-paginabuilder zou kunnen overwegen:

• De pagebuilder is helemaal gratis.
• Je kan ervoor kiezen om te betalen voor de drag-and-drop-editor voor WooCommerce.
• Het bedrijf verkoopt ook premium extensies voor zaken als Google Maps, video-insluitingen, afbeeldingsgalerijen en animaties.

12. MotoPress Content Editor

De MotoPress Content Editor paginabouwer heeft niet dezelfde bekendheid als sommige van de populairdere opties op deze lijst. Het is echter een betaalbare oplossing ($39 per jaarlicentie) met ondersteuning voor alle thema’s, pagina’s, berichten en aangepaste berichttypes. Bovendien is deze paginabouwer gratis inbegrepen als je je aanmeldt voor een MotoPress lidmaatschap (hoewel ze wel wat duur zijn).

MotoPress Content Editor combineert met de WordPress editor om een volledig visuele frontend-bewerkingservaring te creëren. Daarnaast willen we niet vergeten te vermelden dat de plugin compatibel is met WordPress Multisite, mocht je een netwerk van sites beheren.

De standaard plugin biedt een aantal vooraf gemaakte thema’s en een meertalige interface, om de tekst op je site voor iedereen begrijpbaar te maken. Zelfs als je alleen maar geïntereseerd bent in de volledige ondersteuning voor WooCommerce of de meegeleverde Google Web Fonts, dan is de Visual Page Builder van MotoPress een kijkje waard.

Als je kiest voor een MotoPress Club jaarabonnement (vanaf $ 299), krijg je ook toegang tot de rest van hun premium plugins. Sommige van de plugins bevatten opties voor:

• White labeling-ondersteuning
• Videosliders en videolightboxes
• Google Maps Pro
• Prijstabellen
• Een eenvoudig contactformulier
• Afbeeldingshotspots
• Een countdownmodule
• Een uitgebreide add-on voor WooCommerce

Dit is waarom je deze WordPress-paginabuilder zou kunnen overwegen:

• Het is relatief goedkoop voor een premium paginabouwer.
• De plugin richt zich vooral op realtime front-end bewerking, wat prima is als je geen zin hebt om in de back-end aan de slag te moeten.
• WooCommerce wordt op beperkte schaal ondersteunt in de standaard plugin.
• De WordPress-pagebuilder gaat gepaard met een aantal vooraf gemaakte paginasjablonen en thema’s.
• De plugin is compatibel met WordPress Multisite.

13. Themify Builder

Themify Builder heeft het duidelijke voordeel dat het in alle Themify thema’s is ingebouwd. Als je dus een Themify thema tegenkomt uit hun collectie dat bij je behoeften past, dan hoef je dus niet op zoek naar een externe WordPress pagebuilder, wat tijd en geld scheelt.

Er is ook een Builder Pro optie die $69 kost en 25 addons bevat. Onder deze add-ons heb je opties voor WooCommerce ondersteuning, elementen voor prijstabellen, kaartintegraties en meer.

Als alternatief is er een gratis versie van Themify Builder die je met elk thema kunt gebruiken. Om te beginnen heeft de paginabouwer voor alle resoluties responsieve elementen. De frontend live-editor zorgt ervoor dat je niet in de backend hoeft te klooien, terwijl de standaard drag-and drop-module het volgende bevat: tekst, audio, accordeon, galerij, artikel, widget en meer.

De premium Themify Page Builder is geschikt voor geavanceerde ontwikkelaars, deze geeft namelijk de mogelijkheid om je eigen CSS toe te voegen. Dit opent de deur tot allerlei aanpassingsmogelijkheden en is een goede combinatie met de hergebruikfeature, waarmee je de aangepaste CSS-modules kan opslaan om deze later te hergebruiken.

Het belangrijkste voordeel van de premium versie is de meer dan 60 voorgebouwde lay-outs. Daarnaast krijg je meer dan 60 animatie-effecten en responsieve styling.

Revisiebeheer is uitgebreid in deze versie, want je kan nu een onbeperkt aantal revisies opslaan. Ten slotte zorgen de add-ons van deze WordPress-pagebuilder ervoor dat je een boel andere plugins niet meer nodig hebt, wat de prestaties van je site zeker ten goede komt. Sommige add-ons zorgen onder andere voor:

• Slideshows
• Oneindig aantal artikelen
• Een typemachine-effect
• Een achtergrond videoslider
• Maps Pro
• Voortgangsbalken
• Tijdlijnen
• Tellers
• A/B-afbeeldingsweergave

Een nadeel van Themify’s Builder Pro is dat veel van deze add-ons functies zijn die bij andere paginabouwers al ingebouwd zit, zoals diavoorstellingen en verschuifbare galerijen. Tenzij je een Themify thema gebruikt, zijn er daarom waarschijnlijk betere opties voor paginabouwers.

Dit is waarom je deze WordPress-paginabuilder zou kunnen overwegen:

• De betaalde versie bevat 25 add-ons.
• Het wordt meegeleverd bij elk van hun thema’s.
• De Themify Builder bevat meer dan 60 vooraf ontworpen lay-outs en 60 animatie-effecten.
• De plugin biedt een redelijk unieke tool waarmee je sommige website-elementen kan verbergen, afhankelijk van het gebruikte apparaat.
• Je hebt ook de optie om je eigen CSS toe te voegen, voor het geval je terug wil naar meer traditionele ontwerpmethoden.

14. Gutenberg (The Block Editor)

Gutenberg, ook wel bekend als de Block Editor is een relatief nieuwe toevoeging aan WordPress. Het bestaat al een paar jaar en in die tijd is het gegroeid van wat sommigen beschouwden als een gimmick naar een meer dan capabele paginabouwer.

Het is duidelijk dat de blokeditor geen paginabouwer is, omdat het deel uitmaakt van de WordPress code Het was echter duidelijk ontworpen om een meer visuele bewerkingservaring te bieden, die paginabouwers nabootst.

Met de blokeditor krijg je toegang tot vooraf gebouwde blokken (en je kunt er zelf ook een maken), slepen en neerzetten en aanpasbare elementen. Bovendien zijn er veel plugins die nieuwe blokken aan WordPress toevoegen, waaronder WooCommerce, allemaal gratis.

Naast blokken kunt je met de editor ook herbruikbare contentsecties maken en heb je toegang tot een klein aantal templates. Als je een thema gebruikt dat ‘block enabled‘ is, kun je de editor gebruiken om de paginatemplates aan te passen en nieuwe toe te voegen. Dat betekent dat je geen paginatemplates meer hoeft te maken met code.

Als je al eerder andere paginabouwers hebt gebruikt, kan de blokeditor een beetje onhandig aanvoelen. Je hebt niet zoveel opties voor het definiëren van layouts en de editor kan geavanceerde blokken missen, tenzij je add-on plugins installeert. Als je echter niet wilt betalen voor een premium pagebuilder of een andere plugin wilt installeren, biedt de Block Editor veel voordelen, en helemaal gratis.

Dit is waarom je deze WordPress paginabouwer zou kunnen overwegen:

• Het is de standaard editor in WordPress (wat betekent dat het gratis is)
• Je kunt plugins gebruiken om de blokkenbibliotheek uit te breiden (de meeste zijn gratis)
• De meeste moderne thema’s zijn ontworpen om een goede ervaring te bieden met de blokeditor
• Je kunt herbruikbare paginasecties bouwen met blokken
• Met sommige thema’s kun je de blokeditor gebruiken om paginatemplates te maken en aan te passen

Extra pagebuilders en multifunctionele thema’s

Er zijn zoveel paginabouwers op de markt dat we ze niet allemaal kunnen bespreken, maar hier zijn er nog een paar die een vermelding verdienen.

• Pootle Pagebuilder (gratis en premium)
• OptimizePress (premium)

En natuurlijk mogen we populaire thema’s als Avada en het X WordPress Thema niet vergeten. Avada komt met de eigen Fusion Builder en het X-thema wordt geleverd met zowel Visual Composer als de eigen builder, Cornerstone. Cornerstone is ook los te koop. We zullen in een ander artikel dieper ingaan op deze multifunctionele thema’s. 😉

Nadelen paginabuilders

Zoals met elk product of plugin, zijn er altijd een paar nadelen, en WordPress paginabouwers kunnen enigszins controversieel zijn, afhankelijk van wie je het vraagt. Dit zijn de twee belangrijkste punten van kritiek die gebruikers en ontwikkelaars hebben op paginabouwers:

• Sommige paginabouwers kunnen de laadtijd op je site verhogen. Dit is omdat ze extra CSS of Javascript moeten laden, zodat jij zonder code aan het werk kan. We raden altijd aan om je WordPress-site voor en na het installeren van een paginabuilder te testen op snelheid.
• Je gaat in principe een verbintenis aan met een pagebuilder wanneer je deze gebruikt om je pagina’s te ontwerpen. Zorg er dus voor dat je voor een kiest die regelmatig wordt bijgewerkt en ook op de lange termijn kan bieden wat je nodig hebt.

Nu is het jouw beurt om de beste WordPress-pagebuilder te kiezen

Wanneer je in Google zoekt naar de beste pagebuilder voor WordPress zal je ongetwijfeld allerlei tegenstrijdige resultaten tegenkomen. Hopelijk heb je het aantal opties met deze gids weten te minimaliseren en heb je een weloverwogen beslissing kunnen maken op basis van je budget, ervaringsniveau en de features die je nodig hebt.

Om het makkelijker voor je te maken, volgen hier een aantal conclusies:

• Als je voor de beste prijs-kwaliteitverhouding wil gaan: Elementor, Divi, Beaver Builder of Brizy.
• Als je geïnteresseerd bent in een snelle, eenvoudige paginabuilder: GeneratePress met GenerateBlocks, Page Builder van SiteOrigin of Droip.
• Als je een gratis WordPress-pagebuilder wil: Elementor, Page Builder Sandwich, Live Composer of Page Builder van SiteOrigin.
• Als je op zoek bent naar een krachtigere paginabuilder met ondersteuning voor geavanceerde code: Divi, Themify, Visual Composer of Oxygen.

Laat het ons weten in de reacties hieronder, als je nog vragen hebt over de beste WordPress-pagebuilders. Deel ook gerust je eigen ervaring met pagebuilders om anderen te helpen in hun zoektocht naar de beste builder.

Brian Jackson

Brian heeft een enorme passie voor WordPress, gebruikt het al meer dan tien jaar en heeft zelfs al aantal premium plugins ontwikkeld. Brian houdt van bloggen, films en hikes. Kom in contact met Brian op Twitter.

• LinkedIn
• Twitter