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 van 2019

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

  1. Elementor
  2. GeneratePress met Sections
  3. Beaver Builder
  4. Divi
  5. WP Page Builder
  6. Page Builder van SiteOrigin
  7. Visual Composer
  8. Page Builder Sandwich
  9. Oxygen
  10. Live Composer
  11. Visual Page Builder van MotoPress
  12. Brizy
  13. Themify Builder

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 plug-in, 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.

Elementor WordPress paginabuilder

Elementor WordPress paginabuilder

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 plug-ins 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 Sections

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 is het mogelijk de nuttige premium Sections add-on toe te voegen om drag-and-drop-elementen in de GeneratePress te integreren.

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.

GeneratePress (sections)

GeneratePress (sections)

Zonder Sections kan je met GeneratePress in een waanzinnig korte tijdspanne een prachtige website bouwen. Voeg je hier de Sections-module aan toe, dan wordt hier een flink aantal designmogelijkheden aan toegevoegd. 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 Sections om snelheid. Zodra je al je secties hebt aangemaakt, kan je ze verplaatsen met de drag-and-drop-interface. De secties 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.
  • Het gratis thema loopt als een trein, maar je hebt ook de optie om voor $40 het premium thema aan te schaffen met meer dan 14 extra modules (inclusief Sections).
  • Met de Sections module ontvang je de gebruiksvriendelijke drag-and-drop-functionaliteiten, waarmee je eenvoudig delen van content kan verplaatsen en organiseren.
  • Je kan de premium versie van GeneratePress op een onbeperkt aantal sites plaatsen. Met andere woorden, een developer of bureau kan voor slechts $40 dit thema installeren voor alle klanten.
  • Naast de Sections-module, krijg je 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.

Beaver Builder WordPress-paginabuilder

Beaver Builder WordPress-paginabuilder

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 plug-ins 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 plug-ins, 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 -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
Divi paginabuilder voor WordPress

Divi paginabuilder voor WordPress

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.

5. WP Page Builder

WP Page Builder, de gratis paginabuilder voor WordPress, kwam op 1 augustus 2018 op de markt en heeft inmiddels al een grote schare volgers opgebouwd. De functies van deze paginabuilder zijn goed uitgedacht en niets is aan het toeval overgelaten. Er wordt gezegd dat Themeum jaren enorm heeft geïnvesteerd in R&D om het perfecte product te leveren.

WP Page Builder-plug-in

WP Page Builder-plug-in

Het slanke en eenvoudige ontwerp van deze paginabuilder zorgt dat je de builder snel onder de knie hebt, zelfs al heb je geen enkele ervaring met paginabuilders. De toolbar is heel gemakkelijk in gebruik en maakt het gebruik van rijen en kolommen nog eenvoudiger. De add-ons zijn gemaakt om specifieke taken uit te voeren en ze werken perfect. Met de bibliotheeksectie kun je op elk moment een rij opslaan met daarin een reeks add-ons. Met deze functie kunt je je werk opnieuw gebruiken, waardoor je veel tijd bespaart.

De vooraf ontworpen blokken en lay-outs van WP Page Builder zijn vrij nuttig! Alleen al door gebruik te maken van de eenvoudige drag-and-drop-functionaliteiten, kan je met één klik een prachtige pagina maken. Deze blokken zijn zeer rijk aan content en bieden een geweldig design. De lay-outpakketten zijn een geweldig hulpmiddel om binnen enkele seconden een kant-en-klare pagina te maken. De pakketten bevatten één of meer pagina’s waardoor het mogelijk is om slechts één pagina uit een bundel te gebruiken. Als je meer wil weten over deze oplossing, kun je hier onze gedetailleerde WP Page Builder-beoordeling lezen.

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

  • De paginabouwer richt zich op frontend-editing om de gebruiker een goed beeld te geven van zijn werk. Het is het perfecte product voor diegenen die van live-editing in realtime houden.
  • Met de eenvoudige drag-and-drop-feature van deze paginabuilder kan je add-ons, blokken en lay-outs gebruiken om ze op elke pagina te verplaatsen en te beheren.
  • Het stelt je in staat om een bestaand element uit te schakelen of te verbergen om deze later op te ruimen of deze op te slaan voor later gebruik.
  • Je hebt toegang tot een handvol vooraf ontworpen blokken en lay-outpakketten, waardoor je sneller kan werken zonder dat je je zorgen hoeft te maken over het ontwerpen van een nieuw design.
  • Alle add-ons zijn gratis. Wanneer je professionele functies van een paginabuilder wilt gebruiken zonder je portemonnee te hoeven trekken, dan is WP Page Builder zeker iets voor jou.
  • Het gebruik van WP Page Builder vereist geen coderingsvaardigheden, maar wil je wel met aangepast design aan de gang, dan kan je gebruik maken van de custom CSS-optie.

6. 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.

SiteOrigin Page Builder

SiteOrigin Page Builder

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 plug-in 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.

7. 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.

Visual Composer WordPress-paginabuilder

Visual Composer WordPress-paginabuilder

Zoals je misschien al verwacht, hoef je geen verstand te hebben van code om de Visual Composer-plug-in 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.

8. Page Builder Sandwich

Page Builder Sandwich is een gratis plug-in, 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 plug-ins, samen met de mogelijkheid om je eigen CSS toe te voegen.

Page Builder is vooral geschikt voor beginners, omdat de plug-in 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.

Page Builder Sandwich

Page Builder Sandwich

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 plug-ins en shortcodes, samen met duizenden vectorpictogrammen.
  • Er horen 10 paginasjablonen bij de plug-in, 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.

