企業 · 成功案例
M+ 會員系統.
M+ 以數碼化方案革新博物館會員體驗,提供無縫入場、專屬禮遇及 QR 驗證,提升文化體驗。
行業
企業
公司規模
300
產品與服務
Marketing AutomationMembership Website & Plugin
挑戰
舊有獎賞方案難以觸及高信任度的會員。
01
實體卡管理
傳統實體會員卡系統維護成本高、易於遺失,為訪客與處理補卡的職員帶來困擾。
02
出入管理效率低
博物館入口的長龍與人手核實流程造成延誤,削弱訪客體驗,在熱門展覽期間尤甚。
03
會員互動限制
傳統會員系統缺乏個人化能力,難以在訪客到訪之間維持持續的互動。
解決方案
革新博物館訪客體驗
M+ 以數碼方案革新博物館會員體驗,提供無縫入場、專屬禮遇及二維碼核實,提升文化體驗。
數碼會員
線上會員管理的便利,免除了實體卡與繁瑣文書。
Core
此會員系統由我們的 Core 支援,所有精彩體驗都在這裡發生。
付費會員
無縫的線上會員銷售。
獎賞
獎勵長期支持品牌的客戶,讓他們感受到自己的重要性。
成果
會員真正願意保留並打開的會員證。
01
行為數據驅動策略
會員洞察把猜測變成精準的活動 —— 並帶動租戶銷售。
02
營運效率全面提升
自動化把瑣碎的工作從職員手上拿走 —— 訪客也感受到更順暢的體驗。
M+ 會員系統 M+ M+ 以數碼化方案革新博物館會員體驗,提供無縫入場、專屬禮遇及 QR 驗證,提升文化體驗。 
/\* 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/m-membership-system)
[中](/zh-hk/success-stories/m-membership-system)
[
預約示範
](#)
- [首頁](/)
- 產品
[
產品
](/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/m-membership-system)
[中](/zh-hk/success-stories/m-membership-system)
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; }
# M+ 會員系統
## 概覽
### 將博物館會員數碼化,打造充滿吸引力的文化生態圈。
行業
企業
公司規模
300
產品與服務
營銷自動化
會員網站與外掛
## 挑戰
##### 實體卡管理繁瑣
傳統實體會員卡系統維護成本高昂、容易遺失,既令訪客感到困擾,亦增加職員處理補發的負擔。
##### 入場管理效率不足
博物館入口長期排起長龍,加上人手核對程序繁複,造成等候延誤,在熱門展覽期間尤其影響參觀體驗。
##### 會員互動受限
傳統會員系統缺乏個人化功能,亦難以在參觀以外的日子持續維繫會員關係。
## 解決方案
## 革新博物館參觀體驗
我們為博物館打造的電子會員系統,徹底革新觀眾與藝術文化的互動方式。系統可於網上順暢銷售會籍,並提供多元化禮遇,全面提升參觀體驗。會員可優先預覽展覽、出席私人活動及參與幕後導賞,深入沉浸於博物館的世界。
## 互動與個人化體驗
透過折扣或免費入場,會員能以更實惠的方式頻繁到訪。網上會員管理免除實體卡和繁瑣文件,帶來無比方便。個人化推薦則貼合個別興趣,呈現專屬的精選體驗。配合 QR code 身分驗證,入場過程快捷又輕鬆。
## 輕鬆享用數碼內容
會員亦可享用豐富的數碼內容,包括虛擬導賞及教育資源。加入會籍不但支持博物館的可持續發展,更能成為充滿活力的文化社群一員。立即發掘我們的電子會員系統,體驗箇中精彩。
- **數碼會員
**網上會員管理免除實體卡和紙本文件,盡享便利
- **核心系統**
此會員系統由我們的核心引擎驅動,所有奧妙皆由此展開。
- **付費會籍
**會籍可順暢於網上銷售。****
- **獎賞**
回饋忠實顧客,讓他們感受到被重視與尊榮
## 成果
行為數據驅動策略
會員數據洞察助力精準營銷,並帶動租戶銷售增長。
營運效率全面提升
自動化減輕員工工作量,整體訪客滿意度同步提升。
## 相關項目
實證可靠的 CRM 方案:創造實質價值的精選項目
### 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)
### 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);