Clarins 員工獎賞計劃.

/\* 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/clarins-staff-reward-programme)

[中](/zh-hk/success-stories/clarins-staff-reward-programme)

[

預約示範

](#)

-   [首頁](/)
-   產品
    
    [
    
    產品
    
    ](/platform#products)
    
    [會員網站](/products/membership-website)
    
    ![](/assets/success-stories/clarins-staff-reward-programme/img-1.avif)
    
    [Apple 與 Google 電子錢包](/products/ewallet-on-apple-google)
    
    ![](/assets/success-stories/clarins-staff-reward-programme/img-2.avif)
    
    [忠誠度引擎](/products/loyalty-engine)
    
    ![](/assets/success-stories/clarins-staff-reward-programme/img-3.avif)
    
    [客戶數據平台 (CDP)](/products/customer-data-platform-cdp)
    
    ![](/assets/success-stories/clarins-staff-reward-programme/img-4.avif)
    
    [白牌手機應用程式](/products/white-label-mobile-app)
    
    ![](/assets/success-stories/clarins-staff-reward-programme/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/clarins-staff-reward-programme/img-6.avif)
    
    [數據整合服務 (ETL)](/services/data-consolidation-services-etl)
    
    ![](/assets/success-stories/clarins-staff-reward-programme/img-7.avif)
    
    [禮品與推廣合作](/services/gift-promotion-partnership)
    
    ![](/assets/success-stories/clarins-staff-reward-programme/img-8.avif)
    
    [商戶成功服務](/services/merchant-success-service)
    
    ![](/assets/success-stories/clarins-staff-reward-programme/img-9.avif)
    
-   [
    
    行業
    
    ](/platform#industries)
    
    [企業](/industries/enterprise)
    
    ![](/assets/success-stories/clarins-staff-reward-programme/img-10.avif)
    
    [餐飲業](/industries/food-beverage)
    
    ![](/assets/success-stories/clarins-staff-reward-programme/img-11.avif)
    
    [零售業](/industries/retail)
    
    ![](/assets/success-stories/clarins-staff-reward-programme/img-12.avif)
    
    [美容業](/industries/beauty)
    
    ![](/assets/success-stories/clarins-staff-reward-programme/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/clarins-staff-reward-programme)

[中](/zh-hk/success-stories/clarins-staff-reward-programme)

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; }

![Clarins](/assets/success-stories/clarins-staff-reward-programme/img-14.avif)

# Clarins 員工獎賞計劃

![Clarins 員工獎賞計劃](/assets/success-stories/clarins-staff-reward-programme/img-15.avif)

## 概覽

### 以數碼員工參與方案,革新美容業培訓模式。

行業

零售業

企業規模

Clarins 於區內擁有逾 200 位美容顧問及零售員工。

產品及服務

零售

Apple 與 Google Wallet 電子卡

營銷自動化

禮品卡

## 挑戰

##### 培訓參與度

傳統美容培訓課程難以維持員工的穩定參與及投入熱情。

##### 表現追蹤

難以監察及獎勵員工在多個培訓項目中的個別進度。

##### 獎賞發放

人手獎賞制度造成行政負擔,亦令成就肯定有所延誤。

![](/assets/success-stories/clarins-staff-reward-programme/img-16.avif)

![](/assets/success-stories/clarins-staff-reward-programme/img-17.avif)

## 解決方案

## 全面提升員工動力

體驗我們為 Clarins 打造的員工激勵卡所帶來的好處。透過我們的數碼會員卡方案,員工可享受一系列豐富獎賞。他們可透過參與培訓賺取積分,獲取成就感,並可將積分兌換獎賞及激勵,獲得肯定與認同。

### 緊貼進度,持續投入

我們的易用應用程式讓員工輕鬆追蹤進度、瀏覽可兌換獎賞,並持續保持投入。透過實施員工激勵卡,Clarins 能營造正面而具獎勵性的工作環境,提升員工士氣與動力。讓我們的創新方案,將您的員工激勵推向全新層次。

-   **印花**  
    儲齊印花即可換領獎賞。一如以往的印花卡體驗,只是更酷,因為它是虛擬的。
-   **核心系統**  
    這個會員系統由我們的核心系統支援,所有魔法都在這裡發生。
-   **電子錢包**  
    Clarins 的電子印花卡以電子錢包為基礎,客戶毋須下載任何應用程式即可使用。
-   **獎賞**  
    獎勵忠於品牌的客戶,讓他們感受到備受重視。
-   **營運後台**  
    為確保營運流程暢順,一切均已於後台妥善配置!

## 成果

![](/assets/success-stories/clarins-staff-reward-programme/img-18.avif)

士氣提升,員工留任率上升

獎賞與培訓系統大幅提升員工投入度,並降低流失率。

![](/assets/success-stories/clarins-staff-reward-programme/img-19.avif)

服務更佳,銷售更上一層樓

產品知識的提升帶動更優質的客戶服務,並推高顧問銷售業績。

## 相關項目

實證見效的 CRM 方案:成就價值的真實項目

![BMW](/assets/success-stories/clarins-staff-reward-programme/img-20.avif)

### AIA Alta 獎賞錢包

Apple 與 Google Wallet 電子卡

企業

會員網站及外掛模組

為 AIA Alta 度身打造的尊尚獎賞錢包,提升 AIA 財富管理中心的客戶體驗。

[

了解更多  

/\* 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/clarins-staff-reward-programme/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)

![Cookie Department](/assets/success-stories/clarins-staff-reward-programme/img-22.avif)

### Cookie Department 電子印花卡

Apple 與 Google Wallet 電子卡

禮品卡

餐飲業

Cookie DPT 以電子印花及電子錢包整合,革新期間限定餅店的忠誠度體驗,推動多個店舖的顧客參與。

[

了解更多  

/\* 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/cookie-department-digital-stamp-card)

[

.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/clarins-staff-reward-programme/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);