Elementor · WordPress · performance · custom widgets · WooCommerce
Elementor developer
Snelle Elementor sites, custom widgets in PHP en een Theme Builder die werkt als design system — zonder plugin-soep, zonder bloat, met groene Core Web Vitals.
- <1.5s LCP
- Core Web Vitals groen
- Hello
- Theme zonder bloat
- Custom
- Widgets in PHP
- WooCom.
- + ACF + Polylang
Waarom dit ertoe doet
Elementor is een tool. Een goede developer maakt het een asset.
Elementor laat marketing en content snel pagina's bouwen zonder developer. Geweldig — totdat er 38 plugins actief staan, het theme zwaar is, de styling overal anders is en de site op mobiel 5 seconden laadt. Dan zit je vast met een tool die werd verkocht als 'iedereen kan dit', maar die zonder discipline juist een hoop technische schuld oplevert. Een ervaren Elementor-developer zorgt dat de voordelen blijven en de nadelen weggaan: snel, schoon, schaalbaar en SEO-vriendelijk.
Snelle Elementor sites zonder rewrite
Elementor heeft de reputatie traag te zijn. Dat klopt alleen als niemand er discipline op heeft toegepast. Met Hello theme, een schone widget-keuze, image-CDN, lazy loading en CSS-purging haal je gewoon groene Core Web Vitals — ook op bestaande sites.
Custom widgets in plaats van plugin-soep
Voor elke niche functionaliteit een nieuwe plugin installeren is hoe Elementor sites traag worden. Eén custom widget in PHP, netjes geregistreerd in een eigen plugin, vervangt vaak drie marketplace-plugins én is sneller, veiliger en onderhoudbaar.
Theme Builder die als design system werkt
Header, footer, single, archive, 404, WooCommerce templates — allemaal centraal in de Theme Builder, met globale kleuren, typografie en spacing. Eén wijziging, overal door. Geen 80 losse pagina's die langzaam uit elkaar lopen.
WooCommerce + Elementor zonder ellende
Productpagina's, shop-archives, cart en checkout volledig in Elementor opgebouwd — met behoud van performance en SEO. Plus de juiste hooks zodat plugins als variation swatches, brands of B2B-prijzen netjes meeschalen.
Migratie van WPBakery, Divi, Avada of Gutenberg
Van een oude pagebuilder af zonder content opnieuw te bouwen. Mapping van rijen, kolommen en widgets, redirects voor SEO, beelden behouden, en een staging-omgeving waar je het verschil ziet voordat je live gaat.
Stabiel, veilig en onderhoudbaar
Elementor + WP-updates die niet zorgen voor witte schermen op vrijdagmiddag. Child theme, version control, staging, backups en monitoring. Plus security-headers, 2FA, WAF en een schone plugin-stack.
Twijfel je waar in jouw site de winst zit? Ik denk graag mee — gewoon Maarten zelf, geen sales-trechter.
Hoe het eruit ziet
Performance en custom widgets — concreet, niet in PowerPoint
Twee plekken waar het verschil meteen meetbaar is: de Core Web Vitals die Google ziet, en de custom widget die een halve plugin-stack overbodig maakt.
Core Web Vitals · voor → na
groenReële CrUX-data na één performance-sprint op een Elementor + WooCommerce site.
Voor
Na
- Hello theme i.p.v. multipurpose theme
- 19 plugins eruit, 4 vervangen door 1 custom widget
- Image-CDN + AVIF + lazy loading
- Font-subset + font-display: swap
- CSS/JS purging per template
Custom Elementor widget · PHP
eigen pluginEén widget vervangt 4 marketplace-plugins, met eigen controls in de Elementor UI.
<?php
namespace Soetens\Elementor\Widgets;
use Elementor\Widget_Base;
use Elementor\Controls_Manager;
class Product_Slider extends Widget_Base {
public function get_name() { return 'ms_product_slider'; }
public function get_title() { return __( 'Product slider', 'ms' ); }
public function get_icon() { return 'eicon-products'; }
public function get_categories() { return [ 'ms-widgets' ]; }
protected function register_controls() {
$this->start_controls_section( 'content', [
'label' => __( 'Content', 'ms' ),
] );
$this->add_control( 'category', [
'label' => __( 'Category', 'ms' ),
'type' => Controls_Manager::SELECT2,
'options' => $this->get_categories_options(),
] );
$this->add_control( 'per_page', [
'label' => __( 'Products', 'ms' ),
'type' => Controls_Manager::NUMBER,
'default' => 8,
] );
$this->end_controls_section();
}
protected function render() {
$s = $this->get_settings_for_display();
echo do_shortcode( sprintf(
'[ms_product_slider category="%s" per_page="%d"]',
esc_attr( $s['category'] ),
(int) $s['per_page']
) );
}
}Site traag of plugin-soep uit de hand gelopen? Ik denk graag mee — gewoon Maarten zelf, geen sales-trechter.
Herkenbaar?
Veelvoorkomende Elementor-problemen — en wat ik eraan doe
Bijna elk Elementor-traject begint met een van deze klachten. Goede kans dat jij er ook minstens één herkent.
Site is traag, Core Web Vitals rood
Pijn: PageSpeed 28 op mobiel, LCP 5.4s, CLS schiet alle kanten op. Google Search Console klaagt al weken, conversie loopt terug en niemand weet waar het zit.
Aanpak: Audit op gebruikte plugins en widgets, Hello theme of Astra in plaats van een loodzwaar theme, image-CDN + WebP/AVIF, lazy loading op iframes en backgrounds, CSS/JS purging, en font-display: swap. Vaak van rood naar groen in één sprint.
Plugin-soep en alles is custom geklikt
Pijn: Voor elke functie een aparte plugin (slider, accordion, mega-menu, formulieren, popups). 38 actieve plugins, drie doen ongeveer hetzelfde, twee zijn afgeschreven. Niemand durft er nog een uit te zetten.
Aanpak: Inventarisatie van wat plugins écht doen, dubbele functionaliteit weg, niche-features vervangen door één custom Elementor widget. Resultaat: van 38 naar 14 plugins, snellere site en minder security-risico.
Globale styling is nooit ingericht
Pijn: Elke pagina heeft eigen kleuren, eigen typografie, eigen knoppen. Een rebranding kost weken omdat alles handmatig moet. Marketing wijzigt iets — designers worden gek.
Aanpak: Globale kleuren en typografie in de Site Settings, knop-presets, sectie-presets, en een Theme Builder met header/footer als template. Eén wijziging in de Site Settings past automatisch op de hele site.
WP-update brak de site
Pijn: Vrijdag laat updates uitgevoerd, zaterdag wit scherm. Conflicting plugin, of een Elementor-update die een widget niet meer ondersteunt. Geen backup van de avond, paniek.
Aanpak: Staging-omgeving die productie spiegelt, updates daar eerst testen, child theme zodat aanpassingen niet weg zijn na een update, geautomatiseerde dagelijkse backups met restore-tests en rollback-plan.
SEO is in Elementor-land lastig
Pijn: Meta-titels en descriptions her en der, geen schema, headings die uit volgorde lopen, alt-tags vergeten. Organisch verkeer halveert en niemand weet waarom.
Aanpak: Yoast/Rank Math netjes ingericht per template, structured data via custom code waar het hoort (Organization, Product, BreadcrumbList, FAQPage), heading-hiërarchie strak per template, alt-tags afgedwongen via Media Library audit.
WooCommerce in Elementor voelt traag en stuk
Pijn: Productpagina laadt in 4+ seconden, variation swatches werken niet altijd, mini-cart hapert, checkout heeft layout shifts. B2B-prijzen zichtbaar voor verkeerde klanten.
Aanpak: WooCommerce Builder schoon opbouwen met de juiste hooks, AJAX add-to-cart goed wiring, variation swatches via één plugin + custom CSS, B2B-prijzen via roles + custom widget. Plus caching die WooCommerce-aware is.
Sparren over je Elementor-site?
Snellere site, schonere stack, custom widgets waar het ertoe doet.
Ik kijk mee in je Elementor-installatie, benoem waar performance, plugins en templates rammelen en schets een aanpak die je site weer een asset maakt.
Onder de motorkap
Theme Builder als design system en formulieren die echt converteren
Wat een eigenaar ziet is een consistente site en formulieren die werken. Wat ik eronder bouw is een set templates in de Theme Builder en een lead-flow die jouw CRM, sales-Slack en analytics tegelijk netjes voedt.
Theme Builder · templates
design systemEén centrale set templates met globale styling — geen losse pagina's die uit elkaar lopen.
- Header· Sticky · transparant op home · solid op restlive
- Footer· Globaal · 4 kolommen · CTA-bandlive
- Single Post· ACF velden via dynamic tagslive
- Archive· Category · taxonomy · searchlive
- Single Product· WooCommerce + schema.org Productlive
- Cart & Checkout· AJAX · variation swatches · trust badgeslive
- 404· Met zoekbalk + populaire categorieënlive
- Popups· Exit-intent · newsletter · cookielive
1
design system
8
core templates
0
losse stijlen
Elementor Form · lead-flow
healthyEén form-submit · meerdere systemen · sales weet het binnen 30 seconden.
- form.submit→Landing · Demo aanvragen84msok
- validation→Honeypot + reCAPTCHA v3 · score 0.932msok
- webhook→→ ActiveCampaign · contact + tag312msok
- webhook→→ HubSpot · deal aangemaakt288msok
- slack→#sales · lead met UTM + score96msok
- email→Auto-reply · gepersonaliseerd142msok
- analytics→GA4 · generate_lead event18msok
Formulieren die niet bij sales terechtkomen? Ik denk graag mee — gewoon Maarten zelf, geen sales-trechter.
Wat het oplevert
Voorbeelden van wat een goede Elementor-developer toevoegt
Een Elementor-site hoort iets op te leveren, niet alleen 'er te staan'. Dit zijn voorbeelden van wat ik bij eerdere klanten heb ingericht — als inspiratie voor wat in jouw situatie kan.
PageSpeed van 28 naar 94 op mobiel
Hello theme i.p.v. multipurpose theme, 19 plugins eruit, image-CDN met AVIF, font-subset, CSS-purging. LCP van 5.4s naar 1.4s, CLS van 0.31 naar 0.02. Conversie +14% in twee maanden — zonder iets aan de funnel te veranderen.
Eén custom widget vervangt 4 plugins
Klant gebruikte een slider-plugin, een filter-plugin, een masonry-plugin en een lightbox-plugin om één productoverzicht te bouwen. Vervangen door één custom Elementor widget in PHP met Swiper en eigen filtering. 700kb minder JS en 100ms snellere FCP.
Headless-snel zonder headless te gaan
Volledige WooCommerce shop in Elementor herbouwd met goede caching, ACF voor productvelden, schema.org Product per template en variation swatches. Productpagina van 3.8s naar 1.2s, organisch verkeer +28% in 6 maanden door betere CWV en structured data.
Van WPBakery naar Elementor — content behouden
850 pagina's met legacy shortcodes vertaald naar Elementor secties via een custom migratie-script. Geen content opnieuw geklopt. SEO-redirects waar URL's wijzigden, hreflang behouden. Cutover in een nacht, zonder verlies van rankings.
Theme Builder als design system voor 12 brands
Multisite met 12 merken op één Elementor-basis. Globale kleuren per site, gedeelde template library, eigen widget-set per merk waar nodig. Een nieuwe brand uitrollen kost nu één dag in plaats van drie weken.
Elementor Forms gekoppeld aan ActiveCampaign + Slack
Formulieren uit alle landingspagina's via webhooks naar ActiveCampaign en Slack, met UTM-tracking, lead-scoring en conditional logic. Sales weet binnen 30 seconden dat er een lead is. Conversie van lead naar gesprek +22%.
Welk voorbeeld past op jouw situatie? Ik denk graag mee — gewoon Maarten zelf, geen sales-trechter.
Wat ik bouw
Onderdelen die ik dagelijks oplever
Elk onderdeel hieronder is een afgebakende klus die ik vaak los of in combinatie oppak. Klein genoeg voor een sprint, groot genoeg om verschil te maken.
Performance-optimalisatie
Hello theme, CSS/JS purging, image-CDN, font-loading, lazy loading en caching — voor groene Core Web Vitals.
Custom Elementor widgets
Eigen widgets in PHP, netjes in een plugin, met controls, dynamische tags en hooks. Schaalbaar en onderhoudbaar.
Theme Builder & templates
Header, footer, single, archive, 404, search, WooCommerce — alles centraal in de Theme Builder als design system.
Design system in Elementor
Globale kleuren, typografie, knop-presets en sectie-presets. Eén wijziging, hele site door.
Elementor + WooCommerce
Productpagina, shop, cart en checkout schoon opgebouwd, met ACF, variation swatches en B2B-prijzen.
ACF, dynamic content & CPT
Custom Post Types, ACF-velden gekoppeld aan dynamic tags, en repeater-content op pagina én in templates.
Elementor Forms & integraties
Webhooks naar HubSpot, ActiveCampaign, Slack, Mailchimp of CRM van keuze, met conditional logic en UTM-tracking.
SEO-techniek
Yoast/Rank Math per template, schema.org via code, schone heading-hiërarchie, alt-tags, sitemap en hreflang.
Multilingual (Polylang/WPML)
Meertalige Elementor sites zonder dubbele templates beheren, met taal-fallbacks en hreflang.
Migratie naar Elementor
Van WPBakery, Divi, Avada, Beaver Builder of Gutenberg — met SEO-redirects en behoud van content.
Security & onderhoud
Child theme, staging, backups, WAF, 2FA, plugin-audits en monitoring met alerts in Slack of Teams.
Mobile-first & responsive
Breakpoints die kloppen, sticky elementen die niet hinderen, en geen layout shifts op mobiel.
Een specifiek onderdeel in je hoofd? Ik denk graag mee — gewoon Maarten zelf, geen sales-trechter.
Koppelingen
Systemen waar ik Elementor mee verbind
WooCommerce · WC Subscriptions
Shop, checkout, abonnementen
ACF Pro · Meta Box · Pods
Custom velden & dynamic content
Polylang · WPML · TranslatePress
Meertalige sites
ActiveCampaign · HubSpot · Mailchimp
Marketing automation
Mollie · Stripe · Adyen
Payments in WooCommerce
Sendcloud · PostNL · MyParcel
Verzending & track & trace
Zapier · Make · n8n
Form- en order-flows automatiseren
GA4 · GTM · Microsoft Clarity
Analytics, tags en heatmaps
Cloudflare · Bunny · WP Rocket
CDN, caching en performance
Ander systeem? Vraag het even. Ik denk graag mee — gewoon Maarten zelf, geen sales-trechter.
Kansen per type site
Waar de winst zit, per situatie
Webshops op WooCommerce + Elementor
- Snelle productpagina's met schema.org
- Variation swatches en filters die werken
- Cart & checkout zonder layout shifts
- B2B-prijzen en login-gated content
B2B & corporate sites
- Multilingual met Polylang of WPML
- Custom widgets voor case-overzichten
- Formulieren naar CRM (HubSpot, AC)
- Strakke Theme Builder als brand-systeem
Marketing- & campagnesites
- Snel nieuwe landingspagina's vanuit templates
- A/B-testen via GTM of native
- Form-conversie naar Slack en CRM
- UTM-tracking op alle CTA's
Multisite & brand portfolios
- Eén basis, meerdere merken
- Gedeelde template library
- Globale styling per merk
- Snelle uitrol van een nieuwe site
Welke situatie past het meest op jouw site? Ik denk graag mee — gewoon Maarten zelf, geen sales-trechter.
Hoe het werkt
Een Elementor-traject in 4 stappen
- 01
Audit & quick wins
Plugins, theme, widgets, performance, SEO en heading-structuur doorlichten. Lijst met quick wins (zware widgets vervangen, image-CDN, CSS-purge) plus grotere verbeterpunten.
- 02
Concreet voorstel
Per onderdeel: scope, aanpak en succescriteria. Welke custom widgets, welke Theme Builder-templates, welke plugins eruit en wat het oplevert in performance en onderhoud.
- 03
Bouwen op staging
Werk op staging die productie spiegelt, in een child theme of custom plugin, met version control. Demo per sprint, geen verrassingen bij go-live.
- 04
Live & monitoring
Deploy met rollback-plan, monitoring op uptime, CWV en errors. Alerts in Slack of Teams. Optionele retainer voor doorontwikkeling en onderhoud.
Klaar om de eerste stap te zetten? Ik denk graag mee — gewoon Maarten zelf, geen sales-trechter.
Waarom Maarten
Eén ervaren WordPress- en Elementor-developer. Geen bureau.
Ik werk al jaren met WordPress en Elementor — van content-sites en lead-funnels tot WooCommerce-shops met ACF, Polylang en B2B-logica. Die ervaring zit in elke beslissing: welke plugin overbodig is, wanneer een custom widget slimmer is dan vier marketplace-plugins, en hoe je een Theme Builder inricht zodat marketing snel kan blijven werken zonder de site uit elkaar te laten lopen.
Geen accountmanager. Geen tickets die zwerven tussen designer en developer. Je werkt direct met de persoon die de PHP schrijft, de templates bouwt en de performance-sprint uitvoert — met eerlijk advies, ook als dat betekent: "deze plugin kan weg" of "dit hoort niet in Elementor maar in code".
Diep met Elementor
Free, Pro, Theme Builder, WooCommerce Builder, Popups, Forms en custom widgets in PHP.
Korte lijnen
Direct contact met de developer, zonder accountmanager ertussen.
Schone aanpak
Child theme, Git, staging, dry-runs en rollback — ook in bestaande sites.
Eerlijk advies
Soms refactor, soms rebuild, soms 'gewoon laten zoals het is'. Eerlijk benoemd.
FAQ
Veelgestelde vragen over Elementor
Wordt mijn site niet automatisch traag van Elementor?
Wordt mijn site niet automatisch traag van Elementor?
Niet automatisch — wel als je een zwaar multipurpose theme combineert met 30+ plugins en alles via marketplace-widgets bouwt. Met Hello theme als basis, een schone plugin-stack, een image-CDN, font-subsetting en CSS/JS purging haal je gewoon groene Core Web Vitals. Het is een kwestie van discipline, niet van Elementor.
Wat is het verschil tussen Elementor Free en Pro?
Wat is het verschil tussen Elementor Free en Pro?
Pro voegt de Theme Builder toe (header/footer/single/archive templates), WooCommerce Builder, Popup Builder, Form Builder met integraties, dynamic content, custom CSS per widget en custom code. Voor een serieuze site is Pro eigenlijk verplicht — anders mis je de design system features waarmee Elementor pas echt schaalt.
Wanneer bouw je een custom widget en wanneer een plugin?
Wanneer bouw je een custom widget en wanneer een plugin?
Custom Elementor widgets als de functionaliteit gekoppeld is aan visuele content (een hero met een speciale animatie, een productenlijst met een eigen filter). Een gewone plugin als de functionaliteit los staat van Elementor (een API-koppeling, een cron-job, een endpoint). Beide krijgen hun eigen plugin-map, geen code in het child theme.
Werk je met Hello Elementor of een ander theme?
Werk je met Hello Elementor of een ander theme?
Standaard Hello theme — minimal, snel, geen onnodige CSS. Soms Astra of GeneratePress als de klant daar al op zit. Een zwaar multipurpose theme combineren met Elementor is bijna altijd de reden dat een site traag is — de twee vechten om dezelfde rol.
Hoe ga je om met WP- en Elementor-updates?
Hoe ga je om met WP- en Elementor-updates?
Staging-omgeving die productie spiegelt, updates daar eerst testen, en pas naar productie als alles werkt. Child theme zodat aanpassingen niet verloren gaan, geautomatiseerde dagelijkse backups met restore-tests, en een rollback-plan voor het geval dat. Geen vrijdagmiddag-updates op live.
Kun je een site van WPBakery, Divi of Avada migreren?
Kun je een site van WPBakery, Divi of Avada migreren?
Ja. Inventarisatie van gebruikte shortcodes en patronen, mapping naar Elementor secties via een custom script of stap-voor-stap conversie. Beelden behouden, URL's intact of met 301-redirects, en SEO-checks voor en na. Vaak in fases — eerst de templates, dan de content, dan de cutover.
Hoe combineer je Elementor met ACF en custom post types?
Hoe combineer je Elementor met ACF en custom post types?
Custom Post Types via een lichte plugin (CPT UI of code), ACF Pro voor de velden, en in de Theme Builder een single template die de ACF-velden als dynamic tags inleest. Voor repeater-velden meestal een custom widget of een listing-widget. Klant beheert alleen content in WP-admin, layout zit vast in de template.
Werkt Elementor goed met WooCommerce?
Werkt Elementor goed met WooCommerce?
Goed genoeg als je de WooCommerce Builder schoon opbouwt, de juiste hooks gebruikt voor variation swatches, AJAX-cart en mini-cart, en niet probeert de hele shop in losse pagina's te bouwen. Caching moet WooCommerce-aware zijn (geen logged-in users uit cache serveren). Met die discipline draait WooCommerce + Elementor net zo snel als een gespecialiseerd shop-theme.
Wat doe je aan SEO in een Elementor-site?
Wat doe je aan SEO in een Elementor-site?
Yoast of Rank Math netjes ingericht per template, schema.org via custom code (Organization, Product, FAQPage, BreadcrumbList), heading-hiërarchie strak per template (geen vijf H1's per pagina), alt-tags afgedwongen via Media Library audit, schone URL's en een correcte sitemap.xml plus hreflang bij meertalige sites.
Bouw je nieuwe sites of doe je vooral onderhoud?
Bouw je nieuwe sites of doe je vooral onderhoud?
Allebei. Nieuwe sites in Elementor + Hello + WooCommerce, en onderhoud/optimalisatie van bestaande Elementor-sites die ooit door iemand anders gemaakt zijn. Vaak begint dat met een audit van een week en een performance-sprint, daarna doorontwikkeling op basis van wat de business nodig heeft.
Sparren over je Elementor-site?
Snellere site, schonere stack, custom widgets waar het ertoe doet.
Ik kijk mee in je Elementor-installatie, benoem waar performance, plugins en templates rammelen en schets een aanpak die je site weer een asset maakt.
