Preface Coffee & Wine デジタルスタンプカード.

/\* 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/preface-coffee-wine-digital-stamp-card)

[中](/zh-hk/success-stories/preface-coffee-wine-digital-stamp-card)

[

デモを予約する

](#)

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

[飲食 (F&B)](/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/preface-coffee-wine-digital-stamp-card)

[中](/zh-hk/success-stories/preface-coffee-wine-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; }

![Preface Coffee](/assets/success-stories/preface-coffee-wine-digital-stamp-card/img-14.avif)

# Preface Coffee & Wine デジタルスタンプカード

![Preface Coffee & Wine デジタルスタンプカード](/assets/success-stories/preface-coffee-wine-digital-stamp-card/img-15.avif)

## 概要

### デジタルトランスフォーメーションとデータインサイトで、コーヒーショップのロイヤルティをモダナイズ。

業種

飲食 (F&B)

企業規模

25〜30名

プロダクト & サービス

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

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

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

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

## 課題

##### 従来型のロイヤルティ管理

紙のスタンプカードは紛失や破損が起こりやすく、顧客の不満につながるだけでなく、ロイヤル顧客への報酬機会を逃す原因となっていました。

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

顧客の嗜好や購買パターンを体系的に収集・分析する仕組みがなく、データに基づいた経営判断を行うことが困難でした。

##### 顧客リテンションの難しさ

最新のエンゲージメントシステムがなければ、安定した顧客関係を維持し、リピート来店を効果的に促すことは容易ではありませんでした。

![](/assets/success-stories/preface-coffee-wine-digital-stamp-card/img-16.avif)

![](/assets/success-stories/preface-coffee-wine-digital-stamp-card/img-17.avif)

## ソリューション

## メンバーシップシステムの最前線へ

メンバーシップシステムの最前線へ Preface Coffee & Wine のコンセプトは画期的です。デジタル化が注目される以前から、Preface Coffee & Wine はデジタル化と電子化の可能性をいち早く見抜いていました。私たちと共に、従来の紙のスタンプカードをスマートフォンに収まる電子プロダクトへと進化させましょう。

-   **スタンプ  
    ‍**スタンプを集めて特典をゲット。慣れ親しんだ仕組みのまま、バーチャルだからもっとスマートに。**‍**
-   ‍**コア**‍  
    このメンバーシップシステムは、すべての魔法を生み出す当社のコアによって支えられています。**‍**
-   **ウォレット****  
    ‍**Preface Coffee & Wine のデジタルスタンプカードはeウォレットベース。顧客は何もダウンロードする必要なく利用できます。
-   **リワード**  
    ブランドに長く寄り添ってくれた顧客に報い、特別な存在であることを実感してもらいましょう。

‍

## 成果

![](/assets/success-stories/preface-coffee-wine-digital-stamp-card/img-18.avif)

リワードによるリテンション向上

パーソナライズされたインセンティブが再来店と追加購入を後押し。

![](/assets/success-stories/preface-coffee-wine-digital-stamp-card/img-19.avif)

スマートなデータ、スマートなオペレーション

システム分析により、在庫計画を最適化し、ピーク需要時期を的確に把握。

## 関連プロジェクト

実証済みの CRM ソリューション：価値を生むプロジェクト事例

![BMW](/assets/success-stories/preface-coffee-wine-digital-stamp-card/img-20.avif)

### AIA Alta リワードウォレット

Apple & Google Wallet 対応 eCard

エンタープライズ

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

AIA ウェルス・マネジメント・センターでの顧客体験を高めるために、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](/assets/success-stories/preface-coffee-wine-digital-stamp-card/img-21.avif)

### BMW iSpace メンバーシップ eカード

Apple & Google Wallet 対応 eCard

エンタープライズ

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

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](/assets/success-stories/preface-coffee-wine-digital-stamp-card/img-22.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)

[

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

最新ニュース、新機能・リリース情報はSNSをフォローしてチェック。

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

[飲食 (F&B)](/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/preface-coffee-wine-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);