In dit artikel
Wat is een landingspagina eigenlijk?

Wat maakt een landingspagina effectief?
Laten we eens wat dieper ingaan op wat een landingspagina effectief maakt. Als je landingspagina bezoekers moet gaan converteren, zal deze ten minste deze drie elementen moeten bevatten:- Een header. Dit zal de aandacht van je bezoekers trekken. Het moet kort en bondig zijn.
- Een subheader. Dit is een stukje tekst waarin jij je bezoekers uitlegt hoe je hen kunt helpen. Hoewel je hier wat meer ruimte hebt om je header uit te werken, moet je subheader ook kort en krachtig zijn.
- Een CTA. Dat is een afkorting voor “Call To Action” (ofwel oproep tot actie). Het is de knop waarop je wilt dat je bezoekers drukken. Zo simpel is het.

- Er moet weinig tot geen navigatie mogelijk zijn. Een effectieve landingspagina moet er alles aan doen om de aandacht op jouw CTA te vestigen. Andere navigatie-elementen kunnen afleiden van je CTA, waardoor je uiteindelijk leads verliest. Hoewel er effectieve landingspagina’s zijn die navigatie-elementen bevatten (ik denk hierbij even aan DoorDash), probeer je het beste deze tot een minimum te beperken.
- Voeg interessante visuals toe. Je wilt je pagina niet overvol zetten met tekst, maar je moet hem op de één of andere manier aantrekkelijk maken. Afbeeldingen van hoge kwaliteit zijn een geweldige manier om de belangstelling voor je dienst te vergroten. Bonuspunten als je een video erin kunt opnemen.
- Voeg sociaal bewijs toe. Heb je al positieve feedback gekregen? Wees niet verlegen om deze te delen op je landingspagina. Mensen zijn sociale wezens. Als je bezoekers zien dat anderen aanbevelen wat jij aanbiedt, is de kans groter dat ze geïnteresseerd zijn.
- Maak het interactief (indien van toepassing). Zorgen dat je bezoekers interactie kunnen hebben met je site kan een effectieve manier zijn om hun belangstelling te vergroten. Quizzen, bewegende balken en minigames zijn allemaal goede manieren om bezoekers aan te moedigen om te klikken. Zorg er wel voor dat alle interactieve elementen verband houden met wat je aanbiedt. Anders loop je het risico je bezoekers te irriteren.
- Ken je publiek. Wat bied je aan? Is het elegant? Energiek? Trendy? Een tijdschrift over gamen kan baat hebben bij een in-browser mini-game. Een kaarsenwinkel kan een vragenlijstje hebben dat bezoekers helpt de ideale kaars te vinden. Alles, van lettertypes tot achtergrondkleuren, moet je doelgroep aanspreken.
Methode 1: gebruik een WP pagebuilder
Voor we beginnen, moeten we duidelijk zijn over het verschil tussen WordPress.com en WordPress.org. WordPress.org is een open-source platform voor het maken en beheren van websites. Je hebt misschien gehoord dat ongeveer een derde van alle websites op WordPress draait. Dat klopt helemaal. Om WordPress.org te gebruiken, heb je een webhosting-provider nodig, evenals een domeinnaam. Maar maak je geen zorgen. Dit klinkt ingewikkelder dan het is. WordPress.com is de versie van WordPress die met eigen hosting is uitgerust. Vergeleken met WordPress.org, lijkt het veel meer op een traditionele websitemaker. Dit betekent dat het gemakkelijker te beheren is, maar het is ook beperkter. Merk op dat beide editors beschikbaar zijn in het Nederlands. Laten we beginnen met het maken van een landingspagina met WordPress.org. Als je alleen geïnteresseerd bent in het gebruik van WordPress.com, kun je hier verder gaan.Stap 1: Zorg voor hosting
Voordat je begint, heb je een hostingprovider nodig waar je WordPress en een pagebuilder kunt installeren. Als je er al één gebruikt voor je hoofdsite of online winkel, blijf er dan bij; er is geen reden om dingen ingewikkelder te maken. Als je nog geen hostingprovider hebt, raad ik je aan eens te kijken naar ons overzicht van de beste hostingproviders voor 2023
Het proces van het installeren van WordPress zal variëren afhankelijk van je provider, maar het zou bij geen enkele provider te ingewikkeld moeten zijn. Ik ging voor Hostinger om mijn pagina te maken. Hostinger biedt gespecialiseerde abonnementen voor WordPress-hosting. Het enige dat ik moest doen was een account aanmaken en de instructies van het automatische installatieprogramma volgen.


