PizzaExpress Club 電子會員卡.

/\* 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/pizzaexpress-club-e-card)

[中](/zh-hk/success-stories/pizzaexpress-club-e-card)

[

預約示範

](#)

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

[中](/zh-hk/success-stories/pizzaexpress-club-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; }

![Pizza Express](/assets/success-stories/pizzaexpress-club-e-card/img-14.avif)

# PizzaExpress Club 電子會員卡

![PizzaExpress Club 電子會員卡](/assets/success-stories/pizzaexpress-club-e-card/img-15.avif)

## 概覽

### 透過整合式數碼獎賞與即時追蹤,革新休閒餐飲忠誠體驗。

行業

餐飲

企業規模

1000

產品及服務

營銷自動化

會員網站及插件

商戶成功服務

## 挑戰

##### 顧客體驗割裂

實體用餐體驗與忠誠追蹤之間的脫節,令獎賞收集與兌換過程出現摩擦。

‍

##### 數據整合難題

POS 系統與顧客獎賞之間欠缺整合,難以追蹤消費模式並優化推廣策略。

‍

##### 持續互動不足

傳統忠誠計劃難以在顧客光顧之間維持持續互動,亦未能提供個人化體驗。

![](/assets/success-stories/pizzaexpress-club-e-card/img-16.avif)

![](/assets/success-stories/pizzaexpress-club-e-card/img-17.avif)

## 解決方案

## 數碼化會員卡

JuicySuite 很榮幸能為 PizzaExpress 將 Club 會員卡數碼化。從我們的數據庫可以看到,他們至今已發出超過 40 億個 dough!現在 PizzaExpress 可以充分善用這些數據,應用於日後的推廣活動!

-   **積分 (Point)**  
    人人都愛免費食物。集齊積分,即可換取免費餐點。
-   **核心 (Core)**  
    此會員系統由我們的 Core 引擎驅動,所有精彩功能皆於此實現。
-   **錢包 (Wallet)**  
    將 PizzaExpress 會員卡加入電子錢包,實時同步更新!
-   **獎賞 (Reward)**  
    回饋對品牌忠誠的顧客,讓他們感受到自身的重要性。
-   **任務 (Mission)**  
    邀請顧客完成指定任務,以獲取專屬優惠。**‍**
-   **等級 (Tier)  
    ‍**讓忠誠顧客晉升至更高等級,將最頂級的禮遇只獻給 VIP。  
    

‍

## 成果

![](/assets/success-stories/pizzaexpress-club-e-card/img-18.avif)

提升會員消費

獎賞自動化激勵顧客更頻繁光顧,並推升單次消費金額。

![](/assets/success-stories/pizzaexpress-club-e-card/img-19.avif)

效率與滿意度兼備

減少人手操作,提升顧客滿意度及門店運作效率。

## 相關案例

實證有效的 CRM 解決方案:創造實際價值的成功案例

![BMW](/assets/success-stories/pizzaexpress-club-e-card/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/pizzaexpress-club-e-card/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/pizzaexpress-club-e-card/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/pizzaexpress-club-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);