リテール · 導入事例
Domain Club 会員アプリ.
Domain Mallは、ロイヤルティリワード、ギフト引き換え、モール内ナビゲーションを一つの使いやすいプラットフォームに統合した多機能モバイルアプリで、ショッピング体験を一新します。
業界
リテール
企業規模
50
製品とサービス
eCard at Apple & Google WalletRetailStamps & PointsMerchant Success Service
課題
従来の特典設計では届かなかった、信頼性重視の会員層。
01
デジタルの一元化不足
モールのプロモーション、ナビゲーション、ポイント制度が複数のプラットフォームに分散していました。
02
低いロイヤルティ転換
利用できる特典を顧客が把握しておらず、引き換えと再来店が伸び悩みました。
03
手作業のギフト引き換え
オフライン限定の引き換えが長い待ち時間と管理負担を生んでいました。
ソリューション
ナビ・獲得・引き換えを1つのアプリで
JuicySuite は、モールのあらゆる接点をつなぐデジタルコンパニオンアプリを提供しました。
モールガイド + ロイヤルティ
ポイント、地図、イベント、お得情報を1つのアプリに。
デジタル引き換え
顧客は並ばずにその場でギフトを引き換えできます。
ウォレットパス
モール ID を Apple/Google ウォレットに追加して、外出先でも 特典を。
成果
会員が手元に残し、開きたくなるパス。
01
モールをまるごと、ひとつのアプリで
ナビゲー ションと特典をひとつにまとめ、来訪者がモールを巡りやすくなり、寄り道する価値のあるオファーにも出会えました。
02
より活発な消費
明確な特典の可視化とリアルタイムのポイント管理が、再引き換えと会員支出の増加を促しました。
関連事例
実証済みの CRM ソリューション、実例で。
AIA Alta リワードウォレット
AIA ウェルスマネジメントセンターでの顧客体験を向上させるために AIA Alta 向けに開発された、限定リワードウォレット。
続きを読む
BMW iSpace メンバーシップ E-Card
BMW iSpace は、デジタルメンバーシップ E-Card とウォレットソリューションの統合により、シームレスでパーソナライズされた体験を提供し、高級車オーナーシップを刷新します。
続きを読む
Clarins スタッフリワードプログラム
Clarinsは、ポイント制インセンティブとeウォレット連携を通じてスタッフエンゲージメントを促進するデジタルリワードプログラムで、従業員研修をゲーミフィケーション化しました。
続きを読む Domain Club 会員アプリ Domain Club Domain Mallは、ロイヤルティリワード、ギフト引き換え、モール内ナビゲーションを一つの使いやすいプラットフォームに統合した多機能モバイルアプリで、ショッピング体験を一新します。 
/\* 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/domain-club-membership-app)
[中](/zh-hk/success-stories/domain-club-membership-app)
[
デモを予約
](#)
- [ホーム](/)
- プロダクト
[
プロダクト
](/platform#products)
[会員向けウェブサイト](/products/membership-website)
[Apple & Google 対応eウォレット](/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 対応eウォレット](/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/domain-club-membership-app)
[中](/zh-hk/success-stories/domain-club-membership-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; }
# Domain Club 会員アプリ
## 概要
### インタラクティブなロイヤルティアプリで、Domain Mallのカスタマージャーニーを再構築。
業界
リテール
企業規模
50
プロダクト & サービス
Apple & Google Wallet 対応eカード
リテール
スタンプ & ポイント
マーチャント成功支援サービス
## 課題
## デジタル一元化の欠如
モールのプロモーション、ナビゲーションツール、ポイントシステムが複数のプラットフォームに散在していました。
## ロイヤルティ転換率の低さ
顧客が利用可能なリワードを認識しておらず、引き換えやリピート来店が減少していました。
## 手動でのギフト引き換え
オフラインのみの引き換えにより、長い待ち時間と運用負担が発生していました。
## ソリューション
## ナビゲーション・獲得・引き換えをひとつのアプリで
JuicySuiteは、モールのあらゆるタッチポイントをつなぐデジタルコンパニオンアプリを提供しました。
- **モールガイド + ロイヤルティ**
ポイント、マップ、イベント、お得情報をひとつのアプリに集約。
- **デジタル引き換え**
お客様は並ばずに即座にギフトを引き換え可能。
- **ウォレットパス**
モールIDをApple/Google Walletに追加し、外出先で特典を享受。
## 成果
シームレスなモール体験
ナビゲーションとリワードを組み合わせることで、来訪者がモールと関わり、新しいオファーを発見しやすくなりました。
よりアクティブな消費
リワードの明確な可視化とリアルタイムのポイントトラッキングが、リピート引き換えと会員の支出増加を後押ししました。
## 関連プロジェクト
実証済みのCRMソリューションが活躍:価値を届けるプロジェクト
### AIA Alta リワードウォレット
Apple & Google Wallet 対応eカード
エンタープライズ
会員向けウェブサイト & プラグイン
AIA Wealth Management Centreでの顧客体験を向上させるために、AIA Alta向けに開発された限定リワードウォレット。
[
続きを読む
/\* 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 会員Eカード
Apple & Google Wallet 対応eカード
エンタープライズ
会員向けウェブサイト & プラグイン
BMW iSpaceは、デジタル会員eカードとウォレットソリューションを統合し、シームレスでパーソナライズされた体験を提供することで高級車オーナーシップを革新します。
[
続きを読む
/\* 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 対応eカード
マーケティングオートメーション
Clarinsは、ポイント制インセンティブとeウォレット統合により、デジタルリワードプログラムで従業員研修をゲーミフィケーション化し、スタッフのエンゲージメントを高めています。
[
続きを読む
/\* 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 対応eウォレット](/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. All rights reserved.
[プライバシーポリシー](/legal/privacy)
[
](https://www.facebook.com/@juicysuite/)[
](https://www.instagram.com/juicysuite_crm/)[
](https://www.linkedin.com/company/juicysuite/)
## デモを予約
お名前\*
会社名\*
連絡先電話番号\*
メールアドレス\*
興味のあるプロダクト
プロダクトを選択
会員向けウェブサイト
Apple & Google 対応eウォレット
ロイヤルティエンジン
顧客データプラットフォーム (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);