エンタープライズ · 導入事例
NF Touch 会員アプリ.
NF Touch は、緻密に再設計されたデジタルプラットフォームを通じて、Nan Fung Group傘下モール全体でシームレスな特典・優待体験を提供する刷新されたモバイルアプリにより、会員エンゲージメントを再活性化しました。
業界
エンタープライズ
企業規模
2500+
製品とサービス
eCard at Apple & Google WalletStamps & PointsMerchant Success ServiceEnterprise
課題
従来の特典設計では届かなかった、信頼性重視の会員層。
01
アプリ体験の不統一
前ベンダーが構築した既存の会員アプリは UX が一貫せず、画面全体でモダンかつ統一されたデザインを欠いていました。
02
機能展開の分断
特典やモール固有の報酬といった主要機能がばらばらで、複数拠点への拡張が困難でした。
03
アップグレード時の混乱リスク
レガシーシステムの構造的非効率により、移行時に既存会員へ影響を与えるリスクが高い状況でした。
ソリューション
段階的 なアプリ刷新とロイヤルティの精度向上
NF Touch のレガシープラットフォームを、機能豊富なモバイルアプリへ無停止で刷新しました。Nan Fung のモール全体に新機能を段階導入することで、ユーザーはシームレスなアップグレードを享受しました。
Core
CRM Core 上に再構築し、精緻なセグメンテーションとキャンペーン制御を実現。
ウォレット & ポイント
複数モールの報酬を統一システムに集約。
リワード
特典の可視性とポイント管理を改善し、引き換えをよりスムーズに。
安定性
ダウンタイムゼロで新しいアプリ環境へユーザーを移行。
成果
会員が手元に残し、開きたくなるパス。
01
アクティブ会員の急増
会員がポイントやオファーに定期的に関わるようになり、日次の活動が顕著に増加しました。
02
データ主導のキャンペーン成果
CRM との統合により、行動に基づくより賢いキャンペーンターゲティングが可能になりました。
関連事例
実証済みの CRM ソリューション、実例で。
AIA Alta リワードウォレット
AIA ウェルスマネジメントセンターでの顧客体験を向上させるために AIA Alta 向けに開発された、限定リワードウォレット。
続きを読む
BMW iSpace メンバーシップ E-Card
BMW iSpace は、デジタルメンバーシップ E-Card とウォレットソリューションの統合により、シームレスでパーソナライズされた体験を提供し、高級車オーナーシップを刷新します。
続きを読む
Clarins スタッフリワードプログラム
Clarinsは、ポイント制インセンティブとeウォレット連携を通じてスタッフエンゲージメントを促進するデジタルリワードプログラムで、従業員研修をゲーミフィケーション化しました。
続きを読む NF Touch 会員アプリ NF Touch NF Touch は、緻密に再設計されたデジタルプラットフォームを通じて、Nan Fung Group傘下モール全体でシームレスな特典・優待体験を提供する刷新されたモバイルアプリにより、会員エンゲージメントを再活性化しました。 
/\* 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/nf-touch-membership-app)
[中](/zh-hk/success-stories/nf-touch-membership-app)
[
デモを予約する
](#)
- [ホーム](/)
- プロダクト
[
プロダクト
](/platform#products)
[会員向けウェブサイト](/products/membership-website)
[Apple & Google 対応 eWallet](/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 対応 eWallet](/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/nf-touch-membership-app)
[中](/zh-hk/success-stories/nf-touch-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; }
# NF Touch 会員アプリ
## 概要
### 再構想されたモバイル会員体験により、NF Touch のロイヤリティ戦略を変革。
業界
エンタープライズ
企業規模
2500名以上
プロダクト & サービス
Apple & Google Wallet での eCard
スタンプ & ポイント
マーチャントサクセスサービス
エンタープライズ
マーケティングオートメーション
## 課題
## アプリ体験の一貫性の欠如
以前のベンダーが構築した既存の会員アプリは、画面ごとに UX に一貫性がなく、現代的で統一されたデザインが欠如していました。
## 機能展開の断片化
優待やモール固有の特典といった重要機能がバラバラに実装されており、複数の拠点でスケールさせるのが困難でした。
## アップグレード時の混乱リスク
レガシーシステムの構造的な非効率性により、移行時に既存会員へ大きな影響を及ぼすリスクがありました。
## ソリューション
## 精緻なロイヤリティ設計に基づく段階的なアプリ刷新
私たちは NF Touch のレガシープラットフォームを、機能豊富なモバイルアプリへとゼロダウンタイムで変革しました。Nan Fung 傘下のモール全体で新機能を段階的に展開することで、ユーザーはシームレスなアップグレードを享受できました。
- **コア**
当社の CRM Core 上に再構築し、精緻なセグメンテーションとキャンペーン制御を実現。
- **ウォレット & ポイント**
複数モールの特典を統一システムに集約。
- **特典**
優待の視認性とポイントトラッキングを改善し、よりスムーズな引き換え体験を提供。
- **安定性**
ダウンタイムゼロで新しいアプリ環境へユーザーを移行。
## 成果
アクティブ会員数の急増
ポイントやオファーへの定常的なエンゲージメントにより、アプリの日次アクティビティが顕著に向上しました。
データドリブンなキャンペーン成果
CRM との統合により、行動ベースでよりスマートなキャンペーンターゲティングを実現。
## 関連プロジェクト
実証済みの CRM ソリューションの実例:価値を届けるプロジェクト
### AIA Alta リワードウォレット
Apple & Google Wallet での eCard
エンタープライズ
会員向けウェブサイト & プラグイン
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-Card
Apple & Google Wallet での eCard
エンタープライズ
会員向けウェブサイト & プラグイン
BMW iSpace は、ウォレットソリューションを統合したデジタル会員 e-card により、ラグジュアリーカー所有のパーソナライズ体験をシームレスに革新します。
[
続きを読む
/\* 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 での eCard
マーケティングオートメーション
Clarins は、ポイントベースのインセンティブと e-wallet 連携を通じて従業員研修をゲーミフィケーション化し、デジタルリワードプログラムでスタッフのエンゲージメントを高めています。
[
続きを読む
/\* 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 対応 eWallet](/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 対応 eWallet
ロイヤリティエンジン
カスタマーデータプラットフォーム (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);