Sticky CTA's: wanneer wel, wanneer niet, en hoe je ze test

Een sticky CTA, een knop die meeloopt terwijl de bezoeker scrolt, kan een van je sterkste conversiehefbomen zijn. Of een van de grootste irritatiefactoren op je site. Het verschil zit in waar, wanneer en hoe je hem inzet.

Hieronder wanneer sticky CTA's werken, wanneer ze averechts werken, en hoe je in 2 weken weet of hij iets doet voor jouw conversie.

Wat een sticky CTA goed doet

Drie mechanismen:

• Vangt elk beslissingsmoment. Bezoekers worden niet op één plek conversie-rijp, maar verspreid over de pagina. Een sticky CTA staat altijd klaar.
• Verlaagt de cognitive load. Geen "waar was die knop ook al weer?". Hij is er.
• Werkt zonder dat de bezoeker terug hoeft te scrollen. Vooral op lange salespagina's belangrijk.

Wanneer hij hindert

1. Mobiel: te veel scherm-real-estate. Een sticky CTA die 15% van het scherm vult, blokkeert content. Bezoekers ergeren zich.
2. Te vroeg getoond. Een sticky CTA die meteen op de hero verschijnt, voelt pushy. Bezoekers hebben nog geen reden gegeven om actie te ondernemen.
3. Overlapt met andere elementen. Een sticky CTA over een formulier, over een video, of over de footer voelt amateuristisch.
4. Op formulierpagina's. Als de bezoeker al bezig is met een aanvraag, hoeft er geen extra knop te verschijnen.

Mobile sticky vs desktop sticky

Mobiel: vrijwel altijd zinvol

Op mobiel zijn salespagina's langer in scroll-tijd en is het terug-scrollen lastiger. Een sticky CTA onderaan is hier vaak een conversie-boost van 10-20%. Optimaal: verschijnt na 30% scroll, blijft staan, valt rustig weg op formulier-pagina's.

Desktop: kies bewust

Op desktop is de scrollafstand kleiner en is een topnav vaak al sticky. Een tweede sticky CTA voelt al snel dubbel. Beter: één duidelijke knop in de top-nav, herhalingen door de pagina.

Testen in 2 weken

Een A/B-test voor sticky CTA's hoeft niet ingewikkeld te zijn. Drie stappen:

1. Week 1: bouw versie A (zonder sticky) en versie B (met sticky). Voorzie beide van conversie-tracking. Splits verkeer 50/50 via een eenvoudige A/B-test tool of Google Optimize.
2. Week 2: verzamel data. Minimaal 1000 bezoekers per versie voor statistische zin.
3. Eind van week 2: vergelijk conversie en bouncerate. Winnaar wordt de standaard.

Geen significante verschil? Houd dan de variant die voor de gebruiker beter voelt. Kleine details (lagere bouncerate, langere tijd-op-pagina) tellen ook.

Best practices voor sticky CTA-design

• Toon na 30-40% scroll, niet meteen.
• Verberg op formulier-pagina's en checkout, daar werkt hij averechts.
• Gebruik dezelfde CTA-tekst als je primaire knop. Consistentie versterkt herkenning.
• Mobiel: full-width onderaan, niet drijvend in een hoek.
• Desktop: kleine drijvende knop in rechterhoek, niet over de hele breedte.

De LOGICC-keuze

Op LOGICC gebruiken we op mobiel een sticky CTA onderaan (alleen op marketing-pagina's, niet op formulier-pagina's). Op desktop niet. De WhatsApp-knop blijft wel zichtbaar maar is geen primaire CTA. Resultaat: 20% hogere conversie op mobiel zonder dat we desktop-bezoekers irriteren.

Test deze maand op je eigen site. In de meeste gevallen win je op mobiel, ongeacht de uitkomst op desktop.