Elementor 4.0 komt er nu echt aan! Werp een eerste blik!

Maar wat maakt Elementor 4 nu zoveel anders?

Eindelijk hebben de makers van Elementor meer vrijgegeven over het uiteindelijke tijdpad van Elementor 4. En wanneer jij een eerste blik wilt werpen op de mogelijkheden hoef je niet lang meer te wachten, want de beta versie voor Elementor 3.29 zal een aantal Elementor 4 widgets bevatten, die je een indruk geven, wat er allemaal mogelijk is. Daarnaast kan je je vanaf afgelopen woensdag aanmelden voor het uitgebreide ‘Alfa test programma’ van de Elementor 4 editor. Het is niet de bedoeling dat je deze editor al gaat gebruiken voor live websites, maar je kan binnen een staging omgeving alvast de verschillende functies uitproberen. Wanneer jij je brood verdient als WordPress professional, raad ik je zeker aan dat te doen, want er is heel wat veranderd.

Goed nieuws: De makers van Elementor hebben bevestigd, dat Elementor 3 componenten en Elementor 4 componenten voorlopig in ieder geval naast elkaar blijven werken. Je hoeft dus niet direct een hele site om te zetten. Tenminste, wanneer je gebruik maakt van contrainers in plaats van secties en kolommen. Want Elementor 4 is 100% container based.

Elementor 3.29 beta – Een eerste indruk van V4

Zoals al aangegeven, Elementor 3.29 beta geeft je de mogelijkheid om een eerste indruk te krijgen van de mogelijkheden van V4. Hiervoor moet je eerst wel de optie activeren onder Elementor -> Instellingen -> Functies. Dit moet je absoluut niet doen op een productiesite, maar op een staging site -liefst lokaal- is dit prima te doen.

Er wordt dan een aantal nieuwe widgets zichtbaar, die specifiek voor V4 zijn gemaakt.

Op het eerste gezicht lijkt het nogal een tegenvaller. Er zitten geen nieuwe, revolutionaire, widgets in. Eigenlijk is het wel allemaal heel basic.

Flexbox, Heading, Image, Button? Die kennen we toch allemaal al? En is ‘Paragraph’ niet eigenlijk gewoon een ander naampje voor de Tekstbewerker? En is SVG niet een voor de tijd bijgewerkte versie van de vroegere Icon?

Inderdaad, de elementen zelf zijn nauwelijks vernieuwend te noemen. Maar de manier waarop je ze kan gebruiken wel.

Atomaire widgets

Wat je namelijk met deze widgets kan doen, is een compleet eigen widget bouwen, die als geheel instelbaar is. Wanneer ik bijvoorbeeld een Call-to-Action wil hebben, dan ben ik niet langer meer gebonden aan de beperkingen die de standaard Call-to-Action widget van Elementor 3.x mij oplegt. Want wat is een call-to-action eigenlijk? Niet veel meer dan een combinatie van een container, een heading (titel) een mogelijke illustratie (image of SVG) en een knop.

CSS-first benadering

Een tweede belangrijke verbetering is dat je niet langer meer de instellingen voor specifieke elementen steeds opnieuw hoeft in te voeren. Vanaf Elementor 4 is het mogelijk om CSS-classes te gebruiken voor de vormgeving. Dat kon natuurlijk altijd al, maar dan moest je eerst in CSS bestanden die classes definiëren. Maar vanaf V4 kan je die classes geheel visueel definiëren. Gebruik je altijd knoppen met een bepaalde ronding van de hoeken? Dan kan je gewoon een class met een eigen naam aanmaken en die toewijzen aan alle knoppen, die dat uiterlijk moeten hebben.

Vroeger, wanneer je klant ‘rondere’ hoeken -of juist minder ronde- wilde hebben, moest je al die knoppen langs lopen om aan te passen, maar dat hoeft nu niet meer. Door de class-gerichte benadering kan je in één actie alle knoppen aanpassen.

Dat bespaart je een hoop werk. Maar niet alleen dat. De ‘oude’ benadering zorgde ervoor dat er een hoop overbodige CSS en HTML code was, waarvan veel CSS code inline was. Met de nieuwe benadering wordt er aanzienlijk minder HTML en CSS code gegenereerd, waardoor de site sneller laadt.

Responsive layouts

Iedere CSS class kan aangepast worden voor specifieke responsive breakpoints (de momenten waarop een bepaalde responsive layout geactiveerd wordt), waardoor het mogelijk is om unieke layouts te krijgen voor verschillende devices. Iets wat maar beperkt mogelijk is met Elementor 3.x.

En dan Elementor V4

De V4 Elementen in Elementor 3.29 (beta) zijn bedoeld als een eerste kennismaking met de nieuwe widgets in V4. Elementor V4 is echter meer dan alleen nieuwe widgets, het is een complete overhaul van de Elementor editor. En binnenkort begint de ‘open testing’ van Elementor V4. Wil jij vooraan staan bij de kennismaking met de nieuwe editor, dan kan je je aanmelden om mee te doen aan dit proces.

Wat is de betekenis van Elementor V4 voor niet-WordPress professionals / niet-designers?

In de laatste twee, drie jaar heeft zich een duidelijke verschuiving in de doelgroep voor Elementor plaatsgevonden. Dit blijkt niet alleen uit de ‘professionalisering’ van de page- en theme builder, maar ook uit het complete dienstenpakket wat Elementor aanbiedt, waar ik in latere blogposts meer over zal vertellen. Na het overboord gooien van het ‘Section and Column’ layout systeem, ten gunste van containers en flexboxen heeft Elementor de doelgroep van ‘zelfredzame single-site bouwers’ voorgoed verlaten. Elementor V4 en het classes concept is uiterst krachtig, maar het abstractie niveau ligt hier te hoog voor de incidentele webbouwer.

Het is overduidelijk dat Elementor vooral bedoeld is voor de professionele webbouwer.

Elementor Hello Biz

Heeft Elementor de incidentele webbouwer dan helemaal opgegeven? Beslist niet! Sterker nog, ook voor deze doelgroep is het bouwen van een (zakelijke) website met Elementor een stuk sneller geworden. En het hoeft je geen cent te kosten!

Met het thema Hello Biz wat ik enkele maanden geleden heb besproken, kan je zonder veel ervaring zelf een eenvoudige business site bouwen. De makers van Elementor hebben niet alleen aangegeven, dat ze Hello Biz en de Hello+ widgets blijven ondersteunen, ook in V4, maar dat het aantal Hello+ widgets in de loop van dit jaar zal worden uitgebreid. Ik houd je op de hoogte.

Een snelle overstap!

Wanneer je professioneel met Elementor werkt, dan wil je natuurlijk zo snel mogelijk over kunnen stappen naar Elementor 4. Tijdens de cursus ‘Elementor Pro voor Designers‘ die 20 september 2025 begint wordt uitsluitend ingegaan op Elementor 4. Je leert hier dus geen -dan- verouderde technieken meer die niet meer van toepassing zijn, maar je leert direct hoe optimaal te werken met Elementor 4. Een onmisbare training voor Webdesigners die met Elementor Pro (willen gaan) werken! Schrijf je vandaag nog in!