9. 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.

Oxygen WordPress-pagebuilder

Oxygen WordPress-pagebuilder

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 plug-in 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 plug-in 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.

10. 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 plug-in 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.

Live Composer WordPress-pagebuilder

Live Composer WordPress-pagebuilder

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 plug-in 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.

11. Visual Page Builder van MotoPress

Visual Page Builder van MotoPress geniet misschien niet dezelfde bekendheid als de meer populaire pagebuilders binnen deze lijst, maar het is wel degelijk een goed en bovenal betaalbare oplossing ($29), die ondersteuning biedt voor alle thema’s, pagina’s, artikelen en custom posttypes. De plug-in werkt samen met de WordPress-editor, waardoor je pagina’s kan ontwerpen met de volledig visuele editor. Daarnaast willen we niet vergeten te vermelden dat de plug-in compatibel is met WordPress multisite, mocht je een netwerk van sites beheren.

De standaard plug-in 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ïnteresseerd bent in de volledige ondersteuning voor WooCommerce of de meegeleverde Google Web Fonts, dan is de Visual Page Builder van MotoPress een kijkje waard.

Visual Page Builder

Visual Page Builder

Je kan bovendien kiezen tussen de persoonlijke of developersbundels kiezen om toegang te krijgen tot een verzameling premium add-ons. Dit zijn enkele add-ons:

  • 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 een van de goedkopere premium paginabouwers.
  • De plug-in 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 plug-in.
  • De WordPress-pagebuilder gaat gepaard met een aantal vooraf gemaakte paginasjablonen en thema’s.

12. Brizy

Brizy is dan wel een van de nieuwste pagebuilder-plug-ins op de markt, maar het is ontwikkeld door het team van ThemeFuse, dat al vele jaren WordPress-thema’s maakt. Er zitten dus doorgewinterde WordPress-veteranen achter deze plug-in, die door hun ervaring in het ontwerpen van thema’s precies weten wat gebruikers willen en nodig hebben. 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. De pre-sale versie (aangeboden voor een beperkte tijd) is $231. Dit lijkt misschien een flink bedrag, maar in tegenstelling tot de meeste andere premium paginabuilders is dit geen abonnement. Na een eenmalige betaling ontvang je alle features die nu bij de plug-in zitten, maar ook gratis updates inclusief features die ze in toekomst nog aan de plug-in toevoegen. Daarnaast kan je deze plug-in gebruiken op een onbeperkt aantal sites.

Brizy WordPress-pagebuilder plug-in

Brizy WordPress-pagebuilder plug-in

Brizy heeft alles wat je nodig hebt om aan de slag te gaan met ontwerpen zonder dat je van code af hoeft te weten. Alles wat je wil doen kan je doen met een enkele klik of sleepbeweging.

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

  • Unieke licentiesysteem voor de pre-sales versie. Betaal eenmalig en ontvang levenslange updates en de mogelijkheid om de plug-in te gebruiken op al je WordPress-sites.
  • Een van de beter ontworpen UI’s die we hebben gezien in een paginabuilder.
  • Meer dan 150 vooraf gemaakte blokken die je met een enkele sleepbeweging aan je pagina kan toevoegen.
  • 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.

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. De Themify Builder wordt verkocht voor $39, maar voor dat bedrag ontvang je alleen de builder en niet de interesante add-ons. Daarom is het misschien wel aan te raden om voor $59 het pakket te kopen waar de add-ons ook bij zitten.

Themify Builder

Themify Builder

Er is ook een Builder Lite-versie, die je gratis kan downloaden.

Laten we beginnen met de features van de gratis builder. Om te beginnen heeft de paginabouwer voor alle resoluties responsieve elementen. De front-end live-editor zorgt ervoor dat je niet in de back-end hoeft te klooien, terwijl de standaard drag-and drop-module het volgende bevat: tekst, audio, accordeon, galerij, artikel, widget en meer. Sommige premium tools zijn opgenomen in de gratis versie, zoals de import- en exportfunctie, module om te copy-pasten, versleepbare kolombreedtes en een undo- en redofunctie.

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 plug-ins 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

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

  • De gratis versie bevat functies waar je bij andere WordPress-pagebuilders voor zou moeten betalen. De belangrijkste reden om voor de betaalde versie te kiezen is wanneer je gebruik wil maken van de premium lay-outs, animatie-effecten of de vele Themify add-ons.
  • De betaalde versie is betaalbaar en met een kleine upgrade heb je toegang tot tientallen unieke add-ons.
  • De Themify Builder bevat meer dan 60 vooraf ontworpen lay-outs en 60 animatie-effecten.
  • De plug-in 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.

Gutenberg

We willen in dit artikel ook kort Gutenberg noemen, de nieuwe next-gen editor van WordPress.

Gutenberg

Gutenberg

Het doel achter deze editor is om het bewerken en creëren van content te vergemakkelijken en dan met name voor WordPress-beginners. Hiervoor gebruiken ze blokken, iets wat ze uit willen breiden met meer geavanceerdere lay-outopties. Dit komt je misschien bekend voor, want het is in principe hoe alle eerdergenoemde paginabuilders werken. Gutenberg bestaat echter nog maar kort, sinds WordPress 5.0, dus het is nog afwachten hoe deze editor zich ontwikkelt.

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.

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 bij elk product of plug-in zijn er altijd een paar nadelen. Hier zijn een paar om in gedachten te houden:

  • 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 Sections, Page Builder van SiteOrigin of WP Page Builder.
  • 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.

34
keer gedeeld