Card Designer — pembuat kartu (5 langkah)

5. Card Designer — pembuat kartu (5 langkah)

Saat membuat kartu baru (dengan menekan NEW STAMP CARD), Anda dapat memilih templat visual yang mendekati gaya Anda. Di bagian atas, Anda dapat cepat beralih antarjenis bisnis (misalnya restoran) atau menggulir semuanya. Jangan khawatir jika salah pilih: setiap warna dan ikon dapat disesuaikan! Setelah Anda memilih templat, templat disalin ke kartu baru Anda dan Anda masuk ke Card Designer. Anda dapat melewati langkah ini — cukup tekan Start From Scratch. Anda akan masuk ke Card Designer yang sama.

Card Designer terbuka baik saat membuat kartu baru maupun saat menekan ikon ✏️ Edit pada kartu yang sudah ada. Ini adalah wizard langkah demi langkah dengan lima tahap:

1. Personalize your style — gaya dan branding.
2. Add Visuals — konfigurasi stempel.
3. Build Your Journey — hadiah dan Milestone Rewards.
4. Additional settings — notifikasi ulang tahun dan Geo-fence.
5. Result — pratinjau akhir dan pembuatan ulang kartu.

Di sisi kanan layar selalu ada Preview stamp card langsung — pratinjau ini diperbarui secara real time pada setiap perubahan. Anda dapat mengetuk langkah mana pun di navigasi bawah pratinjau untuk melihat tampilan kartu ketika pengguna mencapai stempel tersebut.

---

5.1 Langkah 1. Personalize your style — gaya dan branding

[tangkapan layar: 0301_EditStampCard.png]

Langkah pertama mengatur tampilan dan branding kartu:

• Card logo — logo bisnis Anda (diunggah dari file atau ditempel dari clipboard).
• Card name — nama kartu (misalnya Morning Bean, Beauty Salon Loyalty, Free Pizza Club). Nama inilah yang dilihat pelanggan di Wallet.
• Smart contrast colors — sakelar untuk memilih warna kontras secara otomatis (disarankan jika Anda tidak yakin dengan palet warna Anda). Jika diaktifkan, sistem akan menyesuaikan warna secara otomatis jika warna-warnanya saling membaur.
• Page Background — warna latar halaman kartu.
• Stamps block — latar blok stempel itu sendiri, dapat dialihkan antara Color (warna solid) dan Image (gambar yang diunggah — misalnya foto biji kopi untuk kedai kopi).
• Customize font (web only)? Yes! — penyesuaian font (hanya berlaku untuk pratinjau web; Wallet memakai font sistem).

Aturan praktis desain kartu yang baik: logo harus terbaca dalam ukuran kecil; latar sebaiknya solid atau berkontras rendah, jika tidak stempel sulit dibaca. Sebelum publikasi, selalu ketuk View as Customer dan periksa tampilan kartu di layar ponsel sungguhan.

---

5.2 Langkah 2. Add Visuals — konfigurasi stempel

[tangkapan layar: 0302_EditStampCard.png]

Langkah ini mengatur tampilan stempel:

• Set total stamps — jumlah total stempel pada kartu (misalnya 8). Ini adalah target akhir — ketika pelanggan mencapai jumlah ini, hadiah diberikan.
• Stamp Icon — ikon stempel. Diunggah terpisah untuk status Active (terisi) dan Inactive (kosong). Trik yang bagus adalah memakai ikon produk utama Anda (cangkir kopi, pizza, gunting) untuk status aktif, dan versi abu-abu dari gambar yang sama untuk status tidak aktif.
• Border Colors — warna bingkai stempel untuk status aktif dan tidak aktif.
• Background Colors — warna latar stempel untuk status aktif dan tidak aktif.

Kartu dengan 8 stempel adalah titik ideal untuk kedai kopi dan layanan cepat. Untuk layanan premium (salon, restoran), biasanya 4–6 stempel. Untuk pembelian yang sering (toko roti, makanan cepat saji) — 10–12. Jangan lebih dari 15 — motivasi menurun dan voucher mulai terasa tidak terjangkau.

---

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

[tangkapan layar: 0303_EditStampCard.png]

Langkah terpenting. Di sini Anda menentukan apa yang didapat pelanggan dan bagaimana cara mendapatkannya.

Reward Icon

Ikon hadiah (Active / Inactive) — ditampilkan di sel terakhir kartu sebagai pengganti stempel biasa.

Reward format

Sakelar dengan tiga opsi: Award | Voucher | Lottery. Inilah tiga jenis hadiah — masing-masing dibahas di Bagian 6. Singkatnya:

