CTA-buttons die wél werken — voorbeelden uit MKB-websites

Je hebt een mooie website. Goede foto's, heldere tekst, alles staat netjes op zijn plek. En toch… mensen klikken niet. Ze komen, ze kijken, en ze vertrekken weer. Grote kans dat je CTA-button de boosdoener is. Niet omdat hij lelijk is, maar omdat hij te vaag, te druk of gewoon te makkelijk te negeren is.

In dit artikel laat ik je zien welke cta button voorbeelden echt het verschil maken voor MKB-ondernemers — met echte cases, harde cijfers en dingen die je morgen al kunt aanpassen.

---

Wat maakt een CTA-button eigenlijk slecht?

Een knop met 'Klik hier' of 'Verstuur' zegt niks. Je vraagt iemand iets te doen, maar je geeft ze geen reden. Vergelijk het met een winkelier die bij de deur staat en zegt: 'Doe iets.' Niemand reageert daarop.

Het probleem is niet de knop zelf. Het probleem is de tekst op de knop én de plek waar hij staat.

Neem een installatiebedrijf uit Utrecht dat ik een tijdje terug bekeek. Hun contactpagina had drie buttons naast elkaar: 'Meer info', 'Offerte aanvragen' en 'Bel ons'. Alle drie even groot, zelfde kleur, netjes op een rij. Resultaat? Niemand wist wat hij moest doen. Uit onderzoek van WordStream en HubSpot (2016) blijkt dat websites met één duidelijke CTA op een landingspagina een 371% hogere conversieratio hadden dan pagina's met meerdere concurrerende buttons. Drie keuzes is dus geen vrijheid — het is verlamming.

---

Cta button voorbeelden die wél werken in de praktijk

1. Het installatiebedrijf dat één keuze maakte

Nadat het Utrechtse installatiebedrijf hun drie buttons terugbracht naar één — 'Vraag mijn offerte aan' — steeg het aantal offerteaanvragen binnen een maand merkbaar. De tekst werd persoonlijker, de pagina rustiger.

Dat 'mijn' maakt meer uit dan je denkt. HubSpot (2014) testte buttons met een persoonlijk, actiegericht label ('Start mijn gratis proefperiode') versus generieke varianten ('Aanmelden'). De persoonlijke versie converteerde gemiddeld 90% beter. Negentig procent. Voor één woordje.

Dus: gebruik 'mijn' waar je kan. 'Bereken mijn prijs', 'Plan mijn afspraak', 'Download mijn checklist'. Het voelt voor de bezoeker alsof jij het voor hém gemaakt hebt.

2. De webshop met een karretje vol verlaten hoop

Een lokale kledingwinkel in Eindhoven stapte over op een webshop tijdens corona. Leuk assortiment, goede prijzen. Maar de checkout was een rommeltje. Op de winkelwagenpagina stonden twee knoppen naast elkaar: 'Doorgaan met winkelen' en 'Afrekenen' — beide in dezelfde grijstint.

Raad eens welke mensen vaker aanklikten? Juist. De verkeerde.

Dit is een klassieker. Volgens het Baymard Institute (2023) verlaat gemiddeld 69,99% van de online shoppers hun winkelwagentje. Een flink deel daarvan heeft te maken met onduidelijke of verwarrende CTA-buttons in het afrekenproces. De oplossing voor deze winkel was simpel: de 'Afrekenen'-knop kreeg een contrasterende kleur (oranje), de andere knop werd een tekstlink. Meteen minder verwarring, meer aankopen.

3. De coach die haar button leerde schrijven

Een zelfstandige loopbaancoach uit Amsterdam had op haar homepage een mooie foto, een sterke headline en onderaan een blauwe knop met 'Neem contact op'. Dat is de meest generieke CTA die bestaat.

We herschreven de knop naar: 'Plan een gratis kennismaking'. Drie dingen veranderden er tegelijk: het is gratis (geen drempel), het is concreet (kennismaking, geen vaag 'contact'), en het klinkt als een actie die de bezoeker initieert. Het aantal ingevulde formulieren verdubbelde binnen twee weken.

---

De vormgeving doet ook mee — maar minder dan je denkt

Oke, de tekst is het belangrijkste. Maar de knop moet ook gezien worden. Dat klinkt logisch, maar je zou versteld staan hoeveel websites een CTA-button in een kleur zetten die opgaat in de rest van de pagina.

Nielsen Norman Group (2020) documenteert dat visuele hiërarchie en opvallendheid direct van invloed zijn op gebruikersgedrag. Mensen scannen een pagina in een fractie van een seconde. Als je knop niet opvalt, bestaat hij niet. Contrasterende kleuren en witruimte rondom de button helpen enorm. Niet per se feller, wel anders dan de rest van de pagina.

Praktische vuistregels:

Gebruik één accentkleur op je hele site — en gebruik die kleur alleen voor je belangrijkste CTA's.
Geef de knop ruimte. Een button die verstikt zit tussen tekst en afbeeldingen wordt over het hoofd gezien.
Maak hem groot genoeg om op te klikken op mobiel. Minstens 44x44 pixels, anders tikt iemand op de verkeerde plek en haakt hij af.

---

Waar staat jouw CTA — en wanneer?

Timing is ook een ding. Een button die meteen 'Koop nu' schreeuwt terwijl iemand de pagina nog niet eens gelezen heeft, werkt averechts. Maar een button die pas onderaan een lange pagina opduikt, mist de bezoeker die halverwege al wilde klikken.

De beste aanpak voor de meeste MKB-websites:

Boven de vouw — één duidelijke CTA als mensen binnenkomen.
Na je uitleg — als je iets uitlegt (dienst, product, werkwijze), sluit dan af met een logische vervolgstap.
Sticky of herhalend — op langere pagina's mag je de button meerdere keren herhalen. Niet opdringerig, gewoon aanwezig.

Een accountantskantoor in Haarlem deed precies dit. Ze zetten hun 'Plan een vrijblijvend gesprek'-knop bovenaan, na elke dienstbeschrijving én onderaan de pagina. Het aantal aanvragen via de website steeg in het eerste kwartaal na de aanpassing met zo'n dertig procent.

---

Wat kun jij nú veranderen?

Loop even je eigen website na. Pak de pagina die het belangrijkst voor je is — je homepage of je dienstenpagina — en stel jezelf drie vragen:

Staat er één duidelijke CTA, of concurreren er meerdere buttons om aandacht?
Staat er 'mijn' of een persoonlijk werkwoord in de knoptekst?
Valt de knop op qua kleur en witruimte, of verdwijnt hij in het geheel?

Als je één van deze drie vragen met 'nee' beantwoordt, heb je een makkelijke winst liggen.

Wil je weten hoe jouw website er echt voor staat? Doe dan de gratis Forgr-scan — dan kijk ik samen met je naar je CTA's, je pagina-opbouw en wat er écht mis gaat met je conversies. Geen vaag rapport, gewoon concrete feedback.