Aplikasi Keanggotaan NF Touch.

/\* 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/nf-touch-membership-app)

[中](/zh-hk/success-stories/nf-touch-membership-app)

[

Pesan Demo

](#)

-   [Beranda](/)
-   Produk
    
    [
    
    Produk
    
    ](/platform#products)
    
    [Website Keanggotaan](/products/membership-website)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-1.avif)
    
    [eWallet di Apple & Google](/products/ewallet-on-apple-google)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-2.avif)
    
    [Loyalty Engine](/products/loyalty-engine)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-3.avif)
    
    [Customer Data Platform (CDP)](/products/customer-data-platform-cdp)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-4.avif)
    
    [Aplikasi Mobile White-label](/products/white-label-mobile-app)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-5.avif)
    
    [
    
    Fitur
    
    ](/platform#features)
    
    [
    
    Digital Stamp Card
    
    
    
    ](/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)
    
    [
    
    Gift Card
    
    
    
    ](/features/gift-card)
    
    [
    
    Dashboard & Laporan
    
    
    
    ](/features/dashboard-report)
    
    [
    
    Segmentasi Pelanggan
    
    
    
    ](/features/customer-segmentation)
    
    [
    
    Marketing Automation
    
    
    
    ](/features/marketing-automation)
    
-   [
    
    Layanan
    
    ](/platform#services)
    
    [Kustomisasi Sistem](/services/system-customisation)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-6.avif)
    
    [Layanan Konsolidasi Data (ETL)](/services/data-consolidation-services-etl)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-7.avif)
    
    [Kemitraan Hadiah & Promosi](/services/gift-promotion-partnership)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-8.avif)
    
    [Layanan Merchant Success](/services/merchant-success-service)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-9.avif)
    
-   [
    
    Industri
    
    ](/platform#industries)
    
    [Enterprise](/industries/enterprise)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-10.avif)
    
    [Makanan & Minuman](/industries/food-beverage)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-11.avif)
    
    [Ritel](/industries/retail)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-12.avif)
    
    [Kecantikan](/industries/beauty)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-13.avif)
    
-   [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 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)

[Dashboard & Laporan](/features/dashboard-report)

[Gift Card](/features/gift-card)

[Referral](/features/referral)

[Poin & Tier](/features/points-tiers)

[Digital Stamp Card](/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/nf-touch-membership-app)

[中](/zh-hk/success-stories/nf-touch-membership-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; }

![Nan Fung Group](/assets/success-stories/nf-touch-membership-app/img-14.avif)

# Aplikasi Keanggotaan NF Touch

![Aplikasi Keanggotaan NF Touch](/assets/success-stories/nf-touch-membership-app/img-15.avif)

## Ikhtisar

### Mengubah strategi loyalitas NF Touch melalui pengalaman keanggotaan mobile yang dirancang ulang.

Industri

Enterprise

SKALA PERUSAHAAN

2500+

Produk & Layanan

eCard di Apple & Google Wallet

Stamp & Poin

Layanan Merchant Success

Enterprise

Marketing Automation

## Tantangan

## Inkonsistensi Pengalaman Aplikasi

Aplikasi keanggotaan yang ada, dibangun oleh vendor sebelumnya, menawarkan UX yang tidak konsisten dan kurang memiliki desain modern yang terpadu di seluruh layar.

## Penerapan Fitur yang Terfragmentasi

Fungsionalitas utama seperti privilege dan reward khusus mal terpisah-pisah dan sulit diskalakan di berbagai lokasi.

## Risiko Gangguan saat Upgrade

Ada risiko tinggi mengganggu anggota yang sudah ada selama masa transisi akibat inefisiensi struktural pada sistem warisan.

![](/assets/success-stories/nf-touch-membership-app/img-16.avif)

![](/assets/success-stories/nf-touch-membership-app/img-17.avif)

## Solusinya

## Pembaruan Aplikasi Bertahap dengan Presisi Loyalitas

Kami mentransformasi platform warisan NF Touch menjadi aplikasi mobile yang kaya fitur tanpa gangguan. Dengan menerapkan kapabilitas baru secara bertahap di seluruh mal Nan Fung, pengguna menikmati upgrade yang mulus.

-   **Core**  
    Dibangun ulang di atas CRM Core kami untuk segmentasi presisi dan kontrol kampanye.
-   **Wallet & Poin**  
    Mengonsolidasikan reward multi-mal ke dalam satu sistem terpadu.
-   **Reward**  
    Visibilitas privilege dan pelacakan poin yang lebih baik untuk penukaran yang lebih lancar.
-   **Stabilitas**  
    Memindahkan pengguna ke lingkungan aplikasi baru tanpa downtime.

## Hasilnya

![](/assets/success-stories/nf-touch-membership-app/img-18.avif)

Lonjakan Anggota Aktif

Aplikasi mengalami peningkatan aktivitas harian yang signifikan karena anggota secara rutin berinteraksi dengan poin dan penawaran.

![](/assets/success-stories/nf-touch-membership-app/img-19.avif)

Performa Kampanye Berbasis Data

Integrasi dengan CRM memungkinkan penargetan kampanye yang lebih cerdas berdasarkan perilaku.

## Proyek Terkait

Solusi CRM Terbukti dalam Aksi: Proyek yang Memberikan Nilai

![BMW](/assets/success-stories/nf-touch-membership-app/img-20.avif)

### AIA Alta Rewards Wallet

eCard di Apple & Google Wallet

Enterprise

Website & Plugin Keanggotaan

Dompet reward 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)

![BMW](/assets/success-stories/nf-touch-membership-app/img-21.avif)

### E-Card Keanggotaan BMW iSpace

eCard di Apple & Google Wallet

Enterprise

Website & Plugin Keanggotaan

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)

![Clarins](/assets/success-stories/nf-touch-membership-app/img-22.avif)

### Program Reward Staf Clarins

Ritel

eCard di Apple & Google Wallet

Marketing Automation

Clarins menggamifikasi pelatihan karyawan dengan program reward digital, mendorong keterlibatan 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 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 diterima!

Ops! Terjadi kesalahan saat mengirim formulir.

Dengan berlangganan, Anda menyetujui [Kebijakan Privasi](/legal/privacy) kami dan menyetujui 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

[Digital Stamp Card](/features/digital-stamp-card)

[Poin & Tier](/features/points-tiers)

[Referral](/features/referral)

[Gift Card](/features/gift-card)

[Dashboard & 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

[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 undang-undang.

[Kebijakan Privasi](/legal/privacy)

[

](https://www.facebook.com/@juicysuite/)[

](https://www.instagram.com/juicysuite_crm/)[

](https://www.linkedin.com/company/juicysuite/)

![](/assets/success-stories/nf-touch-membership-app/img-23.avif)

## 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 Reward

Marketing Automation

Segmentasi Pelanggan

Kampanye Loyalitas

Voucher Prabayar & Kredit

Dashboard & Laporan

Gift Card

Referral

Poin & Tier

Digital Stamp Card

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! Pengiriman Anda telah diterima!

Ops! 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);