Je opent de Divi (Divi 4 of Divi 5, maakt niet uit) builder, klikt op een pagina en ziet ineens allerlei bouwstenen voorbij komen. Tekst, afbeeldingen, knoppen, formulieren, testimonials, sliders. Voor veel ondernemers is dat het moment waarop Divi tegelijk handig én overweldigend voelt. Want wat zijn Divi modules nu precies, en wanneer gebruik je welke?
Wat zijn Divi modules?
Divi modules zijn de inhoudsblokken waarmee je pagina’s opbouwt in de Divi Builder. Je kunt ze zien als losse onderdelen met elk een eigen functie. Denk aan een tekstblok, afbeelding, knop, galerij, contactformulier of prijstabel.
Volgens de documentatie van Elegant Themes bestaat Divi uit modules die je in een layout plaatst en vervolgens instelt met inhoud, designopties en geavanceerde instellingen. Er zijn veel standaardmodules beschikbaar, waaronder tekst, image, button, blurb, contact form en verschillende WooCommerce-modules voor webshops.
Hoe gebruik je modules in Divi?
Een Divi-pagina is opgebouwd uit secties, rijen en modules. Eerst maak je een sectie aan, daarna kies je een rij-indeling en vervolgens plaats je daarin één of meer modules. Dat is de basisstructuur waar bijna elke Divi-pagina op draait.
Stel dat je een simpele landingspagina maakt. Dan gebruik je bijvoorbeeld:
- een heading- of textmodule voor je kop en introductie
- een buttonmodule voor een call-to-action
- een imagemodule voor sfeer of productbeeld
- een testimonialmodule voor reviews
- een contact form module voor aanvragen
Elke module heeft grofweg drie soorten instellingen: content, design en advanced. Bij content vul je de inhoud in. Bij design regel je zaken zoals kleuren, spacing en typografie. Bij advanced werk je eventueel met aangepaste CSS, visibility of andere technische opties.
Modules zijn er voor inhoud én functionaliteit
Veel mensen denken eerst dat modules alleen visuele blokken zijn. Dat klopt maar deels. Sommige modules zijn puur bedoeld voor content, terwijl andere juist extra functionaliteit toevoegen. Denk aan een e-mailinschrijving, blogoverzicht, shopmodule of filterbare portfolio.
Werk je nog niet veel met Divi, dan is het handig om ook onze blogs over wat Divi is en de Divi Visual Builder erbij te pakken. Daarmee wordt het hele systeem meestal snel een stuk duidelijker.
Wat is het verschil tussen Divi 4 en Divi 5?
De basisgedachte achter modules is in Divi 4 en Divi 5 hetzelfde gebleven: je bouwt pagina’s op met losse bouwstenen. Wel is Divi 5 technisch opnieuw opgebouwd. Volgens zowel Elegant Themes als onze eigen ervaring bij Webtify is Divi 5 sneller, stabieler en toekomstbestendiger opgezet dan Divi 4.
Voor gebruikers is vooral belangrijk dat het werken met modules in Divi 5 vloeiender aanvoelt. Daarnaast zijn er nieuwe mogelijkheden bijgekomen, zoals verbeterde herbruikbare elementen in de library, nested modules en nieuwe containervormen zoals de Group Module.
Dat betekent in gewone taal: je kunt onderdelen slimmer groeperen, makkelijker hergebruiken en in sommige gevallen ook modules binnen modules plaatsen. Zeker bij complexere layouts geeft dat meer flexibiliteit dan in Divi 4.
Wil je meer weten over de overstap, lees dan ook onze blogs over de lancering van Divi 5 en Divi 5. Daar leggen we uitgebreider uit wat er technisch en praktisch verandert.
Welke Divi modules gebruik je het vaakst?
Niet elke module is voor iedere website relevant. In de praktijk zien we dat ondernemers meestal met een relatief kleine set modules al heel ver komen.
- Text of Heading: voor koppen, intro’s en gewone tekst
- Image: voor foto’s, teambeelden of sfeerbeelden
- Button: voor offerte-, contact- of bestelknoppen
- Blurb: voor korte USP’s met een icoon
- Contact Form: voor leadaanvragen
- Blog: om recente berichten te tonen
- Woo-modules: voor productpagina’s en webshoponderdelen
Bij Webtify zien we vaak dat websites beter en rustiger worden zodra je niet te veel verschillende modules door elkaar gebruikt. Een goede pagina draait meestal niet om zoveel mogelijk effecten, maar om duidelijke opbouw en logische content.
Geen zin om dit allemaal zelf uit te zoeken?
Dat snappen we goed. Veel ondernemers willen best zelf tekst aanpassen of een afbeelding vervangen, maar niet telkens nadenken over modules, layouts, updates en techniek. Juist daarom kiezen klanten vaak voor ons Website Business abonnement. Dan zorgen wij dat de website goed staat, leggen we duidelijk uit hoe je kleine dingen zelf beheert en helpen we als iets slimmer of professioneler ingericht moet worden. Je kan jouw Divi website altijd kosteloos verhuizen naar Webtify.
Divi modules zijn bouwstenen binnen de Divi Builder. Denk aan tekstblokken, afbeeldingen, knoppen, formulieren en andere onderdelen waarmee je pagina’s opbouwt en vormgeeft.
Je maakt eerst een sectie en rij aan in Divi. Daarna klik je op het plusje om een module te kiezen, zoals tekst, afbeelding of button, en vul je de instellingen in.
De basis is hetzelfde gebleven, maar Divi 5 is technisch opnieuw opgebouwd. Daardoor werkt het bouwen met modules sneller en zijn er extra mogelijkheden zoals nested modules en nieuwe groepsopties.
De meest gebruikte modules zijn meestal tekst, heading, afbeelding, button, blurb, contactformulier en blog. Voor webshops worden ook WooCommerce-modules veel gebruikt.
Voor standaard gebruik meestal niet. Je kunt veel modules visueel instellen zonder code. Voor maatwerk of aangepaste functionaliteit is technische kennis wel handig of zelfs nodig.