Aplikasi Loyalitas The Club HKT.
The Club dari HKT menyatukan loyalitas telekomunikasi di lebih dari 200 mitra, melibatkan 3 juta+ anggota melalui rewards yang dipersonalisasi dan pengiriman konten secara real-time.

Audiens berkepercayaan tinggi yang tidak terjangkau program reward lama.
Integrasi lintas mitra
Mengelola jaringan kompleks 200+ mitra membutuhkan sistem canggih untuk pelacakan poin dan penukaran reward di berbagai bisnis.
Distribusi konten
Dibutuhkan cara efisien menyampaikan pembaruan, promosi, dan informasi mitra secara tepat waktu kepada jutaan anggota.
Personalisasi dalam skala besar
Tantangan memberikan pengalaman personal kepada 3 juta+ anggota sambil menjaga efisiensi dan keterlibatan program.
Pengalaman Personal Terbaik
Perusahaan memiliki data paling banyak. Dengan kata lain, Anda bisa memberikan pengalaman personal terbaik bagi pelanggan jika dilakukan dengan benar.

Pass yang benar-benar disimpan — dan dibuka — anggota.
Adopsi lintas layanan meningkat
Platform mendorong pelanggan menjelajahi lebih banyak paket layanan, meningkatkan langganan dan keterlibatan.
Penukaran reward membangun loyalitas
Sistem berbasis poin meningkatkan keterlibatan ulang dan nilai seumur hidup pelanggan.
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 selengkapnyaKisah sukses Anda dimulai di sini.
Sempurnakan perjalanan pelanggan Anda dengan JuicySuite. Pesan demo dan kami akan memetakan program pertama Anda bersama.
/\* 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/hkt-the-club-loyalty-app)
[中](/zh-hk/success-stories/hkt-the-club-loyalty-app)
[
Pesan Demo
](#)
- [Beranda](/)
- Produk
[
Produk
](/platform#products)
[Website 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 Mobile White-label](/products/white-label-mobile-app)

[
Fitur
](/platform#features)
[
Kartu Stempel Digital
](/features/digital-stamp-card)
[
Poin & Tingkatan
](/features/points-tiers)
[
Manajemen Rewards
](/features/rewards-management)
[
Kampanye Loyalitas
](/features/loyalty-campaigns)
[
Referral
](/features/referral)
[
Voucher & Kredit Prabayar
](/features/prepaid-voucher-credit)
[
Kartu Hadiah
](/features/gift-card)
[
Dashboard & Laporan
](/features/dashboard-report)
[
Segmentasi Pelanggan
](/features/customer-segmentation)
[
Otomasi Pemasaran
](/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)

[Layanan Merchant Success](/services/merchant-success-service)

- [
Industri
](/platform#industries)
[Enterprise](/industries/enterprise)

[Makanan & Minuman](/industries/food-beverage)

[Ritel](/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
[Website 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 Mobile White-label](/products/white-label-mobile-app)
[
Fitur
](/platform#features)
[Manajemen Rewards](/features/rewards-management)
[Otomasi Pemasaran](/features/marketing-automation)
[Segmentasi Pelanggan](/features/customer-segmentation)
[Kampanye Loyalitas](/features/loyalty-campaigns)
[Voucher & Kredit Prabayar](/features/prepaid-voucher-credit)
[Dashboard & Laporan](/features/dashboard-report)
[Kartu Hadiah](/features/gift-card)
[Referral](/features/referral)
[Poin & Tingkatan](/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)
[Layanan Merchant Success](/services/merchant-success-service)
Industri
[Enterprise](/industries/enterprise)
[Makanan & Minuman](/industries/food-beverage)
[Ritel](/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/hkt-the-club-loyalty-app)
[中](/zh-hk/success-stories/hkt-the-club-loyalty-app)
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; }

# Aplikasi Loyalitas The Club HKT

## Gambaran Umum
### Mengembangkan loyalitas enterprise melalui kemitraan lintas industri dan engagement digital.
Industri
Enterprise
SKALA PERUSAHAAN
10.000
Produk & Layanan
Otomasi Pemasaran
Enterprise
Layanan Merchant Success
## Tantangan
##### Integrasi Lintas Mitra
Mengelola jaringan kompleks yang terdiri dari 200+ mitra membutuhkan sistem canggih untuk pelacakan poin dan penukaran rewards di berbagai jenis bisnis.
##### Distribusi Konten
Membutuhkan cara yang efisien untuk menyampaikan pembaruan, promosi, dan informasi mitra secara tepat waktu kepada jutaan anggota.
##### Personalisasi dalam Skala Besar
Tantangan untuk memberikan pengalaman yang dipersonalisasi kepada 3 juta+ anggota sambil menjaga efisiensi dan engagement program.


## Solusi
## Pengalaman Personalisasi Terbaik
Enterprise memiliki data paling banyak. Dengan kata lain, Anda dapat menghadirkan pengalaman yang paling dipersonalisasi bagi pelanggan jika dilakukan dengan tepat.
- **Manajemen Konten**
HKT dapat mengirimkan informasi kepada anggota melalui aplikasi ini, seperti produk baru dan informasi event brand.
- **Skema Poin**
Skema poin HKT mencakup berbagai pengalaman belanja dan kuliner di seluruh Hong Kong.
- **Sistem Penukaran**
Pelanggan menukarkan hadiah di mitra HKT cukup dengan menunjukkan kode QR unik mereka.
- **Keterlibatan Pelanggan**
Libatkan pelanggan kapan saja dan di mana saja melalui notifikasi push.
## Hasilnya

Adopsi Lintas Layanan Meningkat
Platform ini mendorong pelanggan untuk mengeksplorasi lebih banyak paket layanan, meningkatkan langganan dan engagement.

Penukaran Reward Membangun Loyalitas
Sistem berbasis poin meningkatkan re-engagement dan customer lifetime value.
## Proyek Terkait
Solusi CRM Terbukti dalam Aksi: Proyek yang Memberikan Nilai

### Rewards Wallet AIA Alta
eCard di Apple & Google Wallet
Enterprise
Website Keanggotaan & Plugin
Dompet rewards 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
Website 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 Staf Clarins
Ritel
eCard di Apple & Google Wallet
Otomasi Pemasaran
Clarins membuat pelatihan karyawan menjadi lebih menarik dengan program reward digital, mendorong engagement staf melalui 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 untuk memulai?
Sempurnakan perjalanan pelanggan Anda dengan 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 dan pelajari tentang fitur serta rilis terbaru.
.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! Kiriman Anda telah kami terima!
Oops! Terjadi kesalahan saat mengirimkan formulir.
Dengan berlangganan, Anda menyetujui [Kebijakan Privasi](/legal/privacy) kami dan setuju untuk menerima berita terbaru dari perusahaan kami.
Produk
[Aplikasi Mobile 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)
[Website Keanggotaan](/products/membership-website)
Fitur
[Kartu Stempel Digital](/features/digital-stamp-card)
[Poin & Tingkatan](/features/points-tiers)
[Referral](/features/referral)
[Kartu Hadiah](/features/gift-card)
[Dashboard & Laporan](/features/dashboard-report)
[Voucher & Kredit Prabayar](/features/prepaid-voucher-credit)
[Kampanye Loyalitas](/features/loyalty-campaigns)
[Segmentasi Pelanggan](/features/customer-segmentation)
[Otomasi Pemasaran](/features/marketing-automation)
[Manajemen Rewards](/features/rewards-management)
Layanan
[Layanan Merchant Success](/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)
[Ritel](/industries/retail)
[Makanan & Minuman](/industries/food-beverage)
[Enterprise](/industries/enterprise)
Perusahaan
[Kisah Sukses](/success-stories)[Sumber Daya](/resources)[Harga](/pricing)[Kontak](/contact)
© 2025 JuicySuite. Hak cipta dilindungi.
[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
Website Keanggotaan
eWallet di Apple & Google
Loyalty Engine
Customer Data Platform (CDP)
Aplikasi Mobile White-label
Fitur yang Diminati
Pilih Fitur
Manajemen Rewards
Otomasi Pemasaran
Segmentasi Pelanggan
Kampanye Loyalitas
Voucher & Kredit Prabayar
Dashboard & Laporan
Kartu Hadiah
Referral
Poin & Tingkatan
Kartu Stempel Digital
Layanan yang Diminati
Pilih Layanan
Kustomisasi Sistem
Layanan Konsolidasi Data (ETL)
Kemitraan Hadiah & Promosi
Layanan Merchant Success
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! Kiriman Anda telah kami terima!
Oops! Terjadi kesalahan saat mengirimkan 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);