Card Designer — pembina kad (5 langkah)

5. Card Designer — pembina kad (5 langkah)

Apabila anda mencipta kad baharu (dengan menekan NEW STAMP CARD), anda boleh memilih templat visual yang hampir dengan gaya anda. Di bahagian atas anda boleh bertukar dengan pantas antara jenis perniagaan (contohnya restoran) atau menatal semuanya. Jangan risau jika tersilap pilih: setiap warna dan ikon boleh disesuaikan! Selepas anda memilih templat, ia disalin ke dalam kad baharu anda dan anda dibawa ke Card Designer. Anda boleh melangkau langkah ini — cuma tekan Start From Scratch. Anda akan tiba di Card Designer yang sama.

Card Designer dibuka sama ada semasa mencipta kad baharu atau apabila menekan ikon ✏️ Edit pada kad sedia ada. Ia ialah wizard langkah demi langkah dengan lima peringkat:

1. Personalize your style — gaya dan penjenamaan.
2. Add Visuals — konfigurasi cop.
3. Build Your Journey — ganjaran dan Milestone Rewards.
4. Additional settings — pemberitahuan hari lahir dan Geo-fence.
5. Result — pratonton akhir dan penjanaan semula kad.

Di sebelah kanan skrin sentiasa ada Preview stamp card secara langsung — ia dikemas kini secara masa nyata dengan setiap perubahan. Anda boleh menekan mana-mana langkah dalam navigasi bawah pratonton untuk melihat rupa kad apabila pengguna mencapai cop tersebut.

---

5.1 Langkah 1. Personalize your style — gaya dan penjenamaan

[tangkapan skrin: 0301_EditStampCard.png]

Langkah pertama menetapkan rupa dan penjenamaan kad:

• Card logo — logo perniagaan anda (dimuat naik dari fail atau ditampal dari papan keratan).
• Card name — nama kad (contohnya Morning Bean, Beauty Salon Loyalty, Free Pizza Club). Inilah yang dilihat pelanggan dalam Wallet.
• Smart contrast colors — suis untuk memilih warna kontras secara automatik (disyorkan jika anda tidak pasti tentang palet warna anda). Apabila diaktifkan, sistem melaraskan warna secara automatik jika warna-warna itu bercampur.
• Page Background — warna latar belakang halaman kad.
• Stamps block — latar belakang blok cop itu sendiri, boleh ditukar antara Color (warna padu) dan Image (gambar yang dimuat naik — contohnya foto biji kopi untuk kedai kopi).
• Customize font (web only)? Yes! — penyesuaian fon (hanya untuk pratonton web; Wallet menggunakan fon sistem).

Panduan asas reka bentuk kad yang baik: logo mesti mudah dibaca dalam saiz kecil; latar belakang patut berwarna padu atau berkontras rendah, jika tidak cop sukar dilihat. Sebelum menerbitkan, sentiasa tekan View as Customer dan semak rupa kad pada skrin telefon sebenar.

---

5.2 Langkah 2. Add Visuals — konfigurasi cop

[tangkapan skrin: 0302_EditStampCard.png]

Langkah ini menetapkan rupa cop:

• Set total stamps — jumlah cop pada kad (contohnya 8). Inilah sasaran akhir — apabila pelanggan mencapai jumlah ini, ganjaran dicetuskan.
• Stamp Icon — ikon cop. Dimuat naik secara berasingan untuk keadaan Active (penuh) dan Inactive (kosong). Satu helah yang baik ialah menggunakan ikon produk utama anda (cawan kopi, piza, gunting) untuk keadaan aktif dan versi kelabu imej yang sama untuk keadaan tidak aktif.
• Border Colors — warna bingkai cop untuk keadaan aktif dan tidak aktif.
• Background Colors — warna latar belakang cop untuk keadaan aktif dan tidak aktif.

Kad dengan 8 cop adalah pilihan yang paling sesuai untuk kedai kopi dan perkhidmatan pantas. Untuk perkhidmatan premium (salun, restoran) 4–6 cop adalah kebiasaannya. Untuk pembelian yang kerap (kedai roti, makanan segera) — 10–12. Jangan melebihi 15 — motivasi merosot dan baucar mula terasa mustahil dicapai.

---

5.3 Langkah 3. Build Your Journey — ganjaran dan Milestone Rewards

[tangkapan skrin: 0303_EditStampCard.png]

Langkah yang paling penting. Di sini anda menentukan apa yang pelanggan dapat dan bagaimana mereka memperolehnya.

Reward Icon

Ikon ganjaran (Active / Inactive) — dipaparkan dalam petak terakhir kad sebagai ganti cop biasa.

Reward format

