CRM & Promo
Tampilan Program Member
Mengkustomisasi tampilan aplikasi member: tema warna, hero, tile aksi, banner promo, reward unggulan, urutan bagian, dan pengaturan PWA.
Tentang Fitur Tampilan Member
Menu Pelanggan & Promo → Tampilan Member adalah visual editor untuk mengkustomisasi tampilan aplikasi member publik (member.fnb-pos-naimtech.cloud/{slug}) — tempat pelanggan mengecek poin, menukar reward, dan berinteraksi dengan program loyalitas brand Anda.
Semua perubahan bisa Anda lihat hasilnya secara langsung di preview real-time di sisi kanan layar sebelum disimpan. Fitur ini bersifat per-brand.
Navigasi Tab
Editor tampilan terbagi menjadi tujuh tab:
| Tab | Fungsi |
|---|---|
| Tema | Warna dan gaya visual kartu member |
| Hero | Bagian header atas aplikasi member |
| Tiles | Tombol aksi cepat (mis. Pesan, Reservasi) |
| Promo | Banner promosi di halaman member |
| Reward Unggulan | Pilih reward yang tampil di halaman utama |
| Bagian | Urutan dan visibilitas bagian halaman |
| PWA | Nama, ikon, dan warna aplikasi saat diinstal di HP |
Tab Tema
Atur palet warna dan gaya visual kartu poin member:
| Field | Penjelasan |
|---|---|
| Warna Primer | Warna utama aplikasi (header, tombol, aksen). Input hex atau gunakan color picker. |
| Warna Aksen | Warna pendukung untuk highlight tertentu. |
| Gaya Kartu | Tampilan kartu poin member: Solid (warna datar), Gradient (gradasi), atau Glass (efek kaca transparan). |
| Radius Sudut | Kelengkungan sudut elemen: Kecil, Sedang, atau Besar. |
Tips: Gunakan warna primer yang sama dengan warna brand (logo/interior restoran) agar aplikasi terasa konsisten. Warna primer default diambil dari pengaturan brand Anda.
Tab Hero
Bagian hero adalah area utama di bagian atas halaman member yang menyambut pelanggan dan menampilkan saldo poin:
| Field | Penjelasan |
|---|---|
| Layout | Overlay (gambar dengan teks di atasnya), Split (gambar di satu sisi, teks di sisi lain), atau Minimal (tanpa gambar). |
| Gambar Hero | Upload foto (rasio banner). Direkomendasikan foto suasana restoran atau produk unggulan. |
| Headline | Judul besar di hero, mis. nama brand atau tagline. |
| Subcopy | Kalimat pendukung di bawah headline. |
| Tampilkan Badge Poin | Toggle untuk menampilkan/menyembunyikan badge saldo poin di area hero. |
Tab Tiles
Tile aksi adalah tombol-tombol cepat yang muncul di bawah hero untuk mengarahkan pelanggan ke fitur tertentu:
Setiap tile memiliki pengaturan:
| Field | Penjelasan |
|---|---|
| Tipe | pesan (mengarah ke web order), reservasi (mengarah ke form reservasi), atau custom (URL bebas). |
| Label | Teks tombol yang ditampilkan. |
| Ikon | Nama ikon (opsional, mis. nama ikon Lucide). |
| URL | Hanya untuk tipe custom — URL tujuan saat tile diklik. |
| Visibilitas | Toggle untuk menyembunyikan tile tanpa menghapusnya. |
Gunakan tombol panah atas/bawah untuk mengubah urutan tile. Klik + Tambah Tile untuk menambah tile baru.
Tab Promo
Banner promo adalah gambar bergeser (slider) di halaman member untuk menampilkan promo atau info terkini:
Setiap banner memiliki:
| Field | Penjelasan |
|---|---|
| Gambar | Upload gambar banner (rasio horizontal). |
| Judul | Teks judul opsional yang ditampilkan di atas banner. |
| URL | Tautan yang dibuka saat pelanggan mengetuk banner (mis. ke detail promo atau halaman lain). |
| Visibilitas | Toggle untuk menyembunyikan banner. |
Klik + Tambah Banner untuk menambah banner baru. Urutkan dengan tombol panah.
Tab Reward Unggulan
Pilih reward dari Katalog Reward yang ingin ditampilkan menonjol di halaman utama aplikasi member (biasanya di bagian "Tukar Poin"):
- Centang reward dari daftar yang tersedia.
- Reward yang dipilih akan ditampilkan lebih menonjol di aplikasi member.
Jika katalog reward belum tersedia lewat slug brand, Anda bisa memasukkan ID reward secara manual menggunakan field input di bawah daftar.
Tab Bagian
Atur urutan dan visibilitas bagian-bagian di halaman utama aplikasi member (mis. bagian Poin, Reward, Riwayat, Promo, dll.):
- Gunakan tombol panah untuk mengubah urutan bagian.
- Toggle untuk menyembunyikan bagian yang tidak relevan bagi brand Anda.
Tab PWA
Saat pelanggan menginstal aplikasi member ke layar HP mereka (Progressive Web App), konfigurasi ini menentukan tampilannya:
| Field | Penjelasan |
|---|---|
| Nama Aplikasi | Nama lengkap yang muncul di layar HP (mis. "Member Kopi Nusantara"). |
| Nama Pendek | Nama singkat untuk ikon di layar utama (maks. ~12 karakter). |
| Ikon Aplikasi | Upload ikon berukuran persegi (minimal 512×512 px, PNG transparan direkomendasikan). |
| Warna Tema | Warna header browser saat aplikasi dibuka (biasanya sama dengan warna primer). |
| Warna Latar | Warna layar splash saat aplikasi pertama dibuka. |
Menyimpan Perubahan
Setelah selesai mengatur semua tab, tekan tombol Simpan di bawah area editor. Preview di sisi kanan akan selalu mencerminkan pengaturan terkini (diperbarui otomatis dengan jeda kecil untuk performa).
Perhatian: Perubahan baru tampil di aplikasi member secara langsung setelah disimpan — tidak perlu rebuild. Namun jika pelanggan sudah membuka halaman sebelumnya, mereka mungkin perlu me-refresh browser untuk melihat tampilan terbaru.
Pertanyaan Umum
Apakah kustomisasi ini berlaku untuk semua cabang? Ya. Tampilan member bersifat per-brand, sehingga berlaku untuk semua cabang dalam brand yang sama.
Di mana pelanggan bisa mengakses aplikasi member?
Aplikasi member dapat diakses di member.fnb-pos-naimtech.cloud/{slug-brand} atau di-install sebagai PWA dari browser HP. Slug brand bisa dilihat dan diatur di pengaturan brand.