Wat is Divi visual builder

Werk je met Divi of overweeg je ermee te starten, dan kom je al snel de term Divi visual builder tegen. Toch is het voor veel ondernemers en websitebeheerders in het begin niet meteen duidelijk wat dat precies is. Je ziet knoppen, secties, modules en instellingen, maar vraagt je vooral af: waar begin ik en wat kan ik hier nu echt mee?

Die vraag krijgen we bij Webtify vaker. Zeker van ondernemers die zelf kleine aanpassingen aan hun website willen doen zonder meteen code te hoeven aanraken. In deze blog leggen we helder uit wat de Divi visual builder is, hoe je hem in de basis gebruikt en wat het verschil is tussen de oude Divi 4 visual builder en de nieuwere Divi 5 visual builder.

Wat is de Divi visual builder?

De Divi visual builder is de visuele pagina-editor van Divi. Daarmee bouw en bewerk je pagina’s direct aan de voorkant van je website. Je sleept onderdelen naar de juiste plek, past teksten aan en ziet wijzigingen meteen live in beeld. Volgens de documentatie van Elegant Themes is Divi juist bedoeld om in deze visuele modus te werken, zodat je in realtime ziet wat je doet.

Dat maakt het verschil met de klassieke WordPress-editor of met builders die minder visueel werken. In plaats van abstracte blokken of instellingen in de achterkant van je website, werk je veel directer op de pagina zelf. Voor veel gebruikers voelt dat sneller en logischer.

Hoe werkt de basis van de builder?

De opbouw van Divi werkt in de basis met drie lagen: secties, rijen en modules. Een sectie is het grootste bouwblok van een pagina. Binnen zo’n sectie plaats je een rijindeling, en in die rijen zet je modules zoals tekst, afbeeldingen, knoppen of formulieren.

Dat klinkt technisch, maar in de praktijk valt het mee. Wil je bijvoorbeeld een stukje tekst met een knop eronder? Dan voeg je een sectie toe, kies je een rij en plaats je daarin een tekstmodule en een knopmodule. Zo bouw je stap voor stap de pagina op.

Wie net begint, heeft vaak het meeste aan de simpelste aanpak: eerst de structuur neerzetten en daarna pas kleuren, lettertypes en marges aanpassen. We zien bij Webtify vaak dat mensen te snel in alle instellingen duiken, terwijl de basis dan nog niet goed staat.

Wat kun je aanpassen?

Bij bijna iedere module kun je drie soorten instellingen terugvinden: content, design en geavanceerd. Onder content pas je de inhoud aan, zoals tekst, links of afbeeldingen. Onder design regel je zaken als kleur, spacing, uitlijning en lettertypes. Het geavanceerde tabblad is meer bedoeld voor extra instellingen, CSS of zichtbaarheid.

Voor de meeste ondernemers is vooral content en design belangrijk. Daarmee kun je al verrassend veel doen zonder technisch gedoe. Wil je eerst beter begrijpen hoe Divi als geheel werkt, dan is ook onze blog wat is Divi een logische aanvulling.

Hoe gebruik je de Divi visual builder in de basis?

De simpelste manier is om een bestaande pagina te openen en de visual builder te activeren. Daarna klik je op het onderdeel dat je wilt aanpassen. Teksten kun je vaak direct aanklikken en overschrijven, terwijl je voor andere elementen via het tandwielicoon de instellingen opent.

Een praktische basisvolgorde is meestal deze:

• open de pagina in de visual builder
• klik op de sectie of module die je wilt bewerken
• pas eerst de inhoud aan
• controleer daarna spacing, kleuren en knoppen
• bekijk ook kort hoe het eruitziet op tablet en mobiel
• sla de pagina op

Dat laatste wordt vaak vergeten. Juist mobiele weergave is belangrijk, zeker als je website leads moet opleveren. In dat opzicht raakt een builder niet alleen design, maar ook gebruiksvriendelijkheid en conversie. Dat sluit goed aan op onze blog over wat CRO op een website is.

Het verschil tussen Divi 4 en Divi 5 visual builder

Hier is het goed om onderscheid te maken. De Divi 4 visual builder is de oudere builder waar veel bestaande websites nog op draaien. Die werkt nog steeds, maar stond bekend als zwaarder en soms wat minder soepel op complexere pagina’s. Elegant Themes heeft Divi 5 daarom vanaf de basis opnieuw opgebouwd, met een modernere architectuur en een snellere builder-ervaring.

De Divi 5 visual builder is dus niet alleen een kleine update van het uiterlijk. Volgens Elegant Themes gaat het om een grondige technische vernieuwing, met onder meer betere prestaties, een responsievere interface en nieuwe systeemfuncties. In de helpdocumentatie van 2026 laat Elegant Themes ook zien dat de interface van Divi 5 opnieuw is ingericht om nieuwe gebruikers sneller wegwijs te maken.

Concreet betekent dat voor jou vooral dit:

• Divi 4 voelt vertrouwd op oudere websites, maar kan trager aanvoelen
• Divi 5 is moderner opgebouwd en werkt soepeler in de builder
• Divi 5 is beter voorbereid op toekomstige uitbreidingen en onderhoud

Werk je al met Divi, dan is het slim om niet zomaar aannames te doen over je versie. Sommige websites draaien nog op Divi 4, terwijl nieuwe projecten steeds vaker naar Divi 5 bewegen. Wil je meer lezen over die nieuwe generatie, dan is onze blog over Divi 5 ook relevant.

Wanneer is de visual builder handig en wanneer minder?

De Divi visual builder is vooral handig als je pagina’s visueel wilt opmaken zonder te programmeren. Denk aan landingspagina’s, dienstpagina’s, contactpagina’s of het aanpassen van bestaande blokken. Voor kleine en middelgrote websites is dat vaak ideaal.

Tegelijk zien we bij Webtify ook dat te veel vrijheid soms onrust geeft. Als veel verschillende mensen zonder vaste stijl gaan sleutelen, wordt een website snel rommelig. Daarom is het slim om eerst een goede basis neer te zetten met consistente stijlen. Zeker als je website zakelijk moet ogen of onderdeel is van een grotere groeistrategie.

Bij grotere of zwaardere websites kijken we daarom niet alleen naar gebruiksgemak, maar ook naar structuur, onderhoud en snelheid. In dat kader is onze blog over een snelle Divi website ook interessant.

Begin simpel, dan haal je het meeste uit Divi

De Divi visual builder is in de kern een visuele manier om WordPress-pagina’s op te bouwen en aan te passen. Juist daarom is hij voor veel ondernemers prettig: je ziet direct wat je doet en hebt geen code nodig om de basis onder controle te krijgen.

De belangrijkste nuance is wel dat er verschil zit tussen Divi 4 en Divi 5. Divi 4 is voor veel bestaande websites nog herkenbaar, maar Divi 5 is technisch een flinke stap vooruit. Wil je vooral zelf kleine wijzigingen kunnen doen, begin dan eenvoudig: werk met secties, rijen en modules, pas eerst de inhoud aan en controleer daarna pas het design. Dan wordt de Divi visual builder al snel een stuk minder overweldigend.