4. Stamp Cards — je loyalty cards
De Stamp Cards-sectie in het zijmenu is de gallery van al je card templates. Elke card toont het design, de Stamp progress bar, de #ID en de QR waarmee klanten kunnen meedoen.
Wat je kunt doen op de Stamp Cards-pagina
Twee knoppen rechtsboven:
- NEW STAMP CARD — open Card Designer en maak een nieuwe card vanaf nul of vanuit een template. Details in Section 5. Card Designer.
- IMPORT — laad een card uit een JSON-bestand (bijvoorbeeld als je die uit een ander profiel hebt geëxporteerd of van een partner kreeg).
Onder elke card in de gallery staan zes action icons (van links naar rechts):
| Icon | Wat het doet |
|---|---|
| 🖨️ Print / Download QR | Opent het exportmenu voor QR-labels in twee formaten: Download (4×6 in / 10×15 cm), Print (4×6 in / 10×15 cm), Download (2×2 in / 5×5 cm), Print (2×2 in / 5×5 cm). Groot formaat is voor poster of counter sign; klein formaat voor table tent of packaging. |
| ⤴️ Share | Public link menu: Copy Join Page Link en View as Customer. |
| 🔳 Staff QR Page | Staff QR Page-menu: Open Staff QR Page en Copy Staff QR Page Link. De staff member toont deze QR aan de klant. |
| ↕️ Export Card Template | Export JSON to clipboard of Export to JSON file. Handig voor backup, migration, sharing of templating. |
| ✏️ Edit | Open de card in Card Designer om te bewerken. |
| 🗑️ Delete | Verwijder de card. |
Tip. Wanneer je begint, heb je geen vijf cards tegelijk nodig — één goed afgestelde card is meestal genoeg voor een maand testen. Zodra je begrijpt wat werkt, kun je hem via Export/Import clonen en A/B-varianten draaien.
Wat de card preview in de gallery toont
De card preview in de gallery weerspiegelt visueel wat de klant in Apple/Google Wallet ziet:
- Header badge: “COLLECT STAMPS & GET REWARDS”.
- Naam van de final reward (bijv. “Free Pizza”, “Free Beauty Service”, “Free Coffee”).
- Stamp progress bar met icons — active en inactive.
#IDvan de card template (bijv.#271).- QR-code “SCAN TO ADD YOUR CARD” — klanten scannen hem om de card op te slaan in Wallet.
Visual walkthrough
Use the screen sets below as a visual companion to the article. Open any image to inspect it at full size.