Een goede call to action is een kort knoplabel dat met een werkwoord begint en noemt wat de bezoeker krijgt, plus één regel microcopy die de grootste zorg wegneemt. Hier staan 60 originele voorbeelden, gegroepeerd per paginatype (hero, prijzen, formulier, e-mail en meer), elk met een knopontwerp en de reden waarom het werkt.
Een call to action (CTA) is het element dat de bezoeker vraagt de volgende stap te zetten: een knop, een link of soms een formulier. De meeste CTA's die werken, hebben drie dingen gemeen:
Elk voorbeeld hieronder is voor deze pagina geschreven; geen enkel voorbeeld is gekopieerd van een echt bedrijf. Vul uw eigen aanbod in en houd een bewering (een deadline, een reactietijd, een gratis abonnement) alleen aan als die voor u klopt.
Zoek op woord ("gratis", "proef", "boeken") of op paginatype ("prijzen", "e-mail").
Ga naar: Herosectie · Prijspagina · Formulier · E-mail · Productpagina · Blog en nieuwsbrief · App-onboarding
De eerste knop die een bezoeker ziet. Die moet de eerste stap noemen, niet het hele traject.
Geen kaart nodig. Opzeggen in twee klikken.
Waarom het werkt: Koppelt de actie aan de twee zorgen die mensen hebben voor een proefperiode: betalen en weer opzeggen.
Een monteur uit de buurt belt binnen één werkdag terug.
Waarom het werkt: Zegt wat "gratis" u oplevert en wanneer er iets gebeurt.
Koppel een spreadsheet en krijg binnen enkele minuten een dashboard.
Waarom het werkt: Belooft een persoonlijk resultaat in plaats van een algemene demo.
Drie vragen. Prijs op het scherm, geen verkoopgesprek.
Waarom het werkt: Eerste persoon ("mijn") plus een duidelijke inschatting van de moeite.
Beantwoord vijf vragen en krijg een maaltijdplan dat u kunt printen.
Waarom het werkt: Noemt een concreet resultaat dat de bezoeker zich kan voorstellen.
Zoek op postcode, dag of niveau.
Waarom het werkt: Sluit aan op de echte vraag van de bezoeker (waar en wanneer) in plaats van "Meer informatie".
Opent in uw browser. Niets te installeren.
Waarom het werkt: Vrijblijvend werkwoord plus het wegnemen van de installatiedrempel.
Live agenda voor de komende 60 dagen.
Waarom het werkt: Bij boekingen is beschikbaarheid de eerste vraag, dus begin daarmee.
Kies uw materiaal en hoeveel tijd u hebt.
Waarom het werkt: De bezoeker maakt iets; de microcopy laat zien dat het zich aan hem aanpast.
Een PDF van 12 pagina's. We mailen hem u één keer.
Waarom het werkt: Schept precieze verwachtingen over wat er binnenkomt en hoe vaak.
Het gratis abonnement blijft gratis. Upgrade alleen als u meer nodig hebt.
Waarom het werkt: Beantwoordt de onuitgesproken vraag "hoe lang gratis?".
Vijftien minuten, wanneer het u uitkomt.
Waarom het werkt: Presenteert het gesprek als deskundige hulp en begrenst de tijd.
Bezoekers zijn hier aan het vergelijken. Elke abonnementsknop moet zeggen wat er daarna gebeurt voor dat abonnement.
Maandelijks gefactureerd. Wissel op elk moment van abonnement.
Waarom het werkt: Gebruikt de naam van het abonnement, zodat de klik voelt als een bewuste keuze.
U kiest op dag 14 een abonnement, of er gebeurt niets.
Waarom het werkt: Legt het einde van de proefperiode uit, het moment waar mensen tegen opzien.
Bevat alles uit Starter, plus plekken voor uw team.
Waarom het werkt: Kort werkwoord plus abonnement, met het verschil eronder uitgelegd.
Voor 50+ gebruikers, maatwerkcontracten of facturatie.
Waarom het werkt: Vertelt bezoekers voor wie deze knop is, zodat de verkeerde mensen hem overslaan.
Betaal voor tien maanden, gebruik het twaalf.
Waarom het werkt: Maakt van een korting een eenvoudige, controleerbare som.
Uw huidige werk en instellingen gaan mee.
Waarom het werkt: Bestaande gebruikers zijn bang werk te verliezen; de microcopy neemt die angst weg.
U kunt een abonnement omhoog zonder iets te verliezen.
Waarom het werkt: "Begin met" presenteert het goedkope abonnement als eerste stap, niet als definitieve keuze.
Eén betaling. Updates voor deze versie inbegrepen.
Waarom het werkt: Bij een eenmalige prijs staat het model duidelijk naast de knop.
Volledige tabel, abonnement per abonnement.
Waarom het werkt: Een secundaire actie voor bezoekers die nog niet klaar zijn om te kiezen.
De meeste teams van 5 tot 20 mensen beginnen hier.
Waarom het werkt: Advies op basis van wat past, niet op verzonnen populariteit.
De verzendknop is het laatste wat iemand leest voordat hij zich vastlegt. Zeg wat de bezoeker krijgt, niet wat het formulier doet.
U ontvangt hem binnen het uur per e-mail.
Waarom het werkt: Vervangt "Verzenden" door het resultaat en een tijd.
Volgende stap: kies een gebruikersnaam.
Waarom het werkt: Laat zien dat er nog één stap komt, zodat het niet als een valkuil voelt.
Op werkdagen van 8am tot 6pm. We bellen niet buiten deze tijden.
Waarom het werkt: Respecteert de tijd van de bezoeker en noemt de grenzen.
We mailen de deelnamelink en een agenda-uitnodiging.
Waarom het werkt: Eigenaarschap ("mijn plek") plus wat er daarna binnenkomt.
Uw score verschijnt op het volgende scherm.
Waarom het werkt: Bij quizzen is het resultaat de beloning, dus noem het.
Een echt persoon antwoordt, meestal dezelfde dag.
Waarom het werkt: Schept een menselijke verwachting zonder een exacte tijd te beloven.
Eén e-mail bij de lancering. Niets daarvoor.
Waarom het werkt: Een kleine belofte over het aantal e-mails verlaagt de drempel om u aan te melden.
Duurt ongeveer 10 minuten. U kunt opslaan en later afmaken.
Waarom het werkt: Eerlijke lengte plus een vangnet voor lange formulieren.
Werkt in Google Sheets en Excel.
Waarom het werkt: Beantwoordt "werkt dit voor mij?" op het moment van klikken.
Gratis annuleren tot 24 uur van tevoren.
Waarom het werkt: Zet de annuleringsregel op de plek waar de beslissing valt.
In e-mail concurreert de knop met elk ander bericht in de inbox. Wees letterlijk: de lezer moet precies weten waar de link heen gaat.
Nog twee stappen. Ongeveer drie minuten.
Waarom het werkt: Voortgang als insteek voor een onboardingherinnering.
Volg de levering en wijzig het adres.
Waarom het werkt: Somt op wat de lezer na het klikken kan doen.
Code wordt bij het afrekenen toegepast. Eindigt zondag om middernacht.
Waarom het werkt: Een echte deadline met datum (alleen als die echt is).
Sam heeft een vraag gesteld over uw advertentie.
Waarom het werkt: Noemt de persoon, waardoor het bericht specifiek aanvoelt.
Ongeveer zes minuten leestijd.
Waarom het werkt: Bij nieuwsbrieven helpt de leestijd mensen kiezen tussen nu of later.
Uw abonnement eindigt op de datum hierboven.
Waarom het werkt: Koppelt de actie aan een feit dat al in de e-mail staat.
Eén tik. Duurt tien seconden.
Waarom het werkt: Verzoeken om feedback werken beter als de moeite duidelijk minimaal is.
Uw winkelwagen blijft zeven dagen bewaard.
Waarom het werkt: Stelt gerust dat er niets verloren is gegaan.
Deze link verloopt over 24 uur.
Waarom het werkt: Transactioneel: duidelijk werkwoord, duidelijk gevolg.
Uw afspraak is verplaatst. Kies een willekeurig vrij tijdslot.
Waarom het werkt: Geeft de controle terug na een wijziging waar de lezer niet om vroeg.
Bezoekers staan op het punt te kopen en zoeken redenen om te wachten. Neem die redenen weg naast de knop.
Gratis retourneren binnen 30 dagen.
Waarom het werkt: Standaardlabel waar mensen naar zoeken, met het grootste risico weggenomen.
Morgen verzonden als u voor 2pm bestelt.
Waarom het werkt: Een echte besteldeadline geeft een reden om vandaag te handelen.
Gebruik de maattabel of vul uw gebruikelijke maat bij andere merken in.
Waarom het werkt: Lost de meest voorkomende twijfel bij kleding op.
Eén e-mail zodra het op voorraad is.
Waarom het werkt: Houdt een bezoeker vast bij een uitverkocht product in plaats van hem kwijt te raken.
Bekijk de gravure voordat u betaalt.
Waarom het werkt: Laat zien dat de bezoeker de controle over het resultaat houdt.
Opgeslagen in uw account, zichtbaar op elk apparaat.
Waarom het werkt: Een zachtere actie voor mensen die nog niet klaar zijn om te kopen.
Lezers kwamen voor inhoud, niet voor een verkooppraatje. Bied meer van wat ze al hebben gekozen.
Elke donderdag één e-mail. Afmelden met één klik.
Waarom het werkt: Frequentie en uitweg vooraf vermeld.
De stappen uit dit artikel op één printbare pagina.
Waarom het werkt: Een content-upgrade die direct aansluit op wat ze net hebben gelezen.
Praktische tips voor kleine winkels, twee keer per maand.
Waarom het werkt: Eén woord is prima als de microcopy de doelgroep en het ritme noemt.
Maak een kopie in uw eigen account. Gratis.
Waarom het werkt: Maakt van lezen meteen doen.
Deel 2: prijzen bepalen.
Waarom het werkt: Noemt het volgende onderwerp, zodat de klik een duidelijke beloning heeft.
We beantwoorden vragen van lezers in de volgende editie.
Waarom het werkt: Nodigt uit tot deelname en zegt wat ermee gebeurt.
Nieuwe gebruikers beslissen in de eerste minuten of het product de moeite waard is om te leren. Elke knop moet ze naar hun eerste bruikbare resultaat brengen.
U kunt het later hernoemen of verwijderen.
Waarom het werkt: Neemt de angst weg om een blijvende fout te maken.
Uit een CSV-bestand of uw e-mailaccount.
Waarom het werkt: Haalt vroeg echte gegevens binnen, waardoor de app sneller nuttig wordt.
Die krijgt hetzelfde overzicht als u.
Waarom het werkt: Legt uit wat de genodigde ziet voordat u de uitnodiging verstuurt.
U kunt dit later doen in Instellingen.
Waarom het werkt: Een zichtbare uitweg vermindert afhakers bij optionele stappen.
U kiest het tijdstip. Standaard uit.
Waarom het werkt: Vraagt toestemming en laat de controle bij de gebruiker.
Vijf korte stappen. Op elk moment te sluiten.
Waarom het werkt: Noemt de lengte, zodat de rondleiding vrijblijvend en klein aanvoelt.
| Formule | Patroon | Voorbeeld |
|---|---|---|
| Werkwoord + resultaat | [Ontvang / Bekijk / Start] + [wat ze willen] | Ontvang mijn offerte |
| Werkwoord + "mijn" + object | De eerste persoon geeft een gevoel van eigenaarschap | Plan mijn eerste week |
| Werkwoord + object + tijd | Voegt toe hoe lang het duurt | Ontvang een prijs in 2 minuten |
| Werkwoord + object + risicoweghaler | De risicoweghaler staat meestal in de microcopy | Start gratis proefperiode / Geen kaart nodig |
| Volgende stap, benoemd | Voor flows met meerdere stappen | Verder naar bezorging |
| Vraag beantwoord | Spiegel wat ze kwamen zoeken | Bekijk beschikbaarheid |
Ideeën nodig voor een kop boven de knop? Probeer de kopgenerator.
Kies een werkwoord, een object en een regel microcopy om de knop te zien en de HTML te kopiëren.
Gewone CSS voor een primaire en een secundaire knop met toestanden voor focus, hover, ingedrukt en uitgeschakeld. Of ontwerp uw eigen knop met de CSS-knopgenerator en bekijk kant-en-klare knopcomponenten.
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
font: 600 1rem/1.2 system-ui, sans-serif;
text-decoration: none;
cursor: pointer;
transition: background-color 150ms, transform 100ms;
}
.btn-primary {
background: #1d4ed8;
color: #ffffff;
border: 0;
}
.btn-primary:hover { background: #1e40af; }
.btn-primary:active { transform: translateY(1px); }
.btn:focus-visible {
outline: 3px solid #93c5fd;
outline-offset: 2px;
}
.btn-secondary {
background: transparent;
color: #111827;
border: 2px solid #111827;
}
.btn-secondary:hover { background: #111827; color: #ffffff; }
.btn:disabled,
.btn[aria-disabled="true"] {
opacity: 0.5;
cursor: not-allowed;
transform: none;
}Dezelfde primaire knop met Tailwind-classes:
<a href="/signup" class="inline-flex min-h-[44px] items-center rounded-lg bg-blue-700 px-6 py-3 font-semibold text-white hover:bg-blue-800 active:translate-y-px focus-visible:outline focus-visible:outline-[3px] focus-visible:outline-offset-2 focus-visible:outline-blue-300">
Start your free trial
</a>Voor een volledige afsluitende sectie rond de knop, zie de CTA-sectiecomponenten.
Dit zijn dingen die het testen waard zijn, geen voorspellingen van wat wint. Resultaten hangen af van uw publiek en aanbod, dus test één wijziging tegelijk en wacht op genoeg bezoekers voordat u beslist (de A/B-testcalculator vertelt u of een verschil waarschijnlijk echt is).
Voor hoe CTA's in de rest van de pagina passen, zie wat is een landingspagina.
Een call to action is de knop, link of het formulier dat een bezoeker vraagt de volgende stap te zetten, zoals een proefperiode starten, een gesprek boeken of iets kopen. Een duidelijke call to action noemt het resultaat en begint met een werkwoord.
Meestal twee tot vijf. Zet extra details, zoals prijs, tijd of wat er daarna gebeurt, in een korte regel microcopy naast of onder de knop in plaats van in het label.
Microcopy is de korte regel naast een call to action die een zorg wegneemt, bijvoorbeeld "Geen kaart nodig" of "Gratis annuleren tot 24 uur van tevoren". Er mag alleen in staan wat voor uw aanbod klopt.
Er is niet één beste kleur. Waar het om gaat, is dat de knop opvalt tegen de achtergrond en de rest van de pagina, en dat het label minstens een contrastverhouding van 4.5:1 heeft met de knopkleur.
Een pagina kan dezelfde primaire actie meerdere keren herhalen, bijvoorbeeld in de hero en aan het einde. Toon geen twee verschillende primaire acties met gelijk gewicht in dezelfde weergave; maak van de tweede een knop met omlijning of een tekstlink.
Werkwoord
Object
Microcopy
Kleur
Gekopieerd
HTML kopiëren
Gratis beginnen · Geen creditcard nodig