• Award — hadiah teks instan (“Free Coffee”). Sederhana dan cepat.
• Voucher — Smart Voucher dengan siklus hidupnya sendiri dan Redeem Code opsional.
• Lottery — undian dari kumpulan varian dengan probabilitas.

Reward Title

Teks hadiah akhir (misalnya Free Coffee, Free L'Oréal Hair Coloring, 50% off tire replacement). Teks inilah yang akan dilihat pelanggan di sepanjang perjalanan — baik di Wallet maupun di pratinjau.

Optional Settings

Membuka jendela Optional reward settings dengan parameter hadiah tambahan. Isinya bergantung pada jenis yang dipilih (lihat Award, Voucher, Lottery).

Bagaimana pelanggan mendapatkan stempel — aturan pemberian stempel

Sakelar: Per order | By amount.

• Per order — satu stempel per struk / pesanan, berapa pun nilainya. Sederhana dan jelas, cocok untuk sebagian besar kafe dan salon.
• By amount — satu stempel per N satuan mata uang dalam struk. Cocok untuk restoran dan ritel dengan nilai belanja yang bervariasi — mendorong pelanggan memperbesar keranjang belanja. Memerlukan nilai struk dikirim ke 7Stamp (melalui integrasi POS atau Receipt QR).

Do you want to add milestone rewards? Yes!

Tautan ini mengubah kartu dengan satu target menjadi Milestone Rewards — kartu dengan beberapa hadiah antara. Misalnya: 3 stempel → hadiah kecil, 6 → sedang, 9 → hadiah akhir. Detailnya di Bagian 6.4.

---

5.4 Langkah 4. Additional settings — ulang tahun dan Geo-fence

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

Langkah ini membuka otomatisasi — hal-hal yang berjalan tanpa keterlibatan Anda setelah kartu dipublikasikan.

Birthday Rewards

• Enable birthday greetings — Yes / No.
• Greeting message — teks ucapan (misalnya Happy Birthday! 🎉).
• Congratulations before N days — berapa hari sebelum ulang tahun ucapan dikirim (0 = pada hari itu, 3 = tiga hari sebelumnya).
• Give birthday voucher — Yes / No. Jika Yes — voucher otomatis diterbitkan bersama ucapan.

Tanggal lahir dikumpulkan dari kartu pelanggan — pelanggan dapat mengisinya saat bergabung atau nanti di halaman kartu.

Geo-fence notification — pengingat berbasis lokasi

Secara default, Geo-fence notification masih kosong: “You have no locations yet”. Ketuk + Add location — jendela Add location terbuka:

• Store address — masukkan alamat tempat usaha (misalnya Bratislava, Baštová 3). Google Maps memberi saran saat Anda mengetik.
• Penanda muncul di peta; sesuaikan titiknya. Koordinat dicatat secara otomatis (misalnya 48.14487, 17.10618).
• Message — teks notifikasi yang diterima pelanggan saat berada di dekat lokasi (misalnya You're nearby! Drop by for your morning coffee ☕).

Anda dapat menambahkan beberapa lokasi — geo-fence berfungsi untuk lokasi mana pun.

Perhatikan. Notifikasi berbasis lokasi hanya berfungsi jika pelanggan mengaktifkan geolokasi dan Wallet push notifications. Jangan gunakan saluran ini untuk promosi yang agresif — jaga nadanya tetap hangat dan tidak mengganggu.

---

5.5 Langkah 5. Result — pembuatan ulang kartu akhir

[tangkapan layar: 0309_Generate_Card.png]

Pada langkah terakhir, Anda melihat Preview stamp card akhir dan tombol Regenerate Stamp Card.

• Saat membuat kartu baru, tombol ini hanya memublikasikannya — setelah ditekan, kartu muncul di galeri Stamp Cards dan QR mulai berfungsi.
• Saat mengedit kartu yang sudah ada, Regenerate Stamp Card menerapkan semua perubahan dan memperbarui desain di setiap kartu pelanggan yang sudah diterbitkan (melalui pembaruan push Wallet). Perubahan warna, teks, dan ikon sampai ke pelanggan secara otomatis.

Penting tentang pengeditan. Ubah desain tanpa ragu — desain akan diperbarui untuk pelanggan. Namun jangan mengubah mekanisme dasar (jumlah stempel, jenis hadiah) pada kartu yang sedang berjalan: hal itu membingungkan peserta yang sudah ada. Jika Anda membutuhkan mekanisme yang berbeda, buat kartu baru dan arsipkan kartu lama.

---