Landingpage maken WordPress zonder page builder of plugin
Samenvatting
Landingpage maken WordPress doe je met één doel, een sjabloon zonder header en footer, en herbruikbare blokpatronen voor hero, bewijs, aanbod, formulier en een korte FAQ. Houd het formulier kort, mik op een Largest Contentful Paint van 2,5 seconden of minder, en test de pagina op een telefoon en in de gespiegelde RTL-lay-out. Meet de conversie pas op de bedankstatus, zodat je telt wat er echt binnenkomt.
Landingpage maken WordPress kost minder tijd dan je denkt. Kies één doel, maak een leeg sjabloon zonder header en footer, en bouw de pagina op uit patronen: een hero, bewijs, het aanbod, een formulier en een korte FAQ. Een eerste versie die werkt kost een middag. Wat bepaalt of de pagina converteert, is niet de tool waarmee je hem bouwt, maar wat je van de pagina weglaat.
Dit folio loopt de bouw na in de volgorde waarin een praktijkmens hem zou uitvoeren: het doel, het sjabloon, de secties, het formulier, het snelheidsbudget en de controles vóór de lancering.
Waar verschilt een landingpage van elke andere pagina?
Een landingpage heeft één taak. Een bezoeker komt binnen via een advertentie, een e-mail of een zoekresultaat, en de pagina vraagt precies één actie: inschrijven, een gesprek boeken, een bestand downloaden, kopen.
Al het andere is afleiding. Dat geldt voor je hoofdmenu, je zijbalk, je blogoverzicht en de voettekst met twintig links. Op een gewone pagina helpen die elementen bezoekers verder te verkennen. Op een landingpage zijn het uitgangen.
De referentie die het waard is om te kennen komt van Unbounce. In het conversiebenchmarkrapport van Unbounce staat een mediane conversieratio van 6,6% over alle branches. Gebruik dat als steekproef, niet als belofte. Een pagina onder de 2% heeft meestal een probleem met het aanbod, de snelheid of het formulier, niet met de kleur van de knop.
Schrijf het doel in één zin voordat je de editor opent. Bijvoorbeeld: "Bezoekers uit de maartnieuwsbrief boeken een auditgesprek van twintig minuten." Lukt die zin niet, dan ben je nog niet klaar om te bouwen.
Met welke tool bouw je hem?
Er zijn vier eerlijke opties, en elk past bij een ander type project.
De native blokeditor met een block theme is het lichtst. Je krijgt schone code, geen extra afhankelijkheid en patronen die je op de volgende klantsite opnieuw kunt gebruiken. Het vraagt meer van je bij de lay-outkeuzes. Als je hem afweegt tegen een visuele builder, zet dan onze vergelijking Gutenberg versus Elementor ernaast, want die zet de afwegingen in cijfers.
Een page builder geeft meer visuele controle en een sjablonenbibliotheek, maar de output is zwaarder en je bent afhankelijk van een plugin. Divi is het bekende voorbeeld. Het past bij een bureau dat veel pagina's bouwt en één vertrouwde werkset wil.
Een AI-sitegenerator stelt een hele pagina samen op basis van een prompt. 10Web doet dat binnen WordPress, en het concept dat het oplevert is een redelijk startpunt. Reken erop dat je de tekst bewerkt en de structuur opschoont. Waar dat goed werkt, lees je in AI voor WordPress.
Een gehoste landingpage-tool staat buiten WordPress. Webflow is zo'n optie, met sterke visuele controle en eigen hosting. Dat kan de kosten waard zijn als de pagina los van je WordPress-site staat. Sla het over als de pagina je thema, je analytics en je domeinstructuur moet delen.
De rest van deze gids gebruikt de native editor, omdat die je het meeste leert en het minst kost. De stappen vertalen zich naar elke builder.
Hoe zet je de pagina op en maak je hem kaal?
Maak de pagina aan onder Pagina's, Nieuwe toevoegen. Geef hem een duidelijke titel die aansluit bij het aanbod, en kies een korte slug. Een slug als /audit is altijd beter dan /landingspagina-maart-v2.
Pak dan het sjabloon aan. Een block theme laat je per pagina een sjabloon toewijzen, en een landingpage heeft er één nodig zonder header, zonder footer en zonder titelblok. Veel block themes bevatten een sjabloon als "Leeg" of "Pagina zonder titel". Heeft jouw thema er geen, open dan de Site-editor, ga naar Sjablonen, voeg een eigen sjabloon toe en bouw het op uit één blok Berichtinhoud.
Dat ene sjabloon is het nuttigste dat je in dit project maakt. Noem het "Landing" en gebruik het voor elke campagnepagina op de site.
Controleer de lay-outbreedte in theme.json. Landingpages lezen het best in een smalle kolom voor tekst, met brede blokken alleen voor de hero en het bewijs. Heeft je thema een content-breedte en een brede breedte, gebruik ze dan bewust: tekst in de smalle kolom, afbeeldingen en kolommen in de brede.
Marginalia: de sjabloontoewijzing hierboven werkt in WordPress 6.5 en nieuwer. Oudere block themes tonen die instelling in een ander menu.
Welke secties heeft de pagina echt nodig?
Minder dan de meeste sjablonen suggereren. Een pagina die één actie vraagt heeft een korte reeks nodig, en elke sectie beantwoordt één vraag die de bezoeker heeft.
Bouw ze in deze volgorde, als patronen die je kunt opslaan en hergebruiken:
Een hero met de belofte, één ondersteunende zin en de knop.
Bewijs vlak bij de top: een klantcitaat, een getal of herkenbaar klantwerk.
Het aanbod in drie korte punten, geschreven als resultaten.
Het formulier of de tweede knop.
Een kort antwoordblok voor de twee bezwaren die je het vaakst hoort.
Gebruik een Cover- of Groep-blok voor de hero, met een Kop, één Alinea en een Knoppen-blok. Houd de kop bij een belofte die een vreemdeling in drie seconden kan lezen. Noem het ding en noem het resultaat. Vermijd slimmigheid die twee keer lezen vraagt.
Schrijf het knoplabel als de actie zelf: "Boek de audit", "Download de checklist". Generieke labels als "Verzenden" kosten je de context die de kop heeft opgebouwd.
Werk je met een AI-tool voor concepten, gebruik die dan voor de eerste versie van de tekst en voor varianten van de kop, en lees daarna elke regel zelf. AI verzint bewijs dat er niet is. Laat nooit een gegenereerde testimonial of statistiek ongecontroleerd op de pagina komen, want een verzonnen citaat op een landingpage is de snelste manier om vertrouwen te verliezen.
Zodra een sectie werkt, selecteer je hem en kies je "Patroon maken" in het blokmenu. Bij de volgende campagne stel je de pagina in tien minuten samen uit je eigen patronen in plaats van alles opnieuw te bouwen.
Hoe bouw je het formulier?
WordPress heeft geen formulierblok, dus dit is het enige punt waar je een plugin nodig hebt. Elke onderhouden formulierplugin werkt. Belangrijker is de vorm van het formulier.
Vraag alleen wat je nodig hebt om op te volgen. Voor een nieuwsbrief of een download is een e-mailadres genoeg. Voor een afspraak voeg je een naam toe en hooguit één kwalificerende vraag. Elk extra veld kost je invullingen, en de rest kun je na het eerste contact vragen.
Zet het formulier waar de beslissing valt. Op een korte pagina is dat direct onder het aanbod. Op een langere pagina herhaal je de knop na het bewijs en laat je hem naar hetzelfde formulier verwijzen.
Stel daarna het deel in dat mensen vaak vergeten: de bedankstatus. Stuur door naar een korte bevestigingspagina, of toon een inline bericht dat zegt wat er daarna gebeurt en wanneer. Zet je analytics-event daar, zodat de conversie wordt geteld bij de bevestiging en niet bij de klik.
Test het formulier tot slot vanaf een telefoon, met een echt adres, en controleer of de e-mail aankomt. Een landingpage met een kapot formulier is erger dan geen pagina, want hij verbrandt je advertentiebudget en levert niets op.
Hoe snel moet de pagina zijn?
Sneller dan de rest van je site. Bezoekers uit advertenties hebben nog geen loyaliteit met jou, en een trage eerste weergave beëindigt het bezoek voordat de kop gelezen is.
De richtlijn van Google voor de Largest Contentful Paint noemt 2,5 seconden of minder goed. Op een landingpage is het grootste element meestal de heldafbeelding of het kopblok, dus begin daar.
Een korte checklist, op volgorde van impact:
Comprimeer de heldafbeelding en lever hem als WebP, op de breedte waarin hij wordt getoond.
Lazy-load de eerste afbeelding op de pagina niet. WordPress Core laat die afbeelding boven de vouw doorgaans al ongemoeid, maar controleer het in de gerenderde HTML, zeker als er een Cover-blok in het spel is.
Host een of twee lettertypen zelf en schrap ongebruikte gewichten. Een variabel lettertype vervangt meerdere bestanden door één.
Laad scripts alleen waar ze nodig zijn. Een formulierplugin die op elke pagina laadt, beperk je tot de pagina met het formulier.
Vermijd sliders, automatisch afspelende video en zware animatie boven de vouw.
Meet vóór en na met PageSpeed Insights op de live URL, met mobiele instellingen. Doe dat met caching ingeschakeld, zoals een bezoeker de pagina ziet. Voor de bredere reeks oplossingen rangschikt hoe je een WordPress-site versnelt de maatregelen op impact, en de WordPress-prestatieaudit uit 2026 laat zien hoe je de cijfers leest.
Werkt de pagina op een telefoon en in de taal van je lezer?
Het meeste advertentie- en e-mailverkeer komt op een telefoon, dus ontwerp eerst het smalle scherm en controleer het brede daarna. Open de pagina op een echt apparaat. Let op de grootte van de knoppen, de ruimte tussen de tikdoelen en of het formulier bij elk veld het juiste toetsenbord opent.
Lees de pagina in een gespiegelde lay-out als een deel van je publiek van rechts naar links leest. Lezers van Arabisch en Hebreeuws verwachten dat de hero, de knop en het formulier vanaf rechts lopen. Block themes met goede RTL-stylesheets regelen het meeste, maar test je afstanden, de plaatsing van je iconen en de opmaak van citaten in de gespiegelde weergave.
Kies een lettertype met echte Arabische of Hebreeuwse tekens en geen terugvaloptie. Een pagina die in het Engels verzorgd oogt en in het Arabisch onregelmatig, vertelt een heel publiek dat het aanbod niet voor hen is geschreven.
Draai je twee talen, bouw dan twee aparte landingpages met eigen tekst. Vertaal de kop niet woord voor woord. Een belofte die in de ene taal werkt, heeft in de andere vaak een andere vorm nodig.
Wat controleer je voordat je publiceert?
Loop deze lijst na op de live pagina, uitgelogd, in een privévenster:
De pagina heeft één doel en één primaire knop, hooguit twee keer herhaald.
De header, footer en zijbalk zijn verdwenen.
De titel, metabeschrijving en social afbeelding zijn ingesteld en sluiten aan op de advertentie die naar de pagina verwijst.
Het formulier verstuurt, de bedankstatus verschijnt en de conversie wordt gemeten.
De pagina haalt een mobiele snelheidstest en leest goed bij 360 pixels breed.
Elke afbeelding heeft alt-tekst en het contrast van de knoptekst is leesbaar.
Bepaal daarna of de pagina geïndexeerd moet worden. Een pagina voor een betaalde campagne kan een noindex-tag krijgen, zodat hij niet concurreert met je hoofdpagina's. Een pagina die moet ranken hoort in de sitemap en verdient een echte zoektitel.
Verander na de lancering één ding tegelijk. Herschrijf eerst de kop, want die weegt het zwaarst, en geef elke versie genoeg bezoekers voordat je oordeelt. Twee weken stabiel verkeer zegt meer dan twee dagen enthousiasme.
Wat zouden wij eigenlijk doen?
Begin met de ene zin over het doel, het sjabloon "Landing" en vijf secties. Sla de page builder over tot de native editor niet meer genoeg is. Besteed je inspanning aan het aanbod, de kop en de snelheid, want daarmee beweegt het getal.
Open de Site-editor, noem het sjabloon "Landing" en bouw eerst de hero.