Bespaar tot 75 % op je Hostinger-abonnement!
Tijdelijke aanbieding - Mis het niet!
7002 gebruikers hebben deze coupon gebruikt
Stap 2: Installeer je pagebuilder
Nu je de juiste hostingprovider hebt, is het tijd om je pagebuilder te installeren. Het enige dat je hoeft te doen is naar je WordPress-dashboard gaan, naar Plugins navigeren, en op “Nieuwe toevoegen” klikken.
Stap 3: Schets je pagina
Als je geen duidelijk beeld hebt van wat je wilt, kun je gemakkelijk eindigen met een rommelige landingspagina en geen idee hoe je het moet oplossen. Daarom is het belangrijk om een plan te hebben.
Begin met het maken van een mock-up (model) van je landingspagina. Er zijn geen regels voor dit onderdeel. Je kunt het ontwerpen in Photoshop, MS Paint, of tekenen op een servet. Het enige dat telt is dat het duidelijk genoeg moet zijn om mee te werken.
Als je niet weet waar je moet beginnen, kun je altijd kijken naar voorbeelden van geweldige landingspagina’s in jouw niche. Denk aan je merk, stijl en wie je aanspreekt.
Voor dit voorbeeld besloot ik een landingspagina te ontwerpen voor een boekenwinkel, die abonnementen verkoopt en elke maand gepersonaliseerde suggesties verstuurt. Naast de basisbeginselen heb ik ervoor gekozen een quiz op te nemen, die de gebruiker nieuwe boeken aanbeveelt.
Stap 4: Kies het perfecte sjabloon
Dus, je hebt gekozen voor een hostingprovider, je hebt WordPress geïnstalleerd, en je pagebuilder werkt. Je bent klaar om verder te gaan met het leuke gedeelte, toch? Bijna. Je moet eerst nog een sjabloon kiezen. Natuurlijk kun je beginnen met een lege pagina en van daaruit starten met bouwen. De hoeveelheid kleine ontwerpbeslissingen die je zult moeten nemen – zaken als lettertypen, kleuren, animaties en achtergrondontwerpen – zal je echter misschien verbazen. Hoe meer een bestaand sjabloon overeenkomt met je ideale ontwerp, hoe minder werk je hoeft te verrichten om je visie tot leven te brengen.
Stap 5: Personaliseer je pagina
Het precieze proces om een landingspagina te personaliseren zal voor iedereen anders zijn. Persoonlijk begin ik graag met de algemene aspecten en werk dan verder aan de details. Om te bewerken met Elementor, ga je naar je WordPress-dashboard, maak je een nieuwe pagina aan en kies je “bewerken met Elementor”. Je ziet nu een menu met verschillende widget-opties. Klik op het hamburgermenu links bovenin (dat zijn de drie horizontale lijnen) en dan op “Site instellingen”. Hier kun je de algemenere aspecten van je pagina aanpassen, zoals globale lettertypes, achtergrondkleur en meer.



De beste pagebuilders voor landingspagina’s
Er zijn heel veel (en ik bedoel heel veel) pagebuilders voor WordPress. Zelfs een lijst van de beste zou te veel plaats innemen. Wat ik wel kan doen is je een snelle blik geven op mijn absolute favorieten.
Elementor

- Een heleboel thema’s van derden. Er zijn duizenden Elementor-compatibele thema’s op het web te vinden. Dit omvat meer dan genoeg grote landingspaginathema’s voor elk budget.
- Schaalbare functionaliteit. Het gratis abonnement van Elementor is niets om grappen over te maken. Als je echter op zoek bent naar nog meer functionaliteit, dan zijn de Pro en Expert-abonnementen redelijk geprijsd. Ook bieden ze fantastische functies zoals de Theme Builder en een geavanceerde Popup Builder.
- Aangepaste CSS bewerken. Vanaf het Pro-abonnement kun je ongeveer elk onderdeel van je website met aangepaste code bewerken. Je hebt een beetje technische kennis nodig, maar de mogelijkheden zijn eindeloos.
Divi