Suis dengan tiga pilihan: Award | Voucher | Lottery. Inilah tiga jenis ganjaran — setiap satu diterangkan dalam Bahagian 6. Secara ringkas:

• Award — hadiah teks segera (“Free Coffee”). Mudah dan pantas.
• Voucher — Smart Voucher dengan kitaran hayatnya sendiri dan Redeem Code pilihan.
• Lottery — cabutan daripada sekumpulan pilihan dengan kebarangkalian masing-masing.

Reward Title

Teks hadiah akhir (contohnya Free Coffee, Free L'Oréal Hair Coloring, 50% off tire replacement). Inilah yang akan dilihat pelanggan sepanjang perjalanan — dalam Wallet dan juga dalam pratonton.

Optional Settings

Membuka tetingkap Optional reward settings dengan parameter ganjaran tambahan. Kandungannya bergantung pada jenis yang dipilih (lihat Award, Voucher, Lottery).

Cara pelanggan memperoleh cop — peraturan pemberian cop

Suis: Per order | By amount.

• Per order — satu cop bagi setiap bil / pesanan, tanpa mengira jumlah. Mudah dan jelas, sesuai untuk kebanyakan kafe dan salun.
• By amount — satu cop bagi setiap N unit mata wang dalam bil. Sesuai untuk restoran dan runcit dengan nilai bil yang berbeza-beza — ia mendorong pelanggan membeli lebih banyak. Memerlukan jumlah bil dihantar ke 7Stamp (melalui integrasi POS atau Receipt QR).

Do you want to add milestone rewards? Yes!

Pautan ini menukar kad dengan satu sasaran menjadi Milestone Rewards — kad dengan beberapa hadiah perantaraan. Contohnya: 3 cop → hadiah kecil, 6 → hadiah sederhana, 9 → ganjaran akhir. Butiran dalam Bahagian 6.4.

---

5.4 Langkah 4. Additional settings — hari lahir dan Geo-fence

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

Langkah ini membuka automasi — perkara yang berjalan tanpa campur tangan anda selepas kad diterbitkan.

Birthday Rewards

• Enable birthday greetings — Yes / No.
• Greeting message — teks ucapan (contohnya Happy Birthday! 🎉).
• Congratulations before N days — berapa hari sebelum hari lahir ucapan dihantar (0 = pada hari itu, 3 = tiga hari sebelumnya).
• Give birthday voucher — Yes / No. Jika Yes — baucar dikeluarkan secara automatik bersama ucapan.

Tarikh lahir diambil daripada kad pelanggan — pelanggan boleh menetapkannya semasa mendaftar atau kemudian pada halaman kad.

Geo-fence notification — peringatan berasaskan lokasi

Dalam Geo-fence notification, senarai kosong secara lalai: “You have no locations yet”. Tekan + Add location — tetingkap Add location dibuka:

• Store address — masukkan alamat premis (contohnya Bratislava, Baštová 3). Google Maps memberikan cadangan semasa anda menaip.
• Penanda muncul pada peta; perhalusi kedudukannya. Koordinat direkodkan secara automatik (contohnya 48.14487, 17.10618).
• Message — teks pemberitahuan yang diterima pelanggan apabila berada berhampiran (contohnya You're nearby! Drop by for your morning coffee ☕).

Anda boleh menambah beberapa lokasi — geo-fence dicetuskan bagi mana-mana lokasi tersebut.

Berhati-hati. Pemberitahuan berasaskan lokasi hanya berfungsi jika pelanggan telah mengaktifkan geolokasi dan Wallet push notifications. Jangan gunakan saluran ini untuk promosi yang agresif — kekalkan nada yang mesra dan tidak mengganggu.

---

5.5 Langkah 5. Result — penjanaan semula kad akhir

[tangkapan skrin: 0309_Generate_Card.png]

Pada langkah terakhir anda melihat Preview stamp card akhir dan butang Regenerate Stamp Card.

• Semasa mencipta kad baharu, butang ini hanya menerbitkannya — selepas ditekan, kad muncul dalam galeri Stamp Cards dan QR mula berfungsi.
• Semasa menyunting kad sedia ada, Regenerate Stamp Card menggunakan semua perubahan dan mengemas kini reka bentuk pada setiap kad pelanggan yang telah dikeluarkan (melalui kemas kini push Wallet). Perubahan warna, teks dan ikon sampai kepada pelanggan secara automatik.

Penting tentang penyuntingan. Tukar reka bentuk dengan yakin — ia dikemas kini untuk pelanggan. Tetapi jangan ubah mekanik asas (bilangan cop, jenis ganjaran) pada kad yang sedang aktif: ia mengelirukan peserta sedia ada. Jika anda memerlukan mekanik yang berbeza, cipta kad baharu dan arkibkan kad lama.

---