BMW iSpace メンバーシップ E-Card.

/\* 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/bmw-ispace-membership-e-card)

[中](/zh-hk/success-stories/bmw-ispace-membership-e-card)

[

デモを予約する

](#)

-   [ホーム](/)
-   プロダクト
    
    [
    
    プロダクト
    
    ](/platform#products)
    
    [メンバーシップウェブサイト](/products/membership-website)
    
    ![](/assets/success-stories/bmw-ispace-membership-e-card/img-1.avif)
    
    [Apple & Google 対応 eWallet](/products/ewallet-on-apple-google)
    
    ![](/assets/success-stories/bmw-ispace-membership-e-card/img-2.avif)
    
    [ロイヤルティエンジン](/products/loyalty-engine)
    
    ![](/assets/success-stories/bmw-ispace-membership-e-card/img-3.avif)
    
    [カスタマーデータプラットフォーム (CDP)](/products/customer-data-platform-cdp)
    
    ![](/assets/success-stories/bmw-ispace-membership-e-card/img-4.avif)
    
    [ホワイトラベルモバイルアプリ](/products/white-label-mobile-app)
    
    ![](/assets/success-stories/bmw-ispace-membership-e-card/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/bmw-ispace-membership-e-card/img-6.avif)
    
    [データ統合サービス (ETL)](/services/data-consolidation-services-etl)
    
    ![](/assets/success-stories/bmw-ispace-membership-e-card/img-7.avif)
    
    [ギフト＆プロモーション提携](/services/gift-promotion-partnership)
    
    ![](/assets/success-stories/bmw-ispace-membership-e-card/img-8.avif)
    
    [マーチャントサクセスサービス](/services/merchant-success-service)
    
    ![](/assets/success-stories/bmw-ispace-membership-e-card/img-9.avif)
    
-   [
    
    業界
    
    ](/platform#industries)
    
    [エンタープライズ](/industries/enterprise)
    
    ![](/assets/success-stories/bmw-ispace-membership-e-card/img-10.avif)
    
    [飲食](/industries/food-beverage)
    
    ![](/assets/success-stories/bmw-ispace-membership-e-card/img-11.avif)
    
    [リテール](/industries/retail)
    
    ![](/assets/success-stories/bmw-ispace-membership-e-card/img-12.avif)
    
    [ビューティー](/industries/beauty)
    
    ![](/assets/success-stories/bmw-ispace-membership-e-card/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 対応 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/bmw-ispace-membership-e-card)

[中](/zh-hk/success-stories/bmw-ispace-membership-e-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; }

![BMW](/assets/success-stories/bmw-ispace-membership-e-card/img-14.avif)

# BMW iSpace メンバーシップ E-Card

![BMW iSpace メンバーシップ E-Card](/assets/success-stories/bmw-ispace-membership-e-card/img-15.avif)

## 概要

### デジタルメンバーシップの革新により BMW の顧客エンゲージメントを変革。

業界

エンタープライズ

企業規模

118,000

プロダクト＆サービス

Apple & Google Wallet 対応 eCard

エンタープライズ

メンバーシップウェブサイト＆プラグイン

マーケティングオートメーション

## 課題

##### 顧客リテンションの課題

高級車セグメントでは顧客離脱率が依然として高く、従来のロイヤルティプログラムでは長期的な顧客関係の維持が困難でした。

##### デジタル統合のギャップ

さまざまなデジタルタッチポイントにわたって顧客体験が分断されており、メンバー特典とサービスをシームレスに接続できる統一プラットフォームが不足していました。

##### パーソナライゼーションの限界

既存システムは画一的な顧客エンゲージメントに依存しており、個々の嗜好や行動に合わせた体験を提供することは不可能でした。

![](/assets/success-stories/bmw-ispace-membership-e-card/img-16.avif)

![](/assets/success-stories/bmw-ispace-membership-e-card/img-17.avif)

## ソリューション

## Google & Apple Wallet とのシームレスな統合

最先端の CRM テクノロジーで支えられた BMW プロジェクトで、比類なきラグジュアリーをご体験ください。Google Wallet および Apple Wallet とのシームレスな統合により、BMW メンバーはこれまでにないパーソナライズされた体験を享受できます。お客様一人ひとりに合わせたオファーや VIP イベントへの招待から、スムーズなサービス予約まで、本ソリューションはオーナーシップ体験のあらゆる側面を高めます。

‍

-   **ポイント**  
    無料の食事は誰もが歓迎するもの。ポイントを貯めてサービスを受け取りましょう。
-   **コア**  
    このメンバーシップシステムは、魔法が生まれる場所である当社の Core によって支えられています。
-   **ウォレット**  
    モバイルウォレットへのメンバーシップカード追加により、お客様の利用が容易になるだけでなく、企業側もカードデザインやコンテンツなどをいつでも簡単に更新できます。
-   **リワード**  
    ブランドに忠実なお客様に報いることで、特別な存在であると感じていただけます。
-   **ミッション**  
    特典を受け取るための特定タスクの達成をお客様に呼びかけます。

## 成果

![](/assets/success-stories/bmw-ispace-membership-e-card/img-18.avif)

即時リワード、満足度の向上

デジタル E-Card とリアルタイム引換により、全体的な体験とブランドイメージが向上しました。

![](/assets/success-stories/bmw-ispace-membership-e-card/img-19.avif)

運用コストの削減

商品知識の向上により、より良い顧客サービスとアドバイザーの販売実績向上を実現しました。

## 関連プロジェクト

実績ある CRM ソリューションの実例：価値を届けるプロジェクト

![BMW](/assets/success-stories/bmw-ispace-membership-e-card/img-20.avif)

### 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)

![Clarins](/assets/success-stories/bmw-ispace-membership-e-card/img-21.avif)

### Clarins スタッフリワードプログラム

リテール

Apple & Google Wallet 対応 eCard

マーケティングオートメーション

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)

![Cookie Department](/assets/success-stories/bmw-ispace-membership-e-card/img-22.avif)

### Cookie Department デジタルスタンプカード

Apple & Google Wallet 対応 eCard

ギフトカード

飲食

Cookie DPT は、デジタルスタンプと 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/cookie-department-digital-stamp-card)

[

.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/)

![](/assets/success-stories/bmw-ispace-membership-e-card/img-23.avif)

## デモを予約する

お名前\*

会社名\*

電話番号\*

メールアドレス\*

ご興味のあるプロダクト

プロダクトを選択

メンバーシップウェブサイト

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);