- De Module Editor. Als je een element wilt bewerken, hoef je er alleen maar op te klikken. De verschillende mogelijkheden voor personalisatie verschijnen dan direct boven het element.
- Fantastische lay-out pakketten. Divi biedt meer dan 250 pakketten sjablonen (lay-out pakketten genoemd) om je te helpen elk soort pagina te bouwen.
- Ongelooflijk gebruiksgemak. Er zijn maar weinig pagebuilders die zo gemakkelijk te gebruiken zijn als Divi.
SeedProd

- Bliksemsnelle bewerking. Dankzij de eenvoudige lay-out en de responsieve widgets, duurt het slechts een paar minuten om een geweldige landingspagina te maken met SeedProd.
- Sjablonen van hoge kwaliteit. SeedProd biedt tot meer dan 180 hoogwaardige en te personaliseren sjablonen, afhankelijk van je abonnement.
- Beheer van abonnees. Met SeedProd’s tools voor abonneebeheer kun je de abonneegroei bijhouden en krijg je visuele gegevens over je abonneecijfers.
Beaver Builder

- Ongelooflijk responsief bewerken. Wanneer je wijzigingen aanbrengt op je website, is er vrijwel geen vertraging in de editor.
- Gemakkelijk knoppen bewerken. Beaver Builder biedt elke tool die je maar nodig hebt om een klikbare knop (een bijzonder belangrijk element op de meeste landingspagina’s) fijn af te stellen.
- Enorm ondersteuningscentrum. Als je ooit de weg kwijt bent, biedt Beaver Builder honderden instructievideo’s om je weer op weg te helpen.
Methode 2: gebruik de WordPress Gutenberg-editor
Als je WordPress.com gebruikt, moet je een Pro-abonnement hebben om een pagebuilder (of andere plugins) te kunnen installeren. Bovendien verbergen de meeste pagebuilders hun beste functies achter een betaalmuur, dus de kosten kunnen snel oplopen. Het goede nieuws is dat elk WordPress-abonnement is uitgerust met de Gutenberg-editor, een eenvoudige blok editor voor het eenvoudig maken van websites. Hoewel deze beperkter is dan veel andere pagebuilders, kun je het nog steeds gebruiken om een effectieve landingspagina te maken, en voor weinig tot geen geld. En zo doe je het:Stap 1: Maak een WordPress.com-account aan



Bespaar tot 55 % op je WordPress.com-abonnement!
Tijdelijke aanbieding - Mis het niet!
43 gebruikers hebben deze coupon gebruikt
Stap 2: Plan het ontwerp van je landingspagina
Dit is vrijwel hetzelfde advies als voorheen, behalve dat je nu rekening moet houden met de beperkingen van de Gutenberg-editor bij het plannen van je ontwerp. Plan geen pagina met complexe animaties, dynamische achtergronden en… ik weet het niet, deeltjeseffecten? Met Gutenberg zul je het moeten doen met de basis. Maar laat dit je niet afschrikken. Een goede landingspagina heeft niet veel mooie elementen nodig. Het enige dat je nodig hebt is een sterke CTA en een onderscheidende identiteit.Stap 3: Kies je thema
Nu je een stappenplan hebt voor je pagina, is het tijd om een thema te kiezen. Ga naar je WordPress.com-dashboard, klik op Uiterlijk, en dan Thema’s.
Stap 4: Leer Gutenberg kennen
Wanneer je voor het eerst je site bewerkt, biedt WordPress.com je een snelle rondleiding door de Gutenberg-editor. Dit is een mooie kans om je kennis over de grondbeginselen bij te schaven. Ik raad ook sterk aan om eerst een beetje te spelen voordat je je pagina gaat maken. Probeer blokken toe te voegen en te verwijderen, gewoon om te zien wat ze doen.

Stap 5: Bewerk je pagina
WordPress.com verdeelt blokken in verschillende categorieën, zoals media, tekst en ontwerp. De ontwerpblokken zijn vooral nuttig omdat je daarmee de basis lay-out van je site kunt bewerken. Door je site te verdelen in kolommen, groepen en aangepaste ruimtes kun je een samenhangend ontwerp creëren. Als je een element wilt toevoegen, ga dan simpelweg naar de linkerbovenhoek en klik op het plusteken. WordPress.com biedt veel basisblokken, maar je beste tools zullen diegene zijn voor het toevoegen en aanpassen van headers, afbeeldingen en paragrafen.


Pro tip. Een eenvoudige structuur kan wonderen doen, zolang je maar geweldige visuals hebt. Een professionele ontwerper kan fantastische logo’s, achtergronden en andere elementen voor je maken. Op Fiverr kun je ervaren ontwerpers vinden tegen een betaalbare prijs.
Guttenberg is niet de meest responsieve pagebuilder, dus zorg ervoor dat je zo nu en dan een voorbeeld van je site bekijkt. Als je tevreden bent met je pagina, klik je op “opslaan”. Ga dan naar instellingen, algemeen, en klik op “Site lanceren”. Dat is het! Je landingspagina is nu live, zodat de wereld hem kan zien.

Methode 3 (Bonus): dump WordPress voor een gemakkelijkere oplossing
Hey, snelle vraag. Waarom wil je precies WordPress gebruiken? Begrijp me niet verkeerd, WordPress is een fantastisch platform dat veel te bieden heeft, maar het is niet de enige manier om een landingspagina te maken. Er zijn genoeg websitemakers waarmee je in de helft van de tijd een effectieve landingspagina kunt maken. En hoewel het klopt dat ze qua schaalbaarheid niet kunnen tippen aan WordPress, hoeft dat voor een landingspagina ook niet. Dus, als bonus, volgt hier een snelle gids voor het maken van een landingspagina met behulp van een websitemaker.Stap 1: Kies een websitemaker
Wat de beste websitemaker is voor jou, zal afhangen van wat je nodig hebt qua functies, gebruiksgemak en ontwerpflexibiliteit.
Voor landingspagina’s zijn dit mijn top aanbevelingen:- Wix. Wix biedt ongelooflijke ontwerpflexibiliteit dankzij de gratis drag-and-drop editor. Het is echt gebruiksvriendelijk, dus het duurt maar een paar minuten om ermee te leren werken. Het bevat ook talrijke cool uitziende geanimeerde functies en vooraf gemaakte elementen die je kunt gebruiken om je pagina mooier te maken.
- SITE123. SITE123 is één van de makkelijkste websitemakers die er zijn. Met SITE123 kan iedereen binnen enkele minuten een landingspagina maken, ongeacht ervaring. Het is ook mobiel-responsief, dus je kunt er zeker van zijn dat je pagina er op mobiel net zo goed uitziet als op desktop.
- Squarespace Squarespace is een fantastische optie voor pagina’s die visuals benadrukken, de aandacht vestigen op specifieke elementen, en interacties opwekken. Ik had ook gewoon landingspagina’s kunnen zeggen. Ik raad Squarespace aan als je een elegant maar dynamisch ontwerp wilt dat het meeste moeilijke werk uit handen neemt.
Stap 2: Plan je ontwerp en kies een sjabloon
Ja, deze weer. Ik zal niet te veel in detail treden want de stappen zijn dezelfde zijn als voorheen. Plan vooraf de structuur van je pagina en kies dan een sjabloon dat daar dicht bij ligt. Wix heeft een bibliotheek van meer dan 800 hoogwaardige sjablonen (waarvan er 35 speciaal voor landingspagina’s zijn gemaakt), dus het zou niet al te moeilijk moeten zijn om de perfecte basis voor je ontwerp te vinden.
Stap 3: Aan de slag met bewerken
Begin met het veranderen van de kleuren en typografie van je thema naar de stijl die het beste bij je past. Om dit te doen, ga naar het menu aan de linkerkant en klik op “site design”. Hier kun je beginnen met het verwijderen van elementen die je niet nodig hebt en het toevoegen van nieuwe.



Stap 4: Publiceer je pagina
Om je pagina te publiceren, moet je er een domein voor registreren, zelfs al is het maar de gratis versie van Wix. Maar maak je geen zorgen, de meeste websitemakers zijn uitgerust met een geïntegreerd domeinregister dat het makkelijk maakt om je site online te krijgen.

Wix kost nu slechts $11.00 per maand!
Mis deze geweldige deal niet!
7202 gebruikers hebben deze coupon gebruikt