•9 min

Spaarkaart design: zo bouw je een werkende wallet-pass

Spaarkaart design: zo bouw je een werkende wallet-pass ! Eenvoudige illustratie van een digitale spaarkaart Spaarkaart design betekent het inrichten van een digitale kaart voor Apple Wallet en Google Wallet, met stempels of QR-codes, pushmeldingen en velden die automatisch bijwerken.

Spaarkaart design: zo bouw je een werkende wallet-pass

Spaarkaart design: zo bouw je een werkende wallet-pass

Eenvoudige illustratie van een digitale spaarkaart

Spaarkaart design betekent het inrichten van een digitale kaart voor Apple Wallet en Google Wallet, met stempels of QR-codes, pushmeldingen en velden die automatisch bijwerken. Wie hiermee begint, bepaalt eerst welke gegevens op de kaart moeten staan en test daarna direct een scan op een echt toestel. Die twee stappen voorkomen het meeste gedoe achteraf.


Kort samengevat:

  • Google hanteert ongeveer 29 tekens voor titels, 40 voor compacte tekst en 80 voor uitgeklapte tekst; houd de scaninstructie kort.
  • Kies QR voor kassascans vanwege de brede scannercompatibiliteit en foutcorrectie; controleer de kaart bovendien op echte toestellen met iOS en Android.
  • Apple en Google vernieuwen kaarten via een servermelding, waarna het toestel de kaart ophaalt; test registratie, meldingslogboeken en offlineweergave vóór lancering.
  • Vraag bij uitgifte expliciete toestemming voor marketing, registreer wanneer en hoe die is gegeven, scheid servicemeldingen van aanbiedingen en bied een eenvoudige afmelding.
  • Het startpakket van Beepify kost € 45,00 per maand of € 540 per jaar; scanners en extra locaties kosten afzonderlijk.

Beepify
beepify.app
Maak je digitale spaarkaart werkend
Beepify biedt digitale spaarkaarten voor Apple Wallet en Google Wallet, met aanpasbare beloningen en stempels via QR-code.
Bekijk Beepify

Inhoudsopgave

Welke kaartvelden, tekstlimieten en afbeeldingen gebruik je?

Een wallet-pass bestaat uit een vaste set bouwstenen. Apple en Google werken allebei met velden zoals een header, een primair veld, een footer, een barcode en een hero-afbeelding, aangevuld met detailvelden die pas zichtbaar worden na een tik op de kaart. Google structureert die velden via sjabloon-overschrijvingen voor kaart-, lijst- en detailweergaven, zodat je vaste programma-informatie los houdt van persoonlijke klantgegevens.

Voor een salon of winkel werkt dit in de praktijk als volgt:

  • Logo en programmanaam bovenaan, herkenbaar in huisstijl.
  • Stempel- of puntenstand als primair veld, groot en direct leesbaar.
  • Barcode of QR-code onderaan, altijd op dezelfde plek.
  • Klant-ID of lidnummer als secundair detailveld.
  • Korte scaninstructie, bijvoorbeeld “toon bij de kassa”.

Tekstruimte is beperkt. Google hanteert grenzen van ongeveer 29 tekens voor een titel, 40 tekens voor compacte tekst en 80 tekens voor uitgeklapte tekst, afhankelijk van de weergave die Google Wallet voor ontwikkelaars specificeert. Schrijf microcopy dus kort en concreet: “nog 2 stempels tot gratis knipbeurt” werkt beter dan een lange zin.

Voor beeldmateriaal geldt: gebruik een vierkant of rond gemaskeerd logo voor herkenbaarheid in de walletlijst en een bredere hero-afbeelding boven de kaartdetails voor sfeer of een actuele actie. Houd bestanden licht en scherp, want wallet-apps comprimeren en schalen automatisch.

Scanbaarheid bepaalt uiteindelijk of het ontwerp werkt. Eén duidelijke scanzone, voldoende contrast tussen barcode en achtergrond, en een vaste positie voorkomen irritatie bij de kassa.

Pro-tip: test de kaart op het felst verlichte en het donkerste scherm dat je in de winkel tegenkomt: contrastproblemen vallen pas dan op.

Welke kaartvelden, tekstlimieten en afbeeldingen gebruik je? — overview diagram

Barcodeformaten, updates en templates voor betrouwbare werking

De technische laag achter het ontwerp bepaalt of stempels en meldingen ook echt aankomen. Drie keuzes zijn daarbij doorslaggevend: het barcodeformaat, de manier waarop updates naar het toestel gaan, en de structuur van de sjablonen.

Voor barcodes ondersteunen Apple en Google meerdere formaten, waaronder QR, PDF417, Aztec, Code128, Code39, Codabar, EAN-13 en ITF, zoals beschreven in Apple’s documentatie voor pass-ontwerp. Voor een spaarkaart die bij de kassa gescand wordt, is een QR-code meestal de praktische keuze vanwege de brede scannercompatibiliteit en de foutcorrectie bij vlekken of vouwen.

Apple en Google werken allebei met een serverflow voor updates:

  1. Het toestel registreert de pass en stuurt een push-token naar je server.
  2. Je server bewaart die registratie in een tabel met apparaten, passes en koppelingen.
  3. Bij een wijziging, bijvoorbeeld een nieuwe stempel, stuurt je server een updatesignaal.
  4. Het toestel haalt de vernieuwde pass vervolgens zelf op.

Dit patroon staat beschreven in Apple’s webservice-documentatie voor het bijwerken van passes, inclusief het advies om verlopen of ongeldige tokens direct te verwijderen.

Google werkt met een vergelijkbaar mechanisme via notifyOnUpdate, waarbij een bericht van het type TEXT_AND_NOTIFY zowel een tekst toevoegt als een melding activeert. Daarbij geldt een limiet op het aantal pushmeldingen per gebruiker om overbelasting te voorkomen, zoals toegelicht in Google’s documentatie over pushmeldingen voor loyaliteitskaarten. Locatiegebonden meldingen verlopen via vooraf ingestelde winkellocaties.

Templates werken op twee niveaus: klasse-informatie geldt voor alle kaarten van een programma, objectinformatie is specifiek per klant. Test voor livegang altijd de volledige keten: apparaatregistratie, push-logs en de fallbackweergave wanneer een toestel offline is.

Toestemming en de regels voor digitale direct marketing

Een pushbericht kunnen versturen is iets anders dan een pushbericht mogen versturen. De Autoriteit Persoonsgegevens stelt dat digitale direct marketing doorgaans voorafgaande toestemming vereist, en dat een organisatie die toestemming aantoonbaar moet kunnen maken.

Dat betekent voor een spaarkaart in de praktijk:

  • Vraag expliciete toestemming bij uitgifte van de kaart, niet pas bij het eerste marketingbericht.
  • Leg vast wanneer en hoe die toestemming is gegeven, bijvoorbeeld via een vinkje bij aanmelding.
  • Houd servicemeldingen (zoals “je spaarkaart is bijgewerkt”) gescheiden van marketingberichten (zoals een actie of korting).
  • Bied een simpele afmeldmogelijkheid die net zo makkelijk werkt als de aanmelding.
  • Bewaar logs van toestemming en verzonden berichten als verantwoordingsbewijs.

Voorafgaande toestemming is de norm voor digitale direct marketing in Nederland, en de organisatie moet die toestemming kunnen aantonen, aldus de Autoriteit Persoonsgegevens. Richt je wallet-programma daarom zo in dat toestemming, scheiding van berichttypes en bewaartermijnen vanaf dag één onderdeel zijn van het ontwerp, niet een latere toevoeging.

Van velddefinitie tot livegang: de concrete stappen

Een werkende spaarkaart ontstaat in een vaste volgorde. Elke stap bouwt voort op de vorige, en overslaan van een stap leidt meestal tot problemen bij livegang.

  1. Bepaal het loyaliteitsmechanisme (stempels, punten of beide) en welke data je per klant moet bijhouden.
  2. Ontwerp de merkassets en schrijf microcopy die binnen de tekengrenzen van titel, compacte en uitgeklapte tekst past.
  3. Configureer templates, barcode en pushinstellingen op basis van het gekozen mechanisme.
  4. Activeer de webservice voor Apple-updates en stel de notify-instellingen voor Google in.
  5. Test op echte iOS- en Android-toestellen, inclusief een scan-test bij de kassa zelf.
  6. Meet uitgifte, scanrate en terugkeerfrequentie om te zien of de kaart daadwerkelijk gebruikt wordt.

Voor wie liever niet zelf een webservice bouwt, bestaan er kant-en-klare routes: de QR-code stempelkaart gids laat zien hoe dat zonder technische kennis kan, en de handleiding voor Google Wallet behandelt de specifieke instellingen per platform.

Pro-tip: start met een klein testgroepje klanten voordat je de kaart breed uitrolt, zo vang je scanproblemen op voordat ze bij alle klanten optreden.

Voor de meetfase: koppel scanrate en terugkeerfrequentie aan een concreet doel, bijvoorbeeld een stijging in herhaalbezoeken binnen een vaste periode. De cijfers over loyaliteitsprogramma’s geven een goed vertrekpunt voor realistische doelstellingen.

Wat werkt in de praktijk bij wallet-spaarkaarten?

De meeste discussies over spaarkaart design gaan over kleur en logo, terwijl de echte winst zit in wat er ná het scannen gebeurt. Een kaart die netjes oogt maar nooit een pushbericht stuurt, verdwijnt stil in de wallet van een klant. Integratie met Apple en Google Wallet zonder aparte app-installatie verlaagt de drempel om de kaart te accepteren, en automatische reviewverzoeken na een bezoek benutten het moment waarop een klant tevreden is, in plaats van een los verzoek weken later.

De valkuil is overcommunicatie: te veel pushberichten werken averechts, zeker omdat platforms zelf al grenzen stellen aan notificatiefrequentie. Spaarzame, relevante berichten, gekoppeld aan een concrete stempelstand of een naderende beloning, presteren structureel beter dan een vaste wekelijkse actie.

— erenmette

Begin vandaag met een wallet-spaarkaart via Beepify

Alles wat hierboven staat, van velddefinitie tot pushmeldingen tot toestemmingsregistratie, is al ingericht in één platform. Een kaart kan direct in Apple Wallet of Google Wallet geplaatst worden zonder een aparte app te downloaden, inclusief verzorgde QR-stempels, pushberichten en automatische reviewverzoeken na elk bezoek.

Beepify

Wie snel wil starten, begint met de digitale strippenkaart die in vijf minuten staat, of bekijkt direct onze pakketten en prijzen, vanaf € 45,00 per maand voor het Starter-pakket. Voor een bredere uitrol met meerdere locaties beschrijven we de volledige opzet in loyaliteitsprogramma opzetten in 7 stappen.

Dit artikel bevat algemene informatie en vervangt niet het advies van een gekwalificeerde advocaat. Raadpleeg een gekwalificeerde juridische professional over uw eigen situatie voordat u op basis van deze inhoud handelt.

Veelgestelde vragen

Wat is het verschil tussen een stempelkaart en een puntenkaart in Wallet?

Een stempelkaart telt bezoeken of aankopen op tot een vaste beloning, terwijl een puntenkaart een variabel aantal punten per aankoop toekent. Beide vormen passen in dezelfde walletstructuur, het verschil zit in de rekenlogica achter het primaire veld.

Hoeveel pushmeldingen mag ik per klant versturen?

Google beperkt notificaties die een pushmelding activeren tot een beperkt aantal per etmaal per gebruiker, zoals beschreven in de documentatie over pushmeldingen. In de praktijk werkt minder vaak, maar relevanter beter dan dit maximum volledig te benutten.

Heb ik toestemming nodig voordat ik marketingberichten stuur via de wallet-pass?

Ja, digitale direct marketing vereist doorgaans voorafgaande toestemming die je moet kunnen aantonen, aldus de Autoriteit Persoonsgegevens. Houd servicemeldingen en marketingberichten daarom gescheiden en leg toestemming vast bij uitgifte van de kaart.

Welke barcode kies ik voor een spaarkaart die bij de kassa gescand wordt?

Een QR-code is meestal de praktische keuze vanwege brede scannercompatibiliteit en foutcorrectie bij vouwen of vlekken op een telefoonscherm. Andere ondersteunde formaten zoals PDF417 of Code128 zijn vooral nuttig bij specifieke kassasystemen die daarop zijn ingesteld.

Wat kost een digitaal loyaliteitsprogramma zoals Beepify?

Het Starter-pakket begint bij € 45,00 per maand of € 540 per jaar, met Professional en Multi-Location als uitbreidingen voor grotere teams of meerdere vestigingen, te bekijken op de pricingpagina. Extra scanners of locaties zijn apart toe te voegen tegen een vast maandbedrag per eenheid.

Aanbevelingen

Zelf proberen?

Maak in 5 minuten je eigen digitale stempelkaart. Gratis starten, geen app nodig.

Kies je branche en zie hoe het werkt