QR-code call to action en landingspagina: van scan naar conversie

Een scan is een begin, geen resultaat. Iemand heeft de telefoon naar een poster, een flyer of een productlabel gericht, en heeft een seconde of twee volle aandacht voor de campagne van je klant. Wat er in de seconden daarna gebeurt, bepaalt of die scan een boeking, een aanmelding of een verkoop wordt, of dat hij vervliegt en in je rapportage opduikt als verkeer dat nergens heen ging.

De meeste QR-tips stoppen bij het moment van de scan. Ze leggen uit hoe je een code scanbaar maakt en vallen dan stil, alsof het werk klaar is. Voor een bureau is het precies andersom: bij de scan begint het werk pas beoordeeld te worden. Klanten betalen niet voor scans, ze betalen voor resultaten, en de twee dingen die het een in het ander veranderen zijn de call to action die rond de code is gedrukt en de pagina waar de scan op uitkomt.

Deze gids behandelt dat moment na de scan van begin tot eind: de tekst en opmaak van de call to action, de landingspagina die op een telefoon moet laden en converteren, en een manier om een campagne te diagnosticeren die wel scans krijgt maar niet converteert. Waar een cijfer echt uit een bron komt, wordt het genoemd en gelabeld. Waar iets eerder een verstandige vuistregel is dan een hard feit, staat dat erbij.

De funnel na de scan: waar scans weglekken

Het helpt om een scan voor te stellen als een korte funnel met een handvol duidelijke fases, want de campagne kan bij elke fase weglekken en de oplossing is telkens anders.

1. De gedrukte call to action. Het kader, de tekst en de QR-code op de fysieke ondergrond. Is dit zwak, dan scannen er om te beginnen al minder mensen.
2. De scan zelf. De camera van de telefoon leest de code en opent de bestemming. Codeformaat, contrast en stille zone bepalen of dit überhaupt werkt.
3. Het laden van de pagina. De bestemming moet renderen op een mobiele verbinding voordat de bezoeker afhaakt.
4. De landingspagina. Wat de bezoeker ziet als hij geladen is: één duidelijke actie, of een muur van keuzes.
5. De conversie. De boeking, het formulier, het telefoontje of de aankoop waar de hele campagne voor betaald is.

De waarde van deze manier van denken is dat "de QR-campagne werkt niet" nooit één probleem is. Een code die perfect scant maar op een trage homepage uitkomt, is een falen in fase drie en vier, niet in fase twee, en de poster opnieuw drukken zou niets oplossen. De fase benoemen is het grootste deel van de remedie.

De call to action doet de helft van het werk voordat er iemand scant

Een kale QR-code is een instructie zonder reden eraan vast. De call to action levert die reden, en doet zijn werk in het moment voordat de telefoon omhoogkomt, dus hij moet in één oogopslag leesbaar zijn en specifiek genoeg om de moeite waard te zijn.

Zeg wat er gebeurt, en waarom het de moeite waard is

"Scan mij" beantwoordt geen van de twee vragen die een voorbijganger zich eigenlijk stelt: wat gebeurt er als ik scan, en waarom zou ik de moeite nemen. Een goede call to action beantwoordt allebei met een werkwoord en een beloning. "Scan om driekamerwoningen te zien die nu beschikbaar zijn" verslaat "Scan mij" omdat het een specifiek resultaat belooft. "Scan voor de menukaart, geen app nodig" werkt omdat het een gevoelde drempel wegneemt. "Richt je camera hierop om 10% korting te claimen" koppelt de actie aan een beloning.

Je ziet leveranciersblogs beweren dat een call to action het aantal scans met een precies getal verhoogt, vaak iets als 40 of 80 procent. Wantrouw die cijfers: ze circuleren tussen marketingblogs zonder primair onderzoek erachter, en dezelfde percentages duiken op bij niet-gerelateerde claims. Het pleidooi voor een call to action met een voordeel heeft geen verzonnen statistiek nodig. Het rust op iets eenvoudigers en waars: iemand beslist of hij scant op basis van wat je hem hebt verteld dat hij krijgt, en "Scan mij" vertelt hem niets.

Respecteer de stille zone

Het call-to-action-kader rond een code is een ontwerpkans en een ontwerpvalkuil. Een QR-code heeft aan alle vier de zijden een vrije marge nodig om betrouwbaar gelezen te worden. De specificatie (ISO/IEC 18004, van QR-uitvinder Denso Wave) vraagt om een stille zone van vier modules breed, waarbij een module een van de kleine vierkantjes is waaruit de code is opgebouwd. Een kader, een "Scan mij"-banner of een logo dat in die marge komt, kan ervoor zorgen dat de code helemaal niet meer scant.

Er is iets meer ruimte dan mensen verwachten, want QR-codes dragen foutcorrectie. De standaard definieert vier niveaus, die ongeveer 7, 15, 25 en 30 procent van de code herstellen (niveaus L, M, Q en H). Dat budget is wat een logo over een deel van een code laat zitten, maar het is een budget, geen vrijbrief: besteed je het aan een decoratieve overlay, dan houd je minder tolerantie over voor een gehavende flyer of slecht licht. Houd het kader buiten de stille zone, en moet je per se branding overheen leggen, verhoog dan het foutcorrectieniveau om dat te compenseren.

Maak de call to action passend bij de afstand

Een code op een tafelstandaard en een code op een billboard zijn niet hetzelfde ontwerpprobleem. Een veelgebruikte vuistregel is de tien-op-een-verhouding: een code moet ongeveer een tiende zo breed zijn als de afstand waarvandaan hij gescand wordt, dus een code die van tien meter afstand gelezen wordt, wil ongeveer een meter breed zijn. Dit is richtlijn uit de praktijk en geen clausule in de standaard, dus behandel het als een startpunt en test het echte ontwerp op de echte afstand. Onze gids over hoe groot een QR-code moet zijn gaat dieper in op de rekensom rond formaat en op de printresolutiekant.

Op de landingspagina worden conversies gewonnen of verloren

Als de call to action de scan binnenhaalt, moet de landingspagina hem vasthouden. Dit is de fase die bureaus het vaakst verwaarlozen, omdat hij in een ander deel van het productieproces leeft dan het drukwerk, en het is de fase waar de meest betrouwbare cijfers in de hele funnel van toepassing zijn.

Snelheid eerst, want het publiek zit onderweg op een telefoon

Een QR-scan is bijna altijd een mobiel bezoek, vaak op een mobiele verbinding, regelmatig van iemand die in een winkel of bij een bushalte staat met weinig geduld. Snelheid is hier geen extraatje, het is de poort waar al het andere achter zit.

De harde cijfers zijn ondubbelzinnig. Uit Googles eigen data bleek dat 53 procent van de mobiele sitebezoeken wordt afgebroken als een pagina er langer dan drie seconden over doet om te laden. Apart Google-onderzoek met SOASTA zette echte cijfers op de helling: als de mobiele laadtijd van één naar drie seconden gaat, stijgt de kans op een bounce met 32 procent, en van één naar vijf seconden stijgt die met 90 procent. Uit hetzelfde onderzoek bleek dat de gemiddelde mobiele landingspagina er 22 seconden over deed om volledig te laden, oftewel: de meeste pagina's waren al ruim voorbij het punt waarop de helft van hun bezoekers was vertrokken.

Voor een concreet doel om aan een ontwikkelaar te geven, gebruik je Largest Contentful Paint, de Core Web Vitals-meting voor het moment waarop de hoofdinhoud van een pagina is geladen. Googles web.dev definieert "goed" als 2,5 seconden of minder op het 75e percentiel, en "slecht" als meer dan vier seconden. Behandel het cijfer van 53 procent binnen drie seconden als de reden waarom het ertoe doet, en de LCP van 2,5 seconde als de specificatie waar je daadwerkelijk naartoe bouwt.

Eén pagina, één actie

De meest voorkomende zelf toegebrachte wond in QR-campagnes is de doorverwijzing naar de homepage. Een poster promoot een specifieke aanbieding, de bezoeker scant, en hij komt uit op de algemene homepage van de klant en moet de aanbieding zelf opnieuw zien te vinden op een klein scherm. Elke tik die je hem onderweg naar het doel laat doen, is een plek om hem te verliezen. Een scan die "10% korting" beloofde, hoort uit te komen op de pagina over de 10% korting, en niets anders.

Dezelfde discipline geldt voor de pagina zelf: hij moet één actie aansturen. Het bewijs uit onderzoek naar afrekenprocessen is consistent. Het Baymard Institute, dat honderdduizenden uren aan usability-tests heeft vastgelegd, ontdekte dat het gemiddelde e-commerce-afrekenproces in 2024 11,3 formuliervelden gebruikte terwijl de meeste er rond de acht nodig hebben, en dat het aantal velden de bruikbaarheid meer schaadt dan het aantal stappen. Ze ontdekten ook dat 17 procent van de shoppers een bestelling heeft afgebroken omdat het proces te lang of te ingewikkeld was. Minder velden, minder concurrerende knoppen, één duidelijke volgende stap.

Opmaak doet er ook toe, en hier klopt een populaire statistiek niet, dus die is het corrigeren waard. Een formulier met één kolom verslaat inderdaad een formulier met meerdere kolommen, maar de echte uitkomst van het eye-trackingonderzoek van CXL was dat mensen een formulier met één kolom gemiddeld 15,4 seconden sneller invulden, niet "15,4 procent beter" zoals het vaak verkeerd wordt aangehaald. Gebruik één kolom, van boven naar beneden, en laat de duim in een rechte lijn bewegen.

Maak het tikbaar

De pagina na de scan wordt bediend met een duim, vaak met één hand, soms buiten. Knoppen en links moeten groot genoeg zijn om te raken. Apples Human Interface Guidelines vragen om een minimaal tikbaar gebied van 44 bij 44 punten; Googles Material Design schrijft 48 bij 48 dichtheidsonafhankelijke pixels voor. WCAG 2.2 legt een toegankelijkheidsondergrens van 24 bij 24 CSS-pixels op voor aanwijsdoelen, en dat is het minimum, niet het comfortabele formaat. Ontwerp naar de platformcijfers, behandel het WCAG-getal als de lijn die je niet mag overschrijden, en houd de primaire actie ruim weg van de onderste balk en de zones voor het terug-gebaar.

Diagnosticeer een campagne die wel scant maar niet converteert

Als een klant zegt dat de QR-campagne niet werkt, weersta dan de drang om alles opnieuw te ontwerpen. Loop de funnel langs en isoleer de fase die lekt. Hier verdient een dynamische, trackbare code zijn plek, want elke fase laat een andere vingerafdruk achter in de data.

Begin met het aantal scans. Zijn de scans laag, dan zit het lek stroomopwaarts van de pagina: de call to action, de plaatsing of het codeformaat. Bekijk de tekst en de positie opnieuw, en bevestig dat de code groot genoeg is voor zijn kijkafstand.

Zijn de scans gezond maar de conversies niet, dan zit het lek in de pagina. Open de bestemming op een echte telefoon op een mobiele verbinding en klok hem. Is hij traag, dan heb je je antwoord, en Core Web Vitals vertelt je welk deel. Is hij snel, kijk dan naar wat er laadt: is het de aanbieding, of de homepage waar de bezoeker zich nu doorheen moet wroeten? Is er één actie, of zes?

Controleer dan op het stille, fatale geval: een dode bestemming. Een statische code bakt zijn URL er permanent in, dus als een campagnespecifieke pagina na de campagne offline gaat, geeft de gedrukte code voor altijd een 404 en is er niets aan te doen behalve opnieuw drukken. Dit is het sterkste argument om om te beginnen voor dynamische codes te kiezen. Bij een dynamische code is de bestemming een doorverwijzing die je beheert, dus je kunt de bestemming wijzigen zonder opnieuw te drukken, waarbij je een trage of kapotte pagina omleidt naar een werkende, terwijl de posters aan de muur blijven hangen. (Twijfel je nog tussen de twee, dan zet onze vergelijking dynamisch versus statisch de afwegingen op een rij.)

Om om te beginnen te zien welke fase lekt, heb je de cijfers nodig. Bepaal vooraf welke scanstatistieken ertoe doen en lees ze goed, zoals onze gids over QR-code-analytics uiteenzet, en tag de bestemming zodat het gedrag na de scan opduikt in de bestaande rapportage van je klant. Onze uitleg over QR-scans volgen in Google Analytics 4 met UTM behandelt het taggen zonder de gebruikelijke valkuilen. Dit alles past binnen de bredere meetworkflow voor printcampagnes die een bureau toch al draait.

Veelgestelde vragen

Wat moet er bij een QR-code als call to action staan?

Hij moet in één oogopslag twee vragen beantwoorden: wat gebeurt er als ik scan, en waarom is het de moeite waard. Gebruik een werkwoord en een specifieke beloning, zoals "Scan om een gratis inspectie te boeken" of "Scan voor de specials van vanavond". Vermijd het kale "Scan mij", dat de voorbijganger geen reden geeft om te handelen. Houd het kort genoeg om in een seconde of twee te lezen vanaf de afstand waarop de code gescand wordt.

Moet een QR-code naar een landingspagina of naar de homepage linken?

Naar een speciale landingspagina die past bij de belofte op het drukwerk, niet naar de homepage. Biedt de poster een korting en komt de scan uit op de homepage, dan moet de bezoeker de korting opnieuw zien te vinden op een klein scherm, en velen doen dat niet. Een gerichte pagina met één actie converteert bijna altijd beter dan een algemene. Met een dynamische code kun je naar een campagnepagina wijzen en die later omleiden als dat nodig is.

Hoe snel moet een QR-landingspagina laden?

Streef naar een Largest Contentful Paint van 2,5 seconde of minder, de "goede" drempel die Googles web.dev voor Core Web Vitals hanteert. De reden dat het doel zo strak is: Google ontdekte dat 53 procent van de mobiele bezoeken wordt afgebroken als een pagina er meer dan drie seconden over doet om te laden, en bijna elke QR-scan is een mobiel bezoek.

Waarom scannen mensen mijn QR-code wel maar converteren ze niet?

Omdat één fase van de funnel na de scan lekt, meestal de pagina en niet de code. De meest voorkomende oorzaken zijn een traag ladende pagina, een scan die de bezoeker op een algemene homepage dumpt in plaats van bij de aanbieding, een pagina vol met concurrerende acties, of een bestemming die dood is geraakt sinds de code werd gedrukt. Open de bestemming op een echte telefoon, klok hem, en controleer of hij één duidelijke actie laat zien.

Hoe groot moeten de "Scan mij"-call-to-action en de code zijn?

Stem het codeformaat af op de scanafstand. Een veelgebruikte vuistregel is ongeveer een tiende van de kijkafstand, dus een code die van twee meter afstand gelezen wordt, wil ongeveer 20 centimeter breed zijn. Dit is richtlijn uit de praktijk en geen formele specificatie, dus test het echte ontwerp op de echte afstand, en houd de stille zone van vier modules rond de code vrij van elk kader of elke tekst.

Kan ik een slecht converterende QR-campagne nog herstellen nadat de codes zijn gedrukt?

Alleen als de codes dynamisch zijn. Een dynamische code bewaart een doorverwijzing die je beheert, dus je kunt de bestemming wijzigen, een trage pagina inruilen voor een snelle, of een dode link redden zonder het drukwerk aan te raken. Een statische code heeft zijn URL ingebakken, dus de enige oplossing is opnieuw drukken.

De korte versie

De scan is het begin van de klus, niet het einde. Een campagne lekt bij een van een paar duidelijke fases: de call to action die de scan verdient, de snelheid van de pagina, de focus van de pagina, en de schakel ertussen die in leven blijft. Begin de call to action met een voordeel en houd het kader buiten de stille zone van de code. Bouw de landingspagina naar een LCP van 2,5 seconde en één actie, op maat voor een duim. Presteert iets onder de maat, loop dan de funnel langs, benoem de lekkende fase, en herstel dat ene ding, waarbij je een dynamische code omleidt in plaats van opnieuw te drukken waar dat kan.

De volgende keer dat je een QR-campagne briefst, schrijf je de call to action en ontwerp je de landingspagina in dezelfde adem als de code zelf, en zet je er een dynamische bestemming achter zodat je het moment na de scan kunt herstellen zonder terug te gaan naar de drukker.