Makanan & Minuman · Kisah Sukses
Kartu Stempel Digital Preface Coffee & Wine.
Preface Coffee & Wine merevolusi program loyalitas dengan kartu stempel digital di e-wallet, mengubah pembelian kopi menjadi pengalaman pelanggan berbasis data.
Industri
Makanan & Minuman
Skala perusahaan
25-30
Produk & layanan
Marketing AutomationMembership Website & PluginMerchant Success ServicePrepaid Voucher & Credit
Tantangan
Audiens berkepercayaan tinggi yang tidak terjangkau program reward lama.
01
Pelacakan loyalitas tradisional
Kartu stempel kertas mudah hilang atau rusak, menimbulkan frustrasi pelanggan dan peluang yang terlewat untuk memberi reward pada pelanggan setia.
02
Pengumpulan data pelanggan
Bisnis kekurangan cara sistematis mengumpulkan dan menganalisis preferensi serta pola pembelian pelanggan, membatasi keputusan yang tepat.
03
Tantangan retensi pelanggan
Tanpa sistem keterlibatan modern, bisnis kesulitan menjaga hubungan pelanggan yang konsisten dan mendorong kunjungan ulang secara efektif.
Solusi
Di Garis Depan Sistem Keanggotaan
Jadilah yang terdepan dalam sistem keanggotaan. Konsep Preface Coffee & Wine sangat inovatif. Sebelum konsep digitalisasi menarik perhatian, Preface Coffee & Wine telah melihat potensi pengembangan digitalisasi dan elektronik. Bergabunglah dengan kami untuk mengubah kartu stempel fisik tradisional menjadi produk elektronik yang tersimpan di ponsel.
Stamp
Kumpulkan stempel untuk reward. Sama seperti biasa, tapi lebih keren karena virtual.
Core
Sistem keanggotaan ini didukung oleh Core kami, tempat keajaiban terjadi.
Wallet
Kartu stempel digital Preface Coffee & Wine berbasis e-wallet. Pelanggan tidak perlu mengunduh apa pun untuk menggunakannya.
Reward
Beri reward pada pelanggan yang setia pada merek Anda agar mereka merasa penting.
Hasil
Pass yang benar-benar disimpan — dan dibuka — anggota.
01
Retensi lebih baik lewat reward
Insentif yang disesuaikan mendorong kunjungan ulang dan pembelian tambahan.
02
Data cerdas, operasi lebih cerdas
Analitik sistem mengoptimalkan perencanaan stok dan menangkap periode permintaan puncak.
Kisah terkait
Solusi CRM terbukti, dalam aksi.
Rewards Wallet AIA Alta
Rewards wallet eksklusif yang dikembangkan untuk AIA Alta guna meningkatkan pengalaman pelanggan di AIA Wealth Management Centre.
Baca selengkapnya
Kartu E-Membership BMW iSpace
BMW iSpace merevolusi kepemilikan mobil mewah dengan kartu e-membership digital, mengintegrasikan solusi wallet untuk pengalaman personal yang mulus.
Baca selengkapnya
Program Reward Karyawan Clarins
Clarins menerapkan gamifikasi pada pelatihan karyawan melalui program reward digital, mendorong keterlibatan staf lewat insentif berbasis poin dan integrasi e-wallet.
Baca selengkapnyaSiap untuk mulai?
Kisah sukses Anda dimulai di sini.
Sempurnakan perjalanan pelanggan Anda dengan JuicySuite. Pesan demo dan kami akan memetakan program pertama Anda bersama.
Kartu Stempel Digital Preface Coffee & Wine Preface Coffee & Wine Preface Coffee & Wine merevolusi program loyalitas dengan kartu stempel digital di e-wallet, mengubah pembelian kopi menjadi pengalaman pelanggan berbasis data. 
/\* Card Border Gradient \*/ /\*Box Shadow method .card\_item { border: 3px solid white; border-radius: 1.25rem; padding: 20px; box-sizing: border-box; background-color: #f6f1f0; transition: box-shadow 0.3s; } .card\_item:hover { box-shadow: 0 0 0 5px #FF5C4C inset, 0 0 0 8px #FFABE7 inset; } \*/ section { position: relative; } p { text-wrap: pretty; } h1, h2, h3, h4, h5, h6{ text-wrap: balance; } .legal\_item a { text-decoration: underline; } /\* Nav link Product Hover \*/ .nav\_link\_products { position: relative; text-decoration: none; /\* Remove default underline \*/ } .nav\_link\_products::after { content: ''; position: absolute; width: 100%; height: 2px; /\* Adjust the height of the underline as needed \*/ bottom: -2px; /\* Adjust the position of the underline as needed \*/ left: 0; background: linear-gradient(to right, #ff5c4c, #ffabe7); transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease-out; } .nav\_link\_products:hover::after { transform: scaleX(1); transform-origin: bottom left; } /\* Nav Link General Hover\*/ .navbar1\_link { position: relative; text-decoration: none; /\* Remove default underline \*/ } .navbar1\_link::after { content: ''; position: absolute; width: 100%; height: 2px; /\* Adjust the height of the underline as needed \*/ bottom: -2px; /\* Adjust the position of the underline as needed \*/ left: 0; background: black; /\* Use a solid black color \*/ transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease-out; } .navbar1\_link:hover::after { transform: scaleX(1); transform-origin: bottom left; } /\* Default styles (applies to all screen sizes) \*/ .navbar1\_link\_features { position: relative; text-decoration: none; /\* Remove default underline \*/ } .navbar1\_link\_features::after { content: ''; position: absolute; width: 100%; height: 2px; /\* Adjust the height of the underline as needed \*/ bottom: -2px; /\* Adjust the position of the underline as needed \*/ left: 0; transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease-out; } .navbar1\_link\_features:hover::after { transform: scaleX(1); transform-origin: bottom left; } /\* Styles for viewports below 991px \*/ @media (max-width: 991px) { .navbar1\_link\_features::after { background: black; /\* Change to black \*/ } } /\* Styles for viewports above 991px \*/ @media (min-width: 992px) { .navbar1\_link\_features::after { background: #685e64; /\* Default color \*/ } } /\* Set color style to inherit \*/ .inherit-color \* { color: inherit; } /\* Focus state style for keyboard navigation for the focusable elements \*/ \*\[tabindex\]:focus-visible, input\[type="file"\]:focus-visible { outline: 0.125rem solid #4d65ff; outline-offset: 0.125rem; } /\* Get rid of top margin on first element in any rich text element \*/ .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { margin-top: 0 !important; } /\* Get rid of bottom margin on last element in any rich text element \*/ .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0 !important; } /\* Prevent all click and hover interaction with an element \*/ .pointer-events-off { pointer-events: none; } /\* Enables all click and hover interaction with an element \*/ .pointer-events-on { pointer-events: auto; } /\* Create a class of .div-square which maintains a 1:1 dimension of a div \*/ .div-square::after { content: ""; display: block; padding-bottom: 100%; } /\* Make sure containers never lose their center alignment \*/ .container-medium,.container-small, .container-large { margin-right: auto !important; margin-left: auto !important; } /\* Make the following elements inherit typography styles from the parent and not have hardcoded values. Important: You will not be able to style for example "All Links" in Designer with this CSS applied. Uncomment this CSS to use it in the project. Leave this message for future hand-off. \*/ /\* a, .w-input, .w-select, .w-tab-link, .w-nav-link, .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { color: inherit; text-decoration: inherit; font-size: inherit; } \*/ /\* Apply "..." after 3 lines of text \*/ .text-style-3lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /\* Apply "..." after 2 lines of text \*/ .text-style-2lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /\* Adds inline flex display \*/ .display-inlineflex { display: inline-flex; } /\* These classes are never overwritten \*/ .hide { display: none !important; } @media screen and (max-width: 991px) { .hide, .hide-tablet { display: none !important; } } @media screen and (max-width: 767px) { .hide-mobile-landscape{ display: none !important; } } @media screen and (max-width: 479px) { .hide-mobile{ display: none !important; } } .margin-0 { margin: 0rem !important; } .padding-0 { padding: 0rem !important; } .spacing-clean { padding: 0rem !important; margin: 0rem !important; } .margin-top { margin-right: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-top { padding-right: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-right { margin-top: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-right { padding-top: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-bottom { margin-top: 0rem !important; margin-right: 0rem !important; margin-left: 0rem !important; } .padding-bottom { padding-top: 0rem !important; padding-right: 0rem !important; padding-left: 0rem !important; } .margin-left { margin-top: 0rem !important; margin-right: 0rem !important; margin-bottom: 0rem !important; } .padding-left { padding-top: 0rem !important; padding-right: 0rem !important; padding-bottom: 0rem !important; } .margin-horizontal { margin-top: 0rem !important; margin-bottom: 0rem !important; } .padding-horizontal { padding-top: 0rem !important; padding-bottom: 0rem !important; } .margin-vertical { margin-right: 0rem !important; margin-left: 0rem !important; } .padding-vertical { padding-right: 0rem !important; padding-left: 0rem !important; } /\* Apply "..." at 100% width \*/ .truncate-width { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /\* Removes native scrollbar \*/ .no-scrollbar { -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .no-scrollbar::-webkit-scrollbar { display: none; } /\* Disable default focus styles \*/ input:focus, textarea:focus, select:focus, button:focus { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; /\* Remove default arrow \*/ background-image: url(...); /\* Add custom arrow \*/ } .alternate-rich-text p{ color:white !important; margin-top: 1rem; margin-bottom: 0.5rem; } \[data-card=hover\] .card\_hover\_wrap { opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; } \[data-card=hover\]:hover .card\_hover\_wrap { opacity: 1; visibility: visible; } @media screen and (max-width: 480px) { .w-richtext figure.w-richtext-align-floatleft { float: none !important; margin: 0 auto; } } .nav\_link\_list\_wrap a.w--current { color: #3e3e3e !important; } .nav\_link\_list\_wrap a.w--current:hover { color: #ff761a !important; } .nav\_link\_list\_item.last a.w--current { color: white !important; /\* or your desired color \*/ }
[
](/)
[
Kontak
.button.is-primary .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .button.is-primary:hover .button\_primary\_hover\_bg { opacity: 1; }
](/contact)
[EN](/success-stories/preface-coffee-wine-digital-stamp-card)
[中](/zh-hk/success-stories/preface-coffee-wine-digital-stamp-card)
[
Pesan Demo
](#)
- [Beranda](/)
- Produk
[
Produk
](/platform#products)
[Situs Web Keanggotaan](/products/membership-website)
[eWallet di Apple & Google](/products/ewallet-on-apple-google)
[Loyalty Engine](/products/loyalty-engine)
[Customer Data Platform (CDP)](/products/customer-data-platform-cdp)
[Aplikasi Seluler White-label](/products/white-label-mobile-app)
[
Fitur
](/platform#features)
[
Kartu Stempel Digital
](/features/digital-stamp-card)
[
Poin & Tier
](/features/points-tiers)
[
Manajemen Reward
](/features/rewards-management)
[
Kampanye Loyalitas
](/features/loyalty-campaigns)
[
Referral
](/features/referral)
[
Voucher Prabayar & Kredit
](/features/prepaid-voucher-credit)
[
Kartu Hadiah
](/features/gift-card)
[
Dasbor & Laporan
](/features/dashboard-report)
[
Segmentasi Pelanggan
](/features/customer-segmentation)
[
Marketing Automation
](/features/marketing-automation)
- [
Layanan
](/platform#services)
[Kustomisasi Sistem](/services/system-customisation)
[Layanan Konsolidasi Data (ETL)](/services/data-consolidation-services-etl)
[Kemitraan Hadiah & Promosi](/services/gift-promotion-partnership)
[Merchant Success Service](/services/merchant-success-service)
- [
Industri
](/platform#industries)
[Enterprise](/industries/enterprise)
[Makanan & Minuman](/industries/food-beverage)
[Retail](/industries/retail)
[Kecantikan](/industries/beauty)
- [kisah sukses](/success-stories)
- [Blog](/resources)
- [harga](/pricing)
- [
Kontak
.button.is-primary .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .button.is-primary:hover .button\_primary\_hover\_bg { opacity: 1; }
](/contact)
[
](/)
[](#)
Produk
[Situs Web Keanggotaan](/products/membership-website)
[eWallet di Apple & Google](/products/ewallet-on-apple-google)
[Loyalty Engine](/products/loyalty-engine)
[Customer Data Platform (CDP)](/products/customer-data-platform-cdp)
[Aplikasi Seluler White-label](/products/white-label-mobile-app)
[
Fitur
](/platform#features)
[Manajemen Reward](/features/rewards-management)
[Marketing Automation](/features/marketing-automation)
[Segmentasi Pelanggan](/features/customer-segmentation)
[Kampanye Loyalitas](/features/loyalty-campaigns)
[Voucher Prabayar & Kredit](/features/prepaid-voucher-credit)
[Dasbor & Laporan](/features/dashboard-report)
[Kartu Hadiah](/features/gift-card)
[Referral](/features/referral)
[Poin & Tier](/features/points-tiers)
[Kartu Stempel Digital](/features/digital-stamp-card)
[
Layanan
](/platform#services)
[Kustomisasi Sistem](/services/system-customisation)
[Layanan Konsolidasi Data (ETL)](/services/data-consolidation-services-etl)
[Kemitraan Hadiah & Promosi](/services/gift-promotion-partnership)
[Merchant Success Service](/services/merchant-success-service)
Industri
[Enterprise](/industries/enterprise)
[Makanan & Minuman](/industries/food-beverage)
[Retail](/industries/retail)
[Kecantikan](/industries/beauty)
[Harga](/pricing)[Kisah Sukses](/success-stories)[Blog](/resources)
[
Kontak
.button.is-primary .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .button.is-primary:hover .button\_primary\_hover\_bg { opacity: 1; }
](/contact)
[EN](/success-stories/preface-coffee-wine-digital-stamp-card)
[中](/zh-hk/success-stories/preface-coffee-wine-digital-stamp-card)
document.addEventListener('DOMContentLoaded', function() { // Function to initialize image hover effects for a specific dropdown function initDropdownImageHover(dropdownElement) { if (!dropdownElement) return; // Get all tab links within this dropdown const tabLinks = dropdownElement.querySelectorAll('.nav\_dropdown\_tab\_link'); // Get the first image (default image) within this dropdown const defaultImage = dropdownElement.querySelector('.nav\_links\_list .nav\_links\_item:first-child .navbar\_dropdown\_image'); // Show default image on load if (defaultImage) { defaultImage.style.opacity = '1'; defaultImage.style.transition = 'opacity 0.3s ease'; } // Add mouseenter event to each link tabLinks.forEach(link => { link.addEventListener('mouseenter', function() { // Get the ID of the hovered link const linkId = this.textContent; // Hide all images within this dropdown first const allImages = dropdownElement.querySelectorAll('.navbar\_dropdown\_image'); allImages.forEach(img => { img.style.opacity = '0'; img.style.transition = 'opacity 0.3s ease'; }); // Find and show the corresponding image const correspondingImage = dropdownElement.querySelector(\`.navbar\_dropdown\_image\[id="${linkId}"\]\`); if (correspondingImage) { correspondingImage.style.opacity = '1'; } }); }); // Show default image when mouse leaves the navbar const navWrap = dropdownElement.querySelector('.navbar\_dropdown\_tabs\_wrap'); if (navWrap) { navWrap.addEventListener('mouseleave', function() { // Hide all images first const allImages = dropdownElement.querySelectorAll('.navbar\_dropdown\_image'); allImages.forEach(img => { img.style.opacity = '0'; }); // Show default image if (defaultImage) { defaultImage.style.opacity = '1'; } }); } } // Initialize for each dropdown section const dropdowns = \[ document.querySelector('.navbar-dropdown2\_dropdown-list'), // Products dropdown document.querySelector('.navbar-dropdown2\_dropdown-list.services'), // Services dropdown document.querySelector('.navbar-dropdown2\_dropdown-list.is-industries') // Industries dropdown \]; dropdowns.forEach(dropdown => { if (dropdown) { initDropdownImageHover(dropdown); } }); });
.nav\_link\_dropdown\_toggle:hover .nav\_products\_link { color: #ff761a; } /\* Add this to your existing CSS \*/ .mobile\_nav\_cms\_link.w--current { color: #3E3E3E; /\* This is the neutral black color used in your site \*/ font-weight: 700; } .mobile\_nav\_cta\_wrap .button.is-primary.w--current{ color: #ffffff !important; }
# Kartu Stempel Digital Preface Coffee & Wine
## Ikhtisar
### Memodernisasi loyalitas kedai kopi melalui transformasi digital dan wawasan data.
Industri
Makanan & Minuman
SKALA PERUSAHAAN
25-30
Produk & Layanan
Marketing Automation
Situs Web Keanggotaan & Plugin
Merchant Success Service
Voucher Prabayar & Kredit
## Tantangan
##### Pelacakan Loyalitas Tradisional
Kartu stempel berbasis kertas mudah hilang atau rusak, menimbulkan frustrasi bagi pelanggan dan peluang yang terlewatkan untuk memberikan reward kepada pelanggan setia.
##### Pengumpulan Data Pelanggan
Bisnis ini tidak memiliki cara sistematis untuk mengumpulkan dan menganalisis preferensi serta pola pembelian pelanggan, sehingga membatasi kemampuan mereka membuat keputusan bisnis yang tepat.
##### Tantangan Retensi Pelanggan
Tanpa sistem engagement modern, bisnis kesulitan menjaga hubungan pelanggan yang konsisten dan secara efektif mendorong kunjungan berulang.
## Solusi
## Di Garda Terdepan Sistem Keanggotaan
Berada di garda terdepan sistem keanggotaan, konsep Preface Coffee & Wine sungguh inovatif. Sebelum konsep digitalisasi menarik perhatian luas, Preface Coffee & Wine sudah menyadari potensi pengembangan digitalisasi dan elektronik. Bergabunglah bersama kami untuk mengubah kartu stempel fisik tradisional menjadi produk elektronik yang tersimpan di ponsel.
- **Stempel
**Kumpulkan stempel untuk mendapatkan reward. Seperti yang biasa kita kenal, hanya saja lebih keren karena berbentuk virtual.****
- **Core**
Sistem keanggotaan ini ditenagai oleh Core kami, tempat keajaiban itu terjadi.****
- **Wallet****
**Kartu stempel digital Preface Coffee & Wine berbasis e-wallet. Pelanggan tidak perlu mengunduh apa pun untuk menggunakannya.
- **Reward**
Berikan reward kepada pelanggan yang setia pada brand Anda agar mereka merasa istimewa.
## Hasilnya
Retensi Lebih Baik melalui Reward
Insentif yang dipersonalisasi mendorong kunjungan berulang dan pembelian tambahan.
Data Cerdas, Operasional Lebih Cerdas
Analitik sistem mengoptimalkan perencanaan stok dan mengidentifikasi periode permintaan puncak.
## Proyek Terkait
Solusi CRM Terbukti dalam Aksi: Proyek yang Memberikan Nilai
### AIA Alta Rewards Wallet
eCard di Apple & Google Wallet
Enterprise
Situs Web Keanggotaan & Plugin
Rewards wallet eksklusif yang dikembangkan untuk AIA Alta guna meningkatkan pengalaman pelanggan di AIA Wealth Management Centre.
[
Selengkapnya
/\* Animation styles for link buttons with arrow icons - On hover, text moves left and arrow appears/moves right - Creates a smooth sliding effect for button content - Only applies to desktop/tablet (>768px) for better mobile UX \*/ /\* Initial state - arrow is hidden and offset \*/ @media (min-width: 768px) { /\* Hide and position arrow initially \*/ .button.is-link .link\_arrow\_svg { transform: translateX(10px); opacity: 0; transition: transform 0.3s ease; } /\* On hover - move text left \*/ .button.is-link:hover .button\_text { transform: translateX(-10px); transition: transform 0.3s ease; } /\* On hover - show arrow and slide it right \*/ .button.is-link:hover .link\_arrow\_svg { transform: translateX(50px); opacity: 1; transition: transform 0.3s ease; } }
](/success-stories/aia-alta-rewards-wallet)
### E-Card Keanggotaan BMW iSpace
eCard di Apple & Google Wallet
Enterprise
Situs Web Keanggotaan & Plugin
BMW iSpace merevolusi kepemilikan mobil mewah dengan e-card keanggotaan digital, mengintegrasikan solusi wallet untuk pengalaman personal yang mulus.
[
Selengkapnya
/\* Animation styles for link buttons with arrow icons - On hover, text moves left and arrow appears/moves right - Creates a smooth sliding effect for button content - Only applies to desktop/tablet (>768px) for better mobile UX \*/ /\* Initial state - arrow is hidden and offset \*/ @media (min-width: 768px) { /\* Hide and position arrow initially \*/ .button.is-link .link\_arrow\_svg { transform: translateX(10px); opacity: 0; transition: transform 0.3s ease; } /\* On hover - move text left \*/ .button.is-link:hover .button\_text { transform: translateX(-10px); transition: transform 0.3s ease; } /\* On hover - show arrow and slide it right \*/ .button.is-link:hover .link\_arrow\_svg { transform: translateX(50px); opacity: 1; transition: transform 0.3s ease; } }
](/success-stories/bmw-ispace-membership-e-card)
### Program Reward Karyawan Clarins
Retail
eCard di Apple & Google Wallet
Marketing Automation
Clarins mengubah pelatihan karyawan menjadi gamifikasi melalui program reward digital, mendorong engagement staf lewat insentif berbasis poin dan integrasi e-wallet.
[
Selengkapnya
/\* Animation styles for link buttons with arrow icons - On hover, text moves left and arrow appears/moves right - Creates a smooth sliding effect for button content - Only applies to desktop/tablet (>768px) for better mobile UX \*/ /\* Initial state - arrow is hidden and offset \*/ @media (min-width: 768px) { /\* Hide and position arrow initially \*/ .button.is-link .link\_arrow\_svg { transform: translateX(10px); opacity: 0; transition: transform 0.3s ease; } /\* On hover - move text left \*/ .button.is-link:hover .button\_text { transform: translateX(-10px); transition: transform 0.3s ease; } /\* On hover - show arrow and slide it right \*/ .button.is-link:hover .link\_arrow\_svg { transform: translateX(50px); opacity: 1; transition: transform 0.3s ease; } }
](/success-stories/clarins-staff-reward-programme)
[
.button .button\_gradient\_bg { opacity: 0; transition: opacity 0.4s ease; } .button:hover .button\_gradient\_bg { opacity: 1; }
Lihat Semua
](/success-stories)
## Siap memulai?
Sempurnakan perjalanan pelanggan Anda bersama JuicySuite.
.button .button\_gradient\_bg { opacity: 0; transition: opacity 0.4s ease; } .button:hover .button\_gradient\_bg { opacity: 1; }
Pesan Demo
[
Hubungi Sales
.button.is-primary .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .button.is-primary:hover .button\_primary\_hover\_bg { opacity: 1; }
](/contact)
Ikuti kami untuk berita terbaru serta pelajari fitur dan rilis baru.
.email\_button\_wrap .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .email\_button\_wrap:hover .button\_primary\_hover\_bg { opacity: 1; }
Terima kasih! Pengiriman Anda telah kami terima!
Ups! Terjadi kesalahan saat mengirim formulir.
Dengan berlangganan, Anda menyetujui [Kebijakan Privasi](/legal/privacy) kami dan setuju untuk menerima berita terbaru dari perusahaan kami.
Produk
[Aplikasi Seluler White-label](/products/white-label-mobile-app)
[Customer Data Platform (CDP)](/products/customer-data-platform-cdp)
[Loyalty Engine](/products/loyalty-engine)
[eWallet di Apple & Google](/products/ewallet-on-apple-google)
[Situs Web Keanggotaan](/products/membership-website)
Fitur
[Kartu Stempel Digital](/features/digital-stamp-card)
[Poin & Tier](/features/points-tiers)
[Referral](/features/referral)
[Kartu Hadiah](/features/gift-card)
[Dasbor & Laporan](/features/dashboard-report)
[Voucher Prabayar & Kredit](/features/prepaid-voucher-credit)
[Kampanye Loyalitas](/features/loyalty-campaigns)
[Segmentasi Pelanggan](/features/customer-segmentation)
[Marketing Automation](/features/marketing-automation)
[Manajemen Reward](/features/rewards-management)
Layanan
[Merchant Success Service](/services/merchant-success-service)
[Kemitraan Hadiah & Promosi](/services/gift-promotion-partnership)
[Layanan Konsolidasi Data (ETL)](/services/data-consolidation-services-etl)
[Kustomisasi Sistem](/services/system-customisation)
Industri
[Kecantikan](/industries/beauty)
[Retail](/industries/retail)
[Makanan & Minuman](/industries/food-beverage)
[Enterprise](/industries/enterprise)
Perusahaan
[Kisah Sukses](/success-stories)[Resources](/resources)[Harga](/pricing)[Kontak](/contact)
© 2025 JuicySuite. Hak cipta dilindungi undang-undang.
[Kebijakan Privasi](/legal/privacy)
[
](https://www.facebook.com/@juicysuite/)[
](https://www.instagram.com/juicysuite_crm/)[
](https://www.linkedin.com/company/juicysuite/)
## Pesan Demo
Nama\*
Nama Perusahaan\*
Nomor Kontak\*
Email\*
Produk yang Diminati
Pilih Produk
Situs Web Keanggotaan
eWallet di Apple & Google
Loyalty Engine
Customer Data Platform (CDP)
Aplikasi Seluler White-label
Fitur yang Diminati
Pilih Fitur
Manajemen Reward
Marketing Automation
Segmentasi Pelanggan
Kampanye Loyalitas
Voucher Prabayar & Kredit
Dasbor & Laporan
Kartu Hadiah
Referral
Poin & Tier
Kartu Stempel Digital
Layanan yang Diminati
Pilih Layanan
Kustomisasi Sistem
Layanan Konsolidasi Data (ETL)
Kemitraan Hadiah & Promosi
Merchant Success Service
Saya menyetujui [Ketentuan Layanan\*](/legal/terms)
// Function to update hidden field with selected checkbox IDs function updateSelectedCheckboxes() { const checkedBoxes = document.querySelectorAll('input\[type="checkbox"\]:checked'); const selectedIds = Array.from(checkedBoxes).map(checkbox => checkbox.id); document.getElementById('selectedCheckboxes').value = selectedIds.join(','); } // Add change listener to all checkboxes document.querySelectorAll('input\[type="checkbox"\]').forEach(checkbox => { checkbox.addEventListener('change', updateSelectedCheckboxes); }); // Optional: Also update on form submission document.querySelector('form').addEventListener('submit', function(e) { updateSelectedCheckboxes(); }); // This is because Webflow CMS for checkbox values won't carry over its actual name value over const checkboxFields = document.querySelectorAll('.form\_checkbox\_field'); checkboxFields.forEach(field => { // Get the field's ID const fieldId = field.id; if (fieldId) { // Find the input element within this field const input = field.querySelector('input'); if (input) { // Set the input's name attribute to the field's ID input.setAttribute('name', fieldId); } } }); document.getElementById('page\_name\_field').value = window.location.pathname;
Terima kasih! Pengiriman Anda telah kami terima!
Ups! Terjadi kesalahan saat mengirim formulir.
[
](#)
// Preconnects var link1 = document.createElement('link'); link1.rel = 'preconnect'; link1.href = 'https://www.googletagmanager.com'; document.head.appendChild(link1); var link2 = document.createElement('link'); link2.rel = 'preconnect'; link2.href = 'https://www.clarity.ms'; document.head.appendChild(link2); // Load after everything else setTimeout(function() { // GTM Container 1 (function(w,d,s,l,i){ w\[l\]=w\[l\]||\[\]; w\[l\].push({'gtm.start': new Date().getTime(), event:'gtm.js'}); var f=d.getElementsByTagName(s)\[0\], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true; j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TLGTXQFX'); // GTM Container 2 (function(w,d,s,l,i){ w\[l\]=w\[l\]||\[\]; w\[l\].push({'gtm.start': new Date().getTime(), event:'gtm.js'}); var f=d.getElementsByTagName(s)\[0\], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true; j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M5LL3BQ6'); // Microsoft Clarity (function(c,l,a,r,i,t,y){ c\[a\]=c\[a\]||function(){(c\[a\].q=c\[a\].q||\[\]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)\[0\];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "sdl97j1thh"); }, 1000);