BMW iSpace 會員電子卡.

/\* 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/bmw-ispace-membership-e-card)

[中](/zh-hk/success-stories/bmw-ispace-membership-e-card)

[

預約示範

](#)

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

[中](/zh-hk/success-stories/bmw-ispace-membership-e-card)

document.addEventListener('DOMContentLoaded', function() { // Function to initialize image hover effects for a specific dropdown function initDropdownImageHover(dropdownElement) { if (!dropdownElement) return; // Get all tab links within this dropdown const tabLinks = dropdownElement.querySelectorAll('.nav\_dropdown\_tab\_link'); // Get the first image (default image) within this dropdown const defaultImage = dropdownElement.querySelector('.nav\_links\_list .nav\_links\_item:first-child .navbar\_dropdown\_image'); // Show default image on load if (defaultImage) { defaultImage.style.opacity = '1'; defaultImage.style.transition = 'opacity 0.3s ease'; } // Add mouseenter event to each link tabLinks.forEach(link => { link.addEventListener('mouseenter', function() { // Get the ID of the hovered link const linkId = this.textContent; // Hide all images within this dropdown first const allImages = dropdownElement.querySelectorAll('.navbar\_dropdown\_image'); allImages.forEach(img => { img.style.opacity = '0'; img.style.transition = 'opacity 0.3s ease'; }); // Find and show the corresponding image const correspondingImage = dropdownElement.querySelector(\`.navbar\_dropdown\_image\[id="${linkId}"\]\`); if (correspondingImage) { correspondingImage.style.opacity = '1'; } }); }); // Show default image when mouse leaves the navbar const navWrap = dropdownElement.querySelector('.navbar\_dropdown\_tabs\_wrap'); if (navWrap) { navWrap.addEventListener('mouseleave', function() { // Hide all images first const allImages = dropdownElement.querySelectorAll('.navbar\_dropdown\_image'); allImages.forEach(img => { img.style.opacity = '0'; }); // Show default image if (defaultImage) { defaultImage.style.opacity = '1'; } }); } } // Initialize for each dropdown section const dropdowns = \[ document.querySelector('.navbar-dropdown2\_dropdown-list'), // Products dropdown document.querySelector('.navbar-dropdown2\_dropdown-list.services'), // Services dropdown document.querySelector('.navbar-dropdown2\_dropdown-list.is-industries') // Industries dropdown \]; dropdowns.forEach(dropdown => { if (dropdown) { initDropdownImageHover(dropdown); } }); });

.nav\_link\_dropdown\_toggle:hover .nav\_products\_link { color: #ff761a; } /\* Add this to your existing CSS \*/ .mobile\_nav\_cms\_link.w--current { color: #3E3E3E; /\* This is the neutral black color used in your site \*/ font-weight: 700; } .mobile\_nav\_cta\_wrap .button.is-primary.w--current{ color: #ffffff !important; }

![BMW](/assets/success-stories/bmw-ispace-membership-e-card/img-14.avif)

# BMW iSpace 會員電子卡

![BMW iSpace 會員電子卡](/assets/success-stories/bmw-ispace-membership-e-card/img-15.avif)

## 概覽

### 透過數碼會員創新,革新 BMW 的客戶互動體驗。

行業

企業

公司規模

118,000

產品及服務

Apple 及 Google Wallet 電子卡

企業

會員網站及外掛

營銷自動化

## 挑戰

##### 客戶留存挑戰

豪華汽車市場長期面對高客戶流失率,而傳統忠誠度計劃難以維繫長遠的客戶關係。

##### 數碼整合缺口

客戶體驗散落於不同數碼接觸點,缺乏一個能將會員權益與服務無縫連繫的統一平台。

##### 個人化局限

現有系統採用單一化的客戶互動模式,難以因應個別偏好及行為提供度身訂造的體驗。

![](/assets/success-stories/bmw-ispace-membership-e-card/img-16.avif)

![](/assets/success-stories/bmw-ispace-membership-e-card/img-17.avif)

## 解決方案

## 無縫整合 Google 及 Apple Wallet

透過我們先進的 CRM 技術所驅動的 BMW 項目,盡享非凡尊貴體驗。我們與 Google Wallet 及 Apple Wallet 的無縫整合,讓 BMW 會員享受前所未有的個人化旅程。由度身訂造的優惠、VIP 活動邀請,到便捷無憂的服務預約,我們的方案全面提升車主體驗的每一環。

‍

-   **積分**  
    人人都愛免費美食,儲分即可免費享用。
-   **核心(Core)**  
    整個會員系統由我們的 Core 平台支援,所有魔法在此發生。
-   **電子錢包**  
    將會員卡加入手機錢包,不單方便客戶使用,更讓品牌可以隨時更新內容,例如卡面設計及資訊。
-   **獎賞**  
    回饋忠實顧客,讓他們感受到品牌的重視。
-   **任務**  
    邀請客戶完成指定任務,以換取專屬禮遇。

## 成果

![](/assets/success-stories/bmw-ispace-membership-e-card/img-18.avif)

即時獎賞,提升滿意度

數碼電子卡及即時兌換功能,全面提升整體體驗及品牌形象。

![](/assets/success-stories/bmw-ispace-membership-e-card/img-19.avif)

減低營運成本

產品知識的提升帶來更優質的客戶服務,同時推動顧問銷售表現。

## 相關項目

實證 CRM 方案的成功案例:創造實質價值的項目

![BMW](/assets/success-stories/bmw-ispace-membership-e-card/img-20.avif)

### AIA Alta 獎賞錢包

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)

![Clarins](/assets/success-stories/bmw-ispace-membership-e-card/img-21.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)

![Cookie Department](/assets/success-stories/bmw-ispace-membership-e-card/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/bmw-ispace-membership-e-card/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);