Kad Designer — kad builder (5 steps)

< id=“kad-designer”></>

5. Kad Designer — kad builder (5 steps)

Saat anda buat baharu kad (by pressing BAHARU STAMP CARD), anda dapat pick visual template tutup untuk Anda gaya. At atas anda dapat dengan cepat alih between perniagaan jenis (e.g., restaurants) atau scroll melalui semua dari mereka. jangan worry jika anda pick wrong satu: setiap color dan icon ialah customizable! Selepas anda pick template, ini copied ke dalam Anda baharu kad dan anda land di Kad Designer. Anda dapat skip ini step — cuma press Start Dari Scratch. Anda land di sama Kad Designer.

Kad Designer membuka keduanya saat mewujudkan baharu kad dan saat pressing ✏️ Edit icon on sedia ada kad. Ini’s step-by-step wizard dari lima stages:

1. Personalize Anda gaya — gaya dan branding.
2. Tambah Visuals — Stamp configuration.
3. Bangun Anda Perjalanan — Ganjaran dan Milestone Ganjaran.
4. Additional tetapan — Hari lahir dan Geo-fence notifikasi.
5. Result — final preview dan kad regeneration.

On right dari skrin terdapat always langsung Preview Stamp kad — ini updates di nyata time dengan setiap ubah. Anda dapat tekan sebarang step di preview’s bottom navigation untuk see bagaimana kad akan look saat pengguna reaches itu Stamp.

---

< id=“designer-step-1”></>

5.1 Step 1. Personalize Anda gaya — gaya dan branding

[tangkapan skrin: 0301_EditStampCard.png]

Pertama step configures look dan branding dari kad:

• Kad logo — Anda perniagaan logo (uploaded dari file atau pasted dari clipboard).
• Kad name — kad name (e.g., Morning Bean, Beauty Salon Kesetiaan, Gratis Pizza Club). Ini ialah apa pelanggan sees di Wallet.
• Smart contrast colors — toggle untuk automatic contrast color picking (recommended jika anda tidak sure about Anda palette). Saat enabled, sistem akan adjust colors automatically jika mereka blend bersama.
• Halaman Background — kad halaman background color.
• Stamp block — latar belakang untuk blok Stamp itu sendiri, dengan pilihan bertukar antara Color (warna penuh) dan Image (gambar yang dimuat naik, contohnya foto biji kopi untuk coffee shop).
• Customize font (web hanya)? Ya! — font customization (applies hanya untuk web preview; Wallet menggunakan sistem font).

Baik kad reka bentuk rule dari thumb: logo must menjadi readable di small size; background sebaiknya menjadi solid atau low-contrast, otherwise Stamp ialah hard untuk baca. Sebelum publishing, always tekan Lihat as Pelanggan dan periksa bagaimana kad looks on nyata telefon skrin.

---

< id=“designer-step-2”></>

5.2 Step 2. Tambah Visuals — Stamp configuration

[tangkapan skrin: 0302_EditStampCard.png]

Ini step configures bagaimana Stamp look:

• Set total Stamp — total Stamp kiraan on kad (e.g., 8). Ini ialah final sasaran — saat pelanggan reaches ini kiraan, Ganjaran fires.
• Stamp Icon — Stamp icon. Uploaded secara berasingan untuk Aktif (filled) dan Inactive (empty) states. Nice trick ialah untuk gunakan icon dari Anda main produk (coffee cup, pizza, scissors) untuk aktif, dan gray versi dari sama gambar untuk inactive.
• Border Colors — Stamp border color untuk aktif dan inactive states.
• Background Colors — Stamp background color untuk aktif dan inactive states.

Kad dengan 8 Stamp biasanya ialah julat terbaik untuk coffee shop dan perkhidmatan pantas. Untuk perkhidmatan premium seperti salon atau restoran, 4–6 Stamp ialah julat yang tipikal. Untuk pembelian yang sangat kerap seperti bakeri atau fast food, 10–12 Stamp masih munasabah. Elakkan melebihi 15, kerana motivasi pelanggan akan menurun dan voucher mula terasa terlalu sukar dicapai.

---

< id=“designer-step-3”></>

5.3 Step 3. Bangun Anda Perjalanan — Ganjaran dan Milestone Ganjaran

[tangkapan skrin: 0303_EditStampCard.png]

Kebanyakan important step. Here anda tentukan apa pelanggan gets dan bagaimana mereka dapat ini.

Ganjaran Icon

Ganjaran icon (Aktif / Inactive) — shown di final cell dari kad di place dari standard Stamp.

Ganjaran format

Toggle dari tiga options: Award | Voucher | Loteri. Ini ialah tiga Ganjaran jenis — setiap memiliki miliknya sendiri Section 6. Di ringkas:

• Award — ganjaran teks segera (“Gratis Coffee”). Mudah dan fast.
• Voucher — Smart Voucher dengan nya kitaran hayatnya sendiri dan pilihan Tebus Kod.
• Loteri — draw dari pool dari varian dengan probabilities.

Ganjaran Tajuk

Teks dari ganjaran akhir (e.g., Gratis Coffee, Gratis L'Oréal Hair Coloring, 50% off tire replacement). Ini ialah apa pelanggan akan see semua along laluan — keduanya di Wallet dan di preview.

Pilihan Tetapan

Membuka popup Pilihan tetapan ganjaran dengan parameter ganjaran tambahan. Kandungannya bergantung pada jenis yang dipilih. Lihat bahagian Award, Voucher, atau Loteri.

Bagaimana pelanggan dapat Stamp — stamping rule

Toggle: Per order | By jumlah.

• Per order — satu Stamp per ticket / order, regardless dari jumlah. Mudah dan jelas, sesuai kebanyakan cafes dan salons.
• By jumlah — satu Stamp bagi setiap N unit mata wang pada tiket, contohnya 1 Stamp bagi setiap €10. Ini sesuai untuk restoran dan runcit dengan nilai tiket yang berubah-ubah kerana ia menggalakkan pelanggan menaikkan jumlah belian. Kaedah ini memerlukan jumlah tiket dihantar ke 7stamp melalui integrasi POS atau Receipt QR.

Adakah anda mahu menambah milestone ganjaran? Ya!

Pautan ini menukar kad satu sasaran kepada mod Milestone Rewards — iaitu kad dengan beberapa ganjaran pertengahan. Contohnya: 3 Stamp → ganjaran kecil, 6 → ganjaran sederhana, 9 → ganjaran akhir. Perinciannya diterangkan dalam Bahagian 6.4.

---

< id=“designer-step-4”></>

5.4 Step 4. Additional tetapan — Hari lahir dan Geo-fence

[tangkapan skrin: 0307_Birthday.png] [tangkapan skrin: 0308_Geo_Marketing.png]

Ini step membuka automations — perkara itu bekerja tanpa Anda involvement selepas kad ialah published.

Hari lahir Ganjaran

• Enable hari lahir greetings — Ya / Tidak.
• Greeting pesan — greeting teks (e.g., Happy Hari lahir! 🎉).
• Congratulations sebelum N hari — bagaimana banyak hari sebelum hari lahir untuk send greeting (0 = on hari, 3 = tiga hari sebelum).
• Give hari lahir voucher — Ya / Tidak. Jika Ya — voucher ialah automatically diterbitkan bersama dengan greeting.

Hari lahir date ialah collected dari pelanggan’s kad — pelanggan dapat set ini at bergabung time atau nanti on kad halaman.

Geo-fence notifikasi — geo-reminders

Di Geo-fence notifikasi ini empty by default: “Anda memiliki tidak lokasi yet”. Tekan + Tambah lokasi — Tambah lokasi popup membuka:

• Store address — masukkan venue address (e.g., Bratislava, Baštová 3). Google Maps suggests as anda jenis.
• Marker muncul on map; refine spot. Coordinates ialah recorded automatically (e.g., 48.14487, 17.10618).
• Pesan — teks dari notifikasi pelanggan gets saat terdekat (e.g., anda terdekat! Drop by untuk Anda morning coffee ☕).

Anda dapat tambah beberapa lokasi — geo-fence fires untuk sebarang dari mereka.

Tonton out. Geo-notifications hanya bekerja jika pelanggan memiliki enabled geolocation dan Wallet push notifikasi. jangan gunakan ini saluran untuk aggressive promos — jaga tone warm dan non-intrusive.

---

< id=“designer-step-5”></>

5.5 Step 5. Result — final kad regeneration

[tangkapan skrin: 0309_Generate_Kad.png]

On last step anda see final Preview Stamp kad dan Regenerate Stamp Kad butang.

• Saat mewujudkan baharu kad, butang simply publishes ini — selepas press kad muncul di Stamp Kad gallery dan QR starts working.
• Saat editing sedia ada kad, Regenerate Stamp Kad applies semua perubahan dan updates reka bentuk on setiap yang sudah diterbitkan pelanggan kad (via Wallet push update). Color, teks, dan icon perubahan reach pelanggan automatically.

Important about editing. Ubah reka bentuk boldly — ini updates untuk pelanggan. Tetapi jangan ubah asas mechanics (Stamp kiraan, Ganjaran jenis) on langsung kad: ini confuses sedia ada participants. Jika anda perlu berbeza mechanics, buat baharu kad dan archive old satu.

---