Pepper Lunch 會員手機應用程式.

/\* 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 \*/ }

[

](/)

[

聯絡我們

.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/pepper-lunch-membership-mobile-app)

[中](/zh-hk/success-stories/pepper-lunch-membership-mobile-app)

[

預約示範

](#)

-   [首頁](/)
-   產品
    
    [
    
    產品
    
    ](/platform#products)
    
    [會員網站](/products/membership-website)
    
    ![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-1.avif)
    
    [Apple 及 Google 電子錢包](/products/ewallet-on-apple-google)
    
    ![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-2.avif)
    
    [忠誠計劃引擎](/products/loyalty-engine)
    
    ![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-3.avif)
    
    [客戶數據平台 (CDP)](/products/customer-data-platform-cdp)
    
    ![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-4.avif)
    
    [白標手機應用程式](/products/white-label-mobile-app)
    
    ![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-5.avif)
    
    [
    
    功能
    
    ](/platform#features)
    
    [
    
    數碼印花卡
    
    
    
    ](/features/digital-stamp-card)
    
    [
    
    積分與級別
    
    
    
    ](/features/points-tiers)
    
    [
    
    獎賞管理
    
    
    
    ](/features/rewards-management)
    
    [
    
    忠誠計劃推廣活動
    
    
    
    ](/features/loyalty-campaigns)
    
    [
    
    推薦獎賞
    
    
    
    ](/features/referral)
    
    [
    
    預付禮券與儲值
    
    
    
    ](/features/prepaid-voucher-credit)
    
    [
    
    禮品卡
    
    
    
    ](/features/gift-card)
    
    [
    
    儀表板與報告
    
    
    
    ](/features/dashboard-report)
    
    [
    
    客戶分群
    
    
    
    ](/features/customer-segmentation)
    
    [
    
    營銷自動化
    
    
    
    ](/features/marketing-automation)
    
-   [
    
    服務
    
    ](/platform#services)
    
    [系統客製化](/services/system-customisation)
    
    ![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-6.avif)
    
    [數據整合服務 (ETL)](/services/data-consolidation-services-etl)
    
    ![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-7.avif)
    
    [禮品及推廣合作](/services/gift-promotion-partnership)
    
    ![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-8.avif)
    
    [商戶成功服務](/services/merchant-success-service)
    
    ![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-9.avif)
    
-   [
    
    行業
    
    ](/platform#industries)
    
    [企業](/industries/enterprise)
    
    ![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-10.avif)
    
    [餐飲業](/industries/food-beverage)
    
    ![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-11.avif)
    
    [零售](/industries/retail)
    
    ![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-12.avif)
    
    [美容](/industries/beauty)
    
    ![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-13.avif)
    
-   [成功案例](/success-stories)
-   [網誌](/resources)
-   [收費](/pricing)
-   [
    
    聯絡我們
    
    .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)

[

](/)

 [](#)

產品

[會員網站](/products/membership-website)

[Apple 及 Google 電子錢包](/products/ewallet-on-apple-google)

[忠誠計劃引擎](/products/loyalty-engine)

[客戶數據平台 (CDP)](/products/customer-data-platform-cdp)

[白標手機應用程式](/products/white-label-mobile-app)

[

功能

](/platform#features)

[獎賞管理](/features/rewards-management)

[營銷自動化](/features/marketing-automation)

[客戶分群](/features/customer-segmentation)

[忠誠計劃推廣活動](/features/loyalty-campaigns)

[預付禮券與儲值](/features/prepaid-voucher-credit)

[儀表板與報告](/features/dashboard-report)

[禮品卡](/features/gift-card)

[推薦獎賞](/features/referral)

[積分與級別](/features/points-tiers)

[數碼印花卡](/features/digital-stamp-card)

[

服務

](/platform#services)

[系統客製化](/services/system-customisation)

[數據整合服務 (ETL)](/services/data-consolidation-services-etl)

[禮品及推廣合作](/services/gift-promotion-partnership)

[商戶成功服務](/services/merchant-success-service)

行業

[企業](/industries/enterprise)

[餐飲業](/industries/food-beverage)

[零售](/industries/retail)

[美容](/industries/beauty)

[收費](/pricing)[成功案例](/success-stories)[網誌](/resources)

[

聯絡我們

.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/pepper-lunch-membership-mobile-app)

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

![Pepper Lunch](/assets/success-stories/pepper-lunch-membership-mobile-app/img-14.avif)

# Pepper Lunch 會員手機應用程式

![Pepper Lunch 會員手機應用程式](/assets/success-stories/pepper-lunch-membership-mobile-app/img-15.avif)

## 項目概覽

### 透過遊戲化手機互動,全面提升休閒餐飲的會員忠誠體驗。

行業

餐飲業

公司規模

Pepper Lunch 於香港多間餐廳分店共聘用約 200 名員工。

產品及服務

餐飲業

禮品卡

營銷自動化

會員網站及外掛模組

商戶成功服務

印花及積分

## 面對的挑戰

##### 收據管理繁複

傳統紙本收據及人手追蹤積分為忠誠計劃帶來不少阻力,令顧客難以兌換獎賞或追蹤進度。

### 顧客互動難以持續

餐飲集團難以維持顧客的定期光顧,亦欠缺有效工具鼓勵重複消費。

### 個人化推廣受限

缺乏數碼系統追蹤顧客喜好及用餐習慣,令餐廳無法精準推送針對性優惠或個人化體驗。

![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-16.avif)

![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-17.avif)

## 解決方案

## 個人化顧客體驗

Pepper Lunch 會員應用程式有助公司提升顧客忠誠度與留客率。應用程式透過獨家優惠及獎賞為顧客打造個人化體驗,同時協助 Pepper Lunch 收集顧客喜好及行為的重要數據,持續優化整體顧客體驗。

## 線上訂座及落單

應用程式同時讓顧客在線預訂餐桌及點餐,協助 Pepper Lunch 簡化營運流程。

-   **積分**  
    免費美食人人愛。儲積分,免費食!
-   **核心系統**  
    整套會員系統由我們的 Core 平台驅動,讓所有精彩體驗得以實現
-   **任務**  
    邀請顧客完成指定任務,即可獲取專屬禮遇
-   **獎賞**  
    回饋忠誠顧客,讓他們感受品牌的重視
-   **級別**  
    讓忠實顧客逐步晉升至更高級別,將最頂級的禮遇獻給 VIP

## 成果亮點

![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-18.avif)

個人化推動銷售

基於消費行為的針對性推廣,有效提升平均單價。

![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-19.avif)

留客率穩步上升

全新平台設計促進持續而穩定的會員互動。

## 相關項目

實證有效的 CRM 方案:創造真正價值的項目案例

![BMW](/assets/success-stories/pepper-lunch-membership-mobile-app/img-20.avif)

### AIA Alta Rewards Wallet

Apple 及 Google Wallet 電子卡

企業

會員網站及外掛模組

為 AIA Alta 度身打造的尊尚獎賞錢包,全面提升 AIA Wealth Management Centre 的顧客體驗。

[

了解更多  

/\* 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/pepper-lunch-membership-mobile-app/img-21.avif)

### BMW iSpace 會員電子卡

Apple 及 Google Wallet 電子卡

企業

會員網站及外掛模組

BMW iSpace 透過數碼會員電子卡,整合錢包方案,為豪華汽車車主帶來無縫個人化體驗,重新定義尊尚車主生活。

[

了解更多  

/\* 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/pepper-lunch-membership-mobile-app/img-22.avif)

### Clarins 員工獎賞計劃

零售

Apple 及 Google Wallet 電子卡

營銷自動化

Clarins 以遊戲化方式革新員工培訓,透過積分獎勵及電子錢包整合,全面推動員工投入度。

[

了解更多  

/\* 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; }

查看全部

](/success-stories)

## 準備好開始了嗎?

與 JuicySuite 攜手,完善您每位顧客的旅程。

.button .button\_gradient\_bg { opacity: 0; transition: opacity 0.4s ease; } .button:hover .button\_gradient\_bg { opacity: 1; }

預約示範

[

聯絡銷售

.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)

追蹤我們,緊貼最新資訊及全新功能發布。

.email\_button\_wrap .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .email\_button\_wrap:hover .button\_primary\_hover\_bg { opacity: 1; }

多謝您!我們已收到您的提交!

哎呀!提交表格時發生問題。

訂閱即代表您同意我們的[私隱政策](/legal/privacy),並同意接收本公司最新資訊。

產品

[白標手機應用程式](/products/white-label-mobile-app)

[客戶數據平台 (CDP)](/products/customer-data-platform-cdp)

[忠誠計劃引擎](/products/loyalty-engine)

[Apple 及 Google 電子錢包](/products/ewallet-on-apple-google)

[會員網站](/products/membership-website)

功能

[數碼印花卡](/features/digital-stamp-card)

[積分與級別](/features/points-tiers)

[推薦獎賞](/features/referral)

[禮品卡](/features/gift-card)

[儀表板與報告](/features/dashboard-report)

[預付禮券與儲值](/features/prepaid-voucher-credit)

[忠誠計劃推廣活動](/features/loyalty-campaigns)

[客戶分群](/features/customer-segmentation)

[營銷自動化](/features/marketing-automation)

[獎賞管理](/features/rewards-management)

服務

[商戶成功服務](/services/merchant-success-service)

[禮品及推廣合作](/services/gift-promotion-partnership)

[數據整合服務 (ETL)](/services/data-consolidation-services-etl)

[系統客製化](/services/system-customisation)

行業

[美容](/industries/beauty)

[零售](/industries/retail)

[餐飲業](/industries/food-beverage)

[企業](/industries/enterprise)

公司

[成功案例](/success-stories)[資源](/resources)[收費](/pricing)[聯絡我們](/contact)

© 2025 JuicySuite. 版權所有。

[私隱政策](/legal/privacy)

[

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

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

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

![](/assets/success-stories/pepper-lunch-membership-mobile-app/img-23.avif)

## 預約示範

姓名\*

公司名稱\*

聯絡電話\*

電郵\*

感興趣的產品

選擇產品

會員網站

Apple 及 Google 電子錢包

忠誠計劃引擎

客戶數據平台 (CDP)

白標手機應用程式

感興趣的功能

選擇功能

獎賞管理

營銷自動化

客戶分群

忠誠計劃推廣活動

預付禮券與儲值

儀表板與報告

禮品卡

推薦獎賞

積分與級別

數碼印花卡

感興趣的服務

選擇服務

系統客製化

數據整合服務 (ETL)

禮品及推廣合作

商戶成功服務

本人接受[服務條款\*](/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;

多謝您!我們已收到您的提交!

哎呀!提交表格時發生問題。

[

](#)

// 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);