App de Lealtad The Club de HKT.

/\* 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 \*/ }

[

](/)

[

Contacto

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

[

Reservar una Demo

](#)

-   [Inicio](/)
-   Productos
    
    [
    
    Productos
    
    ](/platform#products)
    
    [Sitio Web de Membresía](/products/membership-website)
    
    ![](/assets/success-stories/hkt-the-club-loyalty-app/img-1.avif)
    
    [eWallet en Apple y Google](/products/ewallet-on-apple-google)
    
    ![](/assets/success-stories/hkt-the-club-loyalty-app/img-2.avif)
    
    [Motor de Lealtad](/products/loyalty-engine)
    
    ![](/assets/success-stories/hkt-the-club-loyalty-app/img-3.avif)
    
    [Plataforma de Datos del Cliente (CDP)](/products/customer-data-platform-cdp)
    
    ![](/assets/success-stories/hkt-the-club-loyalty-app/img-4.avif)
    
    [App Móvil de Marca Blanca](/products/white-label-mobile-app)
    
    ![](/assets/success-stories/hkt-the-club-loyalty-app/img-5.avif)
    
    [
    
    Funcionalidades
    
    ](/platform#features)
    
    [
    
    Tarjeta de Sellos Digital
    
    
    
    ](/features/digital-stamp-card)
    
    [
    
    Puntos y Niveles
    
    
    
    ](/features/points-tiers)
    
    [
    
    Gestión de Recompensas
    
    
    
    ](/features/rewards-management)
    
    [
    
    Campañas de Lealtad
    
    
    
    ](/features/loyalty-campaigns)
    
    [
    
    Referidos
    
    
    
    ](/features/referral)
    
    [
    
    Vales Prepago y Crédito
    
    
    
    ](/features/prepaid-voucher-credit)
    
    [
    
    Tarjeta de Regalo
    
    
    
    ](/features/gift-card)
    
    [
    
    Panel y Reportes
    
    
    
    ](/features/dashboard-report)
    
    [
    
    Segmentación de Clientes
    
    
    
    ](/features/customer-segmentation)
    
    [
    
    Automatización de Marketing
    
    
    
    ](/features/marketing-automation)
    
-   [
    
    Servicios
    
    ](/platform#services)
    
    [Personalización del Sistema](/services/system-customisation)
    
    ![](/assets/success-stories/hkt-the-club-loyalty-app/img-6.avif)
    
    [Servicios de Consolidación de Datos (ETL)](/services/data-consolidation-services-etl)
    
    ![](/assets/success-stories/hkt-the-club-loyalty-app/img-7.avif)
    
    [Alianzas de Regalos y Promociones](/services/gift-promotion-partnership)
    
    ![](/assets/success-stories/hkt-the-club-loyalty-app/img-8.avif)
    
    [Servicio de Éxito para Comercios](/services/merchant-success-service)
    
    ![](/assets/success-stories/hkt-the-club-loyalty-app/img-9.avif)
    
-   [
    
    Industrias
    
    ](/platform#industries)
    
    [Empresa](/industries/enterprise)
    
    ![](/assets/success-stories/hkt-the-club-loyalty-app/img-10.avif)
    
    [Alimentos y Bebidas](/industries/food-beverage)
    
    ![](/assets/success-stories/hkt-the-club-loyalty-app/img-11.avif)
    
    [Retail](/industries/retail)
    
    ![](/assets/success-stories/hkt-the-club-loyalty-app/img-12.avif)
    
    [Belleza](/industries/beauty)
    
    ![](/assets/success-stories/hkt-the-club-loyalty-app/img-13.avif)
    
-   [casos de éxito](/success-stories)
-   [Blog](/resources)
-   [precios](/pricing)
-   [
    
    Contacto
    
    .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)

[

](/)

 [](#)

Productos

[Sitio Web de Membresía](/products/membership-website)

[eWallet en Apple y Google](/products/ewallet-on-apple-google)

[Motor de Lealtad](/products/loyalty-engine)

[Plataforma de Datos del Cliente (CDP)](/products/customer-data-platform-cdp)

[App Móvil de Marca Blanca](/products/white-label-mobile-app)

[

Funcionalidades

](/platform#features)

[Gestión de Recompensas](/features/rewards-management)

[Automatización de Marketing](/features/marketing-automation)

[Segmentación de Clientes](/features/customer-segmentation)

[Campañas de Lealtad](/features/loyalty-campaigns)

[Vales Prepago y Crédito](/features/prepaid-voucher-credit)

[Panel y Reportes](/features/dashboard-report)

[Tarjeta de Regalo](/features/gift-card)

[Referidos](/features/referral)

[Puntos y Niveles](/features/points-tiers)

[Tarjeta de Sellos Digital](/features/digital-stamp-card)

[

Servicios

](/platform#services)

[Personalización del Sistema](/services/system-customisation)

[Servicios de Consolidación de Datos (ETL)](/services/data-consolidation-services-etl)

[Alianzas de Regalos y Promociones](/services/gift-promotion-partnership)

[Servicio de Éxito para Comercios](/services/merchant-success-service)

Industrias

[Empresa](/industries/enterprise)

[Alimentos y Bebidas](/industries/food-beverage)

[Retail](/industries/retail)

[Belleza](/industries/beauty)

[Precios](/pricing)[Casos de Éxito](/success-stories)[Blog](/resources)

[

Contacto

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

# App de Lealtad The Club de HKT

![App de Lealtad The Club de HKT](/assets/success-stories/hkt-the-club-loyalty-app/img-15.avif)

## Resumen

### Escalando la lealtad empresarial mediante alianzas intersectoriales y engagement digital.

Industria

Empresa

ESCALA DE LA COMPAÑÍA

10.000

Productos y Servicios

Automatización de Marketing

Empresa

Servicio de Éxito para Comercios

## Desafíos

##### Integración entre Socios

Gestionar una compleja red de más de 200 socios requería sistemas sofisticados para el seguimiento de puntos y el canje de recompensas en negocios diversos.

##### Distribución de Contenido

Se necesitaba una manera eficiente de entregar actualizaciones oportunas, promociones e información de socios a millones de miembros.

##### Personalización a Escala

El reto de ofrecer experiencias personalizadas a más de 3M de miembros manteniendo la eficiencia y el engagement del programa.

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

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

## La Solución

## La Mejor Experiencia Personalizada

Las empresas tienen la mayor cantidad de datos. En otras palabras, puedes ofrecer la mejor experiencia personalizada a tus clientes si lo haces bien.

-   **Gestión de Contenido**  
    HKT puede enviar información a los miembros a través de esta app, como nuevos productos e información de eventos de la marca.
-   **Sistema de Puntos**  
    El sistema de puntos de HKT abarca múltiples experiencias de compra y gastronomía en todo Hong Kong.
-   **Sistema de Canje**  
    Los clientes canjean regalos en los socios de HKT simplemente mostrando sus códigos QR únicos.
-   **Engagement con el Cliente**  
    Conecta con los clientes en cualquier momento y lugar mediante notificaciones push.

## Los Resultados

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

Mayor Adopción de Servicios Cruzados

La plataforma motivó a los clientes a explorar más paquetes de servicios, impulsando suscripciones y engagement.

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

El Canje de Recompensas Construye Lealtad

El sistema basado en puntos incrementó el re-engagement y el valor de vida del cliente.

## Proyectos Relacionados

Soluciones de CRM Comprobadas en Acción: Proyectos que Generan Valor

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

### Wallet de Recompensas AIA Alta

eCard en Apple y Google Wallet

Empresa

Sitio Web de Membresía y Plugin

Una billetera exclusiva de recompensas desarrollada para AIA Alta para mejorar la experiencia del cliente en el AIA Wealth Management Centre.

[

Leer Más  

/\* 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)

### E-Card de Membresía BMW iSpace

eCard en Apple y Google Wallet

Empresa

Sitio Web de Membresía y Plugin

BMW iSpace revoluciona la propiedad de autos de lujo con e-cards digitales de membresía, integrando soluciones de billetera para experiencias personalizadas sin fricciones.

[

Leer Más  

/\* 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)

### Programa de Recompensas para Empleados Clarins

Retail

eCard en Apple y Google Wallet

Automatización de Marketing

Clarins gamifica la capacitación de empleados con un programa digital de recompensas, impulsando el engagement del personal mediante incentivos basados en puntos e integración con e-wallet.

[

Leer Más  

/\* 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; }

Ver Todos

](/success-stories)

## ¿Listo para comenzar?

Perfecciona la experiencia de tus clientes con JuicySuite.

.button .button\_gradient\_bg { opacity: 0; transition: opacity 0.4s ease; } .button:hover .button\_gradient\_bg { opacity: 1; }

Reservar una Demo

[

Contactar a Ventas

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

Síguenos para conocer las últimas noticias y enterarte de nuevas funcionalidades y lanzamientos.

.email\_button\_wrap .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .email\_button\_wrap:hover .button\_primary\_hover\_bg { opacity: 1; }

¡Gracias! Hemos recibido tu envío.

¡Ups! Algo salió mal al enviar el formulario.

Al suscribirte, aceptas nuestra [Política de Privacidad](/legal/privacy) y aceptas recibir las últimas noticias de nuestra empresa.

Productos

[App Móvil de Marca Blanca](/products/white-label-mobile-app)

[Plataforma de Datos del Cliente (CDP)](/products/customer-data-platform-cdp)

[Motor de Lealtad](/products/loyalty-engine)

[eWallet en Apple y Google](/products/ewallet-on-apple-google)

[Sitio Web de Membresía](/products/membership-website)

Funcionalidades

[Tarjeta de Sellos Digital](/features/digital-stamp-card)

[Puntos y Niveles](/features/points-tiers)

[Referidos](/features/referral)

[Tarjeta de Regalo](/features/gift-card)

[Panel y Reportes](/features/dashboard-report)

[Vales Prepago y Crédito](/features/prepaid-voucher-credit)

[Campañas de Lealtad](/features/loyalty-campaigns)

[Segmentación de Clientes](/features/customer-segmentation)

[Automatización de Marketing](/features/marketing-automation)

[Gestión de Recompensas](/features/rewards-management)

Servicios

[Servicio de Éxito para Comercios](/services/merchant-success-service)

[Alianzas de Regalos y Promociones](/services/gift-promotion-partnership)

[Servicios de Consolidación de Datos (ETL)](/services/data-consolidation-services-etl)

[Personalización del Sistema](/services/system-customisation)

Industrias

[Belleza](/industries/beauty)

[Retail](/industries/retail)

[Alimentos y Bebidas](/industries/food-beverage)

[Empresa](/industries/enterprise)

Compañía

[Casos de Éxito](/success-stories)[Recursos](/resources)[Precios](/pricing)[Contacto](/contact)

© 2025 JuicySuite. Todos los derechos reservados.

[Política de Privacidad](/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)

## Reservar Una Demo

Nombre\*

Nombre de la Empresa\*

Número de Contacto\*

Correo Electrónico\*

Productos de Interés

Seleccionar Productos

Sitio Web de Membresía

eWallet en Apple y Google

Motor de Lealtad

Plataforma de Datos del Cliente (CDP)

App Móvil de Marca Blanca

Funcionalidades de Interés

Seleccionar Funcionalidades

Gestión de Recompensas

Automatización de Marketing

Segmentación de Clientes

Campañas de Lealtad

Vales Prepago y Crédito

Panel y Reportes

Tarjeta de Regalo

Referidos

Puntos y Niveles

Tarjeta de Sellos Digital

Servicios de Interés

Seleccionar Servicios

Personalización del Sistema

Servicios de Consolidación de Datos (ETL)

Alianzas de Regalos y Promociones

Servicio de Éxito para Comercios

Acepto los [Términos de Servicio\*](/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;

¡Gracias! Hemos recibido tu envío.

¡Ups! Algo salió mal al enviar el formulario.

[

](#)

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