HKT The 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/hkt-the-club-loyalty-app)

[中](/zh-hk/success-stories/hkt-the-club-loyalty-app)

[

預約示範

](#)

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

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

![HKT](/assets/success-stories/hkt-the-club-loyalty-app/img-14.avif)

# HKT The Club 會員獎賞應用程式

![HKT The Club 會員獎賞應用程式](/assets/success-stories/hkt-the-club-loyalty-app/img-15.avif)

## 概覽

### 透過跨行業合作與數碼互動,擴展企業級會員獎賞體驗。

行業

大型企業

企業規模

10,000

產品與服務

營銷自動化

大型企業

商戶成功服務

## 挑戰

##### 跨夥伴整合

要管理逾 200 個合作夥伴的複雜網絡,必須具備成熟系統,以追蹤積分及處理跨行業的獎賞兌換。

##### 內容發布

需要一個高效渠道,將最新資訊、推廣訊息及合作夥伴情報及時送達數以百萬計的會員。

##### 大規模個人化

面對逾 300 萬名會員,要在維持計劃效率與參與度的同時提供個人化體驗,絕非易事。

![](/assets/success-stories/hkt-the-club-loyalty-app/img-16.avif)

![](/assets/success-stories/hkt-the-club-loyalty-app/img-17.avif)

## 解決方案

## 最佳個人化體驗

大型企業擁有最豐富的數據。換言之,只要運用得宜,你便能為客戶呈獻最出色的個人化體驗。

-   **內容管理**  
    HKT 可透過應用程式向會員發送資訊,例如最新產品及品牌活動消息。
-   **積分計劃**  
    HKT 的積分計劃涵蓋全港眾多購物及餐飲體驗。
-   **獎賞兌換系統**  
    客戶只需出示專屬 QR 碼,即可於 HKT 合作夥伴處兌換禮品。
-   **客戶互動**  
    透過推送通知,隨時隨地與客戶連繫。

## 成效

![](/assets/success-stories/hkt-the-club-loyalty-app/img-18.avif)

跨服務採用率提升

平台鼓勵客戶探索更多服務組合,推動訂閱量及互動參與。

![](/assets/success-stories/hkt-the-club-loyalty-app/img-19.avif)

獎賞兌換建立忠誠度

積分制度提升客戶再次參與意欲,並增加客戶終身價值。

## 相關項目

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

![BMW](/assets/success-stories/hkt-the-club-loyalty-app/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/hkt-the-club-loyalty-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/hkt-the-club-loyalty-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/hkt-the-club-loyalty-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);