Card Designer — card builder (5 stappen)

5. Card Designer — card builder (5 stappen)

Wanneer je een nieuwe card maakt (door NEW STAMP CARD te drukken), kun je een visuele template kiezen die dicht bij je stijl ligt. Bovenaan kun je snel wisselen tussen business types of door alle opties scrollen. Kies je verkeerd, geen probleem: elke kleur en icon is aanpasbaar! Na het kiezen wordt de template naar je nieuwe card gekopieerd en kom je in Card Designer. Je kunt dit overslaan met Start From Scratch; je komt in dezelfde Card Designer.

Card Designer opent bij het maken van een nieuwe card en via het ✏️ Edit icon op een bestaande card. Het is een wizard met vijf stages:

1. Personalize your style — style en branding.
2. Add Visuals — Stamp configuration.
3. Build Your Journey — Rewards en Milestone Rewards.
4. Additional settings — Birthday en Geo-fence notifications.
5. Result — final preview en card regeneration.

Rechts op het scherm staat altijd een live Preview stamp card. Die wordt realtime bijgewerkt bij elke wijziging.

---

5.1 Step 1. Personalize your style — style en branding

De eerste stap configureert look en branding:

• Card logo — je business logo.
• Card name — card name (bijv. Morning Bean, Beauty Salon Loyalty, Free Pizza Club).
• Smart contrast colors — automatische contrastkleuren.
• Page Background — achtergrondkleur van de card page.
• Stamps block — achtergrond van het Stamps block, Color of Image.
• Customize font (web only)? Yes! — font customization alleen voor web preview.

Goede vuistregel voor card design: het logo moet klein leesbaar blijven; de achtergrond moet rustig zijn, anders worden Stamps moeilijk leesbaar. Check vóór publicatie altijd View as Customer op een echte telefoon.

---

5.2 Step 2. Add Visuals — Stamp configuration

Deze stap configureert hoe Stamps eruitzien:

• Set total stamps — totaal aantal Stamps op de card.
• Stamp Icon — het Stamp icon, apart geüpload voor Active en Inactive.
• Border Colors — border colors voor active en inactive states.
• Background Colors — background colors voor active en inactive states.

Een card met 8 Stamps is vaak sterk voor coffee shops en quick service. Voor premium services zijn 4–6 Stamps typisch; voor frequente aankopen 10–12. Ga niet boven 15 — motivatie zakt.

---

5.3 Step 3. Build Your Journey — Rewards en Milestone Rewards

De belangrijkste stap: hier bepaal je wat de klant krijgt en hoe hij het verdient.

Reward Icon

Het Reward icon (Active / Inactive) wordt in de final cell van de card getoond.

Reward format

Toggle met drie options: Award | Voucher | Lottery. Dit zijn de drie Reward types, elk met eigen Section 6.

• Award — instant text gift.
• Voucher — Smart Voucher met lifecycle en optionele Redeem Code.
• Lottery — trekking uit een pool van variants met probabilities.

Reward Title

De tekst van de final gift (bijv. Free Coffee, Free L'Oréal Hair Coloring, 50% off tire replacement). Dit ziet de klant onderweg in Wallet en preview.

Optional Settings

Opent Optional reward settings met extra Reward parameters. De inhoud hangt af van type: Award, Voucher, Lottery.

How customers earn stamps — stamping rule

Toggle: Per order | By amount.

• Per order — één Stamp per ticket / order.
• By amount — één Stamp per N currency units (bijv. 1 Stamp per €10). Vereist ticket amount via POS integration of Receipt QR.

Do you want to add milestone rewards? Yes!

Deze link maakt van een single-goal card een card met Milestone Rewards. Bijvoorbeeld: 3 Stamps → small gift, 6 → medium, 9 → final reward.

---

5.4 Step 4. Additional settings — Birthday en Geo-fence

Deze stap opent automations die na publicatie zonder jouw betrokkenheid werken.

Birthday Rewards

• Enable birthday greetings — Yes / No.
• Greeting message — greeting text.
• Congratulations before N days — hoeveel dagen vóór de verjaardag.
• Give birthday voucher — Yes / No.

De birthday date komt van de customer card en kan bij join time of later worden ingevuld.

Geo-fence notification — geo-reminders

In Geo-fence notification staat standaard “You have no locations yet”. Tik + Add location:

• Store address — venue address invullen.
• Een marker verschijnt op de map; refine de spot.
• Message — notificatietekst voor de klant in de buurt.

Je kunt meerdere locaties toevoegen. Geo-notifications werken alleen als de klant geolocation en Wallet push notifications heeft ingeschakeld. Gebruik dit kanaal niet agressief.

---

5.5 Step 5. Result — final card regeneration

In de laatste stap zie je de final Preview stamp card en de knop Regenerate Stamp Card.

• Bij een nieuwe card publiceert de knop de card; daarna staat hij in de Stamp Cards gallery en werkt de QR.
• Bij een bestaande card past Regenerate Stamp Card alle wijzigingen toe en werkt het design bij op elke al uitgegeven customer card.

Belangrijk bij bewerken. Wijzig design gerust; dat wordt voor klanten bijgewerkt. Verander liever niet de onderliggende mechanics (Stamp count, Reward type) op een live card, want dat verwart bestaande deelnemers. Maak dan een nieuwe card en archiveer de oude.

---