Een compacte sectie die de bezoeker tot actie aanzet, met een pakkende titel en een knop.
Zet dit block aan het eind van een pagina of sectie wanneer je de bezoeker een duidelijke vervolgstap wilt geven: een demo aanvragen, contact opnemen of doorklikken naar een productpagina. Eén titel en één knop houden de keuze simpel — meerdere concurrerende call-to-actions op dezelfde pagina verlagen doorgaans de conversie.
Gebruik Cta bijvoorbeeld onderaan een FAQ-sectie, na de laatste vraag, of aan het eind van een lange tekstpagina om de lezer alsnog naar het contactformulier te sturen.
Gebruiksscenario's per site-type
Op een webshop zet je Cta bijvoorbeeld onderaan een categoriepagina om door te verwijzen naar de nieuwsbrief-aanmelding of naar een actiepagina. Bij een portfolio-site werkt het block goed als afsluiter van een projectpagina, met een knop naar het contactformulier of naar het volgende project. Voor een zakelijke dienstverlener is Cta vaak de sectie die de omzet moet maken: onderaan een dienstenpagina, met een knop naar 'Offerte aanvragen' of 'Plan een gesprek'.
Veelgemaakte fouten
Een veelgemaakte fout is de titel te vaag houden, zoals 'Meer weten?' — dat zet niemand aan tot actie. Beschrijf liever concreet wat de bezoeker krijgt als hij klikt, en laat het knoplabel het werkwoord van die actie bevatten ('Vraag een offerte aan' in plaats van 'Verder'). Zet ook niet meerdere Cta-blocks vlak na elkaar op één pagina: dat verwatert de aandacht en de bezoeker weet niet meer welke actie de belangrijkste is.
Zorg dat de bestemming van de knop (href) altijd overeenkomt met de titel: een titel die 'Vraag een offerte aan' belooft, maar linkt naar de algemene contactpagina in plaats van een specifiek offerteformulier, zorgt voor onnodige uitval. Test de link dus na het bouwen altijd door er zelf doorheen te klikken.
Qua plaatsing werkt Cta het best als natuurlijk sluitstuk van een sectie: na de laatste vraag van een FAQ, onderaan een tekstpagina, of als afsluiting van een GsapReveal-sectie zodat de call-to-action zelf ook rustig in beeld verschijnt in plaats van abrupt op de pagina te staan.
<Cta title='Klaar om te starten?' href='/contact/' label='Neem contact op' />