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

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

[中](/zh-hk/success-stories/hkt-the-club-loyalty-app)

[

デモを予約する

](#)

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

[中](/zh-hk/success-stories/hkt-the-club-loyalty-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; }

![HKT](/assets/success-stories/hkt-the-club-loyalty-app/img-14.avif)

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

![HKT The Club ロイヤルティアプリ](/assets/success-stories/hkt-the-club-loyalty-app/img-15.avif)

## 概要

### 業界横断的なパートナーシップとデジタルエンゲージメントを通じたエンタープライズロイヤルティのスケーリング。

業界

エンタープライズ

企業規模

10,000

製品 & サービス

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

エンタープライズ

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

## 課題

##### パートナー間統合

200を超えるパートナーから成る複雑なネットワークを管理するには、多様な事業にまたがるポイントトラッキングとリワード引き換えのための高度なシステムが必要でした。

##### コンテンツ配信

数百万人の会員に対して、タイムリーな更新情報、プロモーション、パートナー情報を効率的に届ける方法が必要でした。

##### 大規模なパーソナライゼーション

プログラムの効率性とエンゲージメントを維持しながら、300万人を超える会員にパーソナライズされた体験を提供するという課題。

![](/assets/success-stories/hkt-the-club-loyalty-app/img-16.avif)

![](/assets/success-stories/hkt-the-club-loyalty-app/img-17.avif)

## ソリューション

## 最高のパーソナライズされた体験

エンタープライズが最も豊富なデータを保有しています。つまり、適切に活用すれば、顧客に最高のパーソナライズされた体験を提供できるということです。

-   **コンテンツ管理**  
    HKTはこのアプリを通じて、新商品やブランドイベント情報などを会員に発信できます。
-   **ポイントスキーム**  
    HKTのポイントスキームは、香港全土の数多くのショッピングや飲食シーンをカバーしています。
-   **引き換えシステム**  
    顧客は固有のQRコードを提示するだけで、HKTのパートナー店舗でギフトを引き換えられます。
-   **顧客エンゲージメント**  
    プッシュ通知を通じて、いつでもどこでも顧客と接点を持てます。

## 成果

![](/assets/success-stories/hkt-the-club-loyalty-app/img-18.avif)

クロスサービス導入の拡大

プラットフォームは顧客にさらに多くのサービスバンドルの利用を促し、サブスクリプションとエンゲージメントを高めました。

![](/assets/success-stories/hkt-the-club-loyalty-app/img-19.avif)

リワード引き換えがロイヤルティを構築

ポイントベースのシステムにより、再エンゲージメントと顧客生涯価値が向上しました。

## 関連プロジェクト

実証済みのCRMソリューション:価値を生み出すプロジェクト

![BMW](/assets/success-stories/hkt-the-club-loyalty-app/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)

![BMW](/assets/success-stories/hkt-the-club-loyalty-app/img-21.avif)

### 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](/assets/success-stories/hkt-the-club-loyalty-app/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)

最新ニュース、新機能やリリース情報については、ぜひフォローしてください。

.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/hkt-the-club-loyalty-app/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);