零售 · 成功案例
The Pulse 數碼印花卡.
The Pulse 以數碼印花及電子錢包整合,並設有生日月份雙倍積分及無縫獎賞,為海濱商場會員體驗帶來全新升級。
行業
零售
公司規模
100
產品與服務
Marketing AutomationMerchant Success Service
挑戰
舊有獎賞方案難以觸及高信任度的會員。
01
季節性人流波動
海濱地點為人流與銷售模式帶來顯著的季節性。
02
客戶數據收集
對客戶購物模式與偏好的洞察有限。
03
全商場忠誠度整合
難以掌握跨多元零售租戶的客戶購物模式與偏好。
解決方案
與 Google 及 Apple Wallet 無縫整合
透過我們的 Pulse 項目,踏入卓越的零售世界。無縫整合先進的 CRM 技術、Google Wallet 與 Apple Wallet,為你帶來與別不同的購物體驗。以我們的創新方案,解鎖專屬折扣、個人化推薦與順暢的交易。
保持連繫!
緊貼最新潮流,享受精選優惠,將你的購物旅程提升至全新高度。以我們的尖端方案感受零售的脈搏,專為提升你購物體驗的每一環節而設。在 The Pulse 享受無縫且度身訂造的零售體驗,發掘全新層次的便利、互動與滿足。
Stamp
集印章換獎賞。一如我們熟悉的方式,但因為是虛擬的而更酷。
Core
此會員系統由我們的 Core 支援,所有精彩體驗都在這裡發生。
Wallet
The Pulse 的數碼印花卡以電子錢包為基礎,客戶無需下載任何程式即可使用。
成果
會員真正願意保留並打開的會員證。
01
更強的現場參與
計劃讓訪客停留更久 —— 也在店舖之間流動。
02
更多租戶,更多人流
數碼計劃吸引了更多商戶,並帶動了非繁忙時段的人流。
The Pulse 數碼印花卡 The Pulse The Pulse 以數碼印花及電子錢包整合,並設有生日月份雙倍積分及無縫獎賞,為海濱商場會員體驗帶來全新升級。 
/\* 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/the-pulse-digital-stamp-card)
[中](/zh-hk/success-stories/the-pulse-digital-stamp-card)
[
預約示範
](#)
- [主頁](/)
- 產品
[
產品
](/platform#products)
[會員網站](/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/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)
[數據整合服務 (ETL)](/services/data-consolidation-services-etl)
[禮品及推廣合作](/services/gift-promotion-partnership)
[商戶成功服務](/services/merchant-success-service)
- [
行業
](/platform#industries)
[企業](/industries/enterprise)
[餐飲](/industries/food-beverage)
[零售](/industries/retail)
[美容](/industries/beauty)
- [成功案例](/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/the-pulse-digital-stamp-card)
[中](/zh-hk/success-stories/the-pulse-digital-stamp-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; }
# The Pulse 數碼印花卡
## 概覽
### 透過數碼忠誠創新,為海濱零售體驗注入嶄新動力。
行業
零售
公司規模
100
產品及服務
營銷自動化
商戶成功服務
## 挑戰
##### 季節性人流波動
海濱位置導致人流及銷售模式出現明顯的季節性差異。
##### 顧客數據收集
難以掌握不同零售商戶之間的顧客購物模式及偏好。
##### 全商場忠誠計劃整合
要在多家獨立零售商之間建立統一的忠誠計劃,本身就是一大挑戰。
## 解決方案
## 與 Google 及 Apple Wallet 無縫整合
透過 Pulse 項目,踏入卓越零售的新時代。我們將先進的 CRM 技術、Google Wallet 及 Apple Wallet 無縫整合,為您帶來與眾不同的購物體驗。憑藉這套創新方案,盡享獨家折扣、個人化推薦及流暢交易。
## 緊貼潮流!
緊貼最新潮流、享受精選優惠,讓購物旅程更上一層樓。以我們的尖端方案掌握零售脈搏,全方位提升購物體驗的每一個細節。透過 The Pulse,投入無縫且度身訂造的零售體驗,發掘前所未有的便利、互動與滿足。
- **印花**
儲印花換獎賞——熟悉的玩法,卻因虛擬化而更加型格。
- **核心**
這套會員系統由我們的 Core 提供支援,所有奇妙體驗皆於此誕生。
- **錢包**
The Pulse 的數碼印花卡以電子錢包為基礎,顧客毋須下載任何應用程式即可使用。
- **獎賞**
獎賞一直支持品牌的忠實顧客,讓他們感受到被重視。
## 成果
更強的現場互動
平台延長顧客停留時間,並鼓勵跨店消費活動。
更多商戶,更多人流
數碼計劃吸引更多商戶進駐,並推動非繁忙時段人流。
## 相關項目
實證有效的 CRM 解決方案:創造價值的精選項目
### 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 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 員工獎賞計劃
零售
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/)
## 預約示範
姓名\*
公司名稱\*
聯絡電話\*
電郵\*
感興趣的產品
選擇產品
會員網站
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);