(MALIN+GOETZ) デジタルスタンプカード.

/\* 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/malin-goetz-digital-stamp-card)

[中](/zh-hk/success-stories/malin-goetz-digital-stamp-card)

[

デモを予約

](#)

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

[中](/zh-hk/success-stories/malin-goetz-digital-stamp-card)

document.addEventListener('DOMContentLoaded', function() { // Function to initialize image hover effects for a specific dropdown function initDropdownImageHover(dropdownElement) { if (!dropdownElement) return; // Get all tab links within this dropdown const tabLinks = dropdownElement.querySelectorAll('.nav\_dropdown\_tab\_link'); // Get the first image (default image) within this dropdown const defaultImage = dropdownElement.querySelector('.nav\_links\_list .nav\_links\_item:first-child .navbar\_dropdown\_image'); // Show default image on load if (defaultImage) { defaultImage.style.opacity = '1'; defaultImage.style.transition = 'opacity 0.3s ease'; } // Add mouseenter event to each link tabLinks.forEach(link => { link.addEventListener('mouseenter', function() { // Get the ID of the hovered link const linkId = this.textContent; // Hide all images within this dropdown first const allImages = dropdownElement.querySelectorAll('.navbar\_dropdown\_image'); allImages.forEach(img => { img.style.opacity = '0'; img.style.transition = 'opacity 0.3s ease'; }); // Find and show the corresponding image const correspondingImage = dropdownElement.querySelector(\`.navbar\_dropdown\_image\[id="${linkId}"\]\`); if (correspondingImage) { correspondingImage.style.opacity = '1'; } }); }); // Show default image when mouse leaves the navbar const navWrap = dropdownElement.querySelector('.navbar\_dropdown\_tabs\_wrap'); if (navWrap) { navWrap.addEventListener('mouseleave', function() { // Hide all images first const allImages = dropdownElement.querySelectorAll('.navbar\_dropdown\_image'); allImages.forEach(img => { img.style.opacity = '0'; }); // Show default image if (defaultImage) { defaultImage.style.opacity = '1'; } }); } } // Initialize for each dropdown section const dropdowns = \[ document.querySelector('.navbar-dropdown2\_dropdown-list'), // Products dropdown document.querySelector('.navbar-dropdown2\_dropdown-list.services'), // Services dropdown document.querySelector('.navbar-dropdown2\_dropdown-list.is-industries') // Industries dropdown \]; dropdowns.forEach(dropdown => { if (dropdown) { initDropdownImageHover(dropdown); } }); });

.nav\_link\_dropdown\_toggle:hover .nav\_products\_link { color: #ff761a; } /\* Add this to your existing CSS \*/ .mobile\_nav\_cms\_link.w--current { color: #3E3E3E; /\* This is the neutral black color used in your site \*/ font-weight: 700; } .mobile\_nav\_cta\_wrap .button.is-primary.w--current{ color: #ffffff !important; }

![(MALIN+GOETZ)](/assets/success-stories/malin-goetz-digital-stamp-card/img-14.avif)

# (MALIN+GOETZ) デジタルスタンプカード

![(MALIN+GOETZ) デジタルスタンプカード](/assets/success-stories/malin-goetz-digital-stamp-card/img-15.avif)

## 概要

### デジタルイノベーションと顧客第一の設計で、ラグジュアリースキンケアのロイヤルティをシンプルに。

業種

リテール

会社規模

1,000

プロダクト & サービス

マーチャントサクセスサービス

プリペイドバウチャー & クレジット

## 課題

##### 新店舗オープン時のエンゲージメント

競争の激しいビューティーマーケットでの新店舗オープンに際し、ブランドはリピート来店を促進し顧客ロイヤルティを構築する効果的な手段を必要としていました。

##### 顧客データの収集

従来のリテール手法では、ラグジュアリースキンケアセグメントにおける顧客の購買パターンや好みについて得られるインサイトが限られていました。

##### 業務効率化

手作業によるロイヤルティ管理とリワード管理は、ハイエンドリテール環境においてスタッフと顧客の双方に不要な複雑さをもたらしていました。

![](/assets/success-stories/malin-goetz-digital-stamp-card/img-16.avif)

![](/assets/success-stories/malin-goetz-digital-stamp-card/img-17.avif)

## ソリューション

## リワードシステムを起動!

(Malin+Goetz)は新店舗オープンに合わせてデジタルスタンプキャンペーンを導入しました。2,000名を超える会員が登録し、そのうち1/3がリワードを獲得するために何度も来店しました!

-   **スタンプ**  
    リワード獲得のためにスタンプを集める。馴染みのある仕組みですが、バーチャルだからもっとクール。
-   **コア**  
    このメンバーシップシステムは、魔法が起こる当社のコアによって支えられています。
-   **ウォレット**  
    Nina Patisserieのデジタルスタンプカードはeウォレットベース。顧客は何もダウンロードする必要がありません。
-   **リワード**  
    ブランドにロイヤルな顧客を称え、特別感を提供します。

## 結果

![](/assets/success-stories/malin-goetz-digital-stamp-card/img-18.avif)

カテゴリーを越えたエンゲージメント

デジタルエンゲージメントにより、顧客は複数のスキンケアラインを試すようになり、ロイヤルティと日常使用が向上しました。

![](/assets/success-stories/malin-goetz-digital-stamp-card/img-19.avif)

顧客生涯価値の向上

アプリが定期的な買い替え習慣を後押しし、顧客の長期的価値を高めました。

## 関連プロジェクト

実績ある CRM ソリューション:価値を提供するプロジェクト

![Dior](/assets/success-stories/malin-goetz-digital-stamp-card/img-20.avif)

### Dior メンバーシップアプリ

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

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

マーチャントサクセスサービス

Diorは、SMS認証、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/dior-membership-app)

![Domain Mall](/assets/success-stories/malin-goetz-digital-stamp-card/img-21.avif)

### Domain Club メンバーシップアプリ

Apple & Google Wallet 対応 eカード

リテール

スタンプ & ポイント

Domain Mallは、ロイヤルティリワード、ギフト交換、モールナビゲーションを1つの使いやすいプラットフォームに統合した多機能モバイルアプリで、ショッピング体験を変革します。

[

続きを読む  

/\* 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/domain-club-membership-app)

![HKT](/assets/success-stories/malin-goetz-digital-stamp-card/img-22.avif)

### HKT The Club ロイヤルティアプリ

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

エンタープライズ

マーチャントサクセスサービス

HKTのThe Clubは、200以上のパートナーにわたるテレコムロイヤルティを統合し、パーソナライズされたリワードとリアルタイムなコンテンツ配信を通じて300万人以上の会員にエンゲージメントを提供しています。

[

続きを読む  

/\* 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/hkt-the-club-loyalty-app)

[

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

![](/assets/success-stories/malin-goetz-digital-stamp-card/img-23.avif)

## デモを予約

お名前\*

会社名\*

連絡先電話番号\*

メール\*

関心のあるプロダクト

プロダクトを選択

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

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