Solución Digital Integral para Tai Kwun.
Tai Kwun transformó su ecosistema digital con un sitio web, una aplicación móvil y un sistema de venta electrónica de boletos integrados.

Un público de alta confianza al que el antiguo programa de recompensas no llegaba.
Recorrido digital fragmentado
Los visitantes tenían que usar distintas plataformas para entradas, membresía y descubrimiento de eventos.
Gestión manual de reservas
La ausencia de un sistema centralizado de reservas generaba fricción y seguimientos perdidos.
Baja participación tras la visita
La experiencia terminaba tras el pago, sin un mecanismo de fidelidad para volver a interactuar.
Una experiencia digital total para los amantes de la cultura
JuicySuite desarrolló un sistema unificado para web, app, venta de entradas y CRM.

Una tarjeta que los socios sí guardan — y abren.
Orientarse y disfrutar la visita
La orientación y los detalles de los eventos juntos hicieron más disfrutable cada visita a Tai Kwun.
Más canjes y gasto
Los puntos y recompensas en tiempo real fomentaron una interacción y canjes más frecuentes.
Soluciones CRM comprobadas, en acción.

Wallet de Recompensas AIA Alta
Un wallet de recompensas exclusivo desarrollado para AIA Alta con el fin de mejorar la experiencia del cliente en el AIA Wealth Management Centre.
Leer más
Tarjeta Electrónica de Membresía iSpace de BMW
iSpace de BMW revoluciona la propiedad de autos de lujo con tarjetas electrónicas de membresía digital, integrando soluciones de wallet para experiencias personalizadas y sin fricciones.
Leer más
Programa de Recompensas para el Personal de Clarins
Clarins gamifica la capacitación de sus empleados con un programa de recompensas digital, impulsando el compromiso del personal a través de incentivos por puntos e integración con e-wallet.
Leer másTu caso de éxito comienza aquí.
Perfecciona el recorrido de tus clientes con JuicySuite. Agenda una demo y diseñaremos juntos tu primer programa.
/\* 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/tai-kwun-total-digital-solution)
[中](/zh-hk/success-stories/tai-kwun-total-digital-solution)
[
Reservar una demostración
](#)
- [Inicio](/)
- Productos
[
Productos
](/platform#products)
[Sitio Web de Membresía](/products/membership-website)

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

[Motor de Fidelización](/products/loyalty-engine)

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

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

[
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 Fidelización
](/features/loyalty-campaigns)
[
Referidos
](/features/referral)
[
Vales Prepagados 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)

[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
](/platform#industries)
[Enterprise](/industries/enterprise)

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

[Retail](/industries/retail)

[Belleza](/industries/beauty)

- [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 Fidelización](/products/loyalty-engine)
[Plataforma de Datos de Clientes (CDP)](/products/customer-data-platform-cdp)
[Aplicación 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 Fidelización](/features/loyalty-campaigns)
[Vales Prepagados 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
[Enterprise](/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/tai-kwun-total-digital-solution)
[中](/zh-hk/success-stories/tai-kwun-total-digital-solution)
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; }

# Solución Digital Integral para Tai Kwun

## Resumen
### Unificando la presencia digital de Tai Kwun mediante una infraestructura integrada de venta de boletos, aplicación y fidelización.
Industria
Enterprise
ESCALA DE LA EMPRESA
100
Productos y Servicios
eCard en Apple y Google Wallet
Sellos y Puntos
Servicio de Éxito para Comercios
Enterprise
Automatización de Marketing
Sitio Web de Membresía y Plugin
## Desafíos
## Recorrido Digital Fragmentado
Los visitantes tenían que usar distintas plataformas para boletos, membresía y descubrimiento de eventos.
## Gestión Manual de Reservas
La falta de un sistema centralizado de reservas generaba fricciones y oportunidades de seguimiento perdidas.
## Bajo Engagement Posterior a la Visita
La experiencia terminaba en el checkout: no había mecanismo de fidelización para volver a involucrar al cliente.


## La Solución
## Una Experiencia Digital Integral para los Amantes de la Cultura
JuicySuite desarrolló un sistema unificado para web, app, venta de boletos y CRM.
- **Inicio de Sesión Único**
Un solo login para eventos, reservas y fidelización.
- **App + Web**
Experiencia responsiva multicanal.
- **Núcleo CRM**
Seguimientos automáticos activados según el comportamiento de compra de boletos.
- **Capa de Fidelización**
Convierte a los visitantes en miembros con puntos y beneficios.
## Los Resultados

Experiencia Potenciada por la Navegación
Combinar la navegación con los detalles del evento enriqueció la experiencia en sitio.

Más Canjes y Mayor Gasto
Los puntos y recompensas en tiempo real fomentaron una mayor frecuencia de interacción y canjes.
## Proyectos Relacionados
Soluciones CRM Comprobadas en Acción: Proyectos que Generan Valor

### Rewards Wallet de AIA Alta
eCard en Apple y Google Wallet
Enterprise
Sitio Web de Membresía y Plugin
Una billetera exclusiva de recompensas desarrollada para AIA Alta para potenciar 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)

### E-Card de Membresía BMW iSpace
eCard en Apple y Google Wallet
Enterprise
Sitio Web de Membresía y Plugin
BMW iSpace revoluciona la experiencia de poseer un auto de lujo con e-cards de membresía digital, integrando soluciones de wallet para experiencias personalizadas y fluidas.
[
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)

### Programa de Recompensas para Personal de Clarins
Retail
eCard en Apple y Google Wallet
Automatización de Marketing
Clarins gamifica la capacitación de sus empleados con un programa digital de recompensas, impulsando el engagement del personal mediante incentivos basados en puntos e integración de 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 Todo
](/success-stories)
## ¿Listo para comenzar?
Perfecciona el recorrido 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 demostración
[
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
[Aplicación Móvil de Marca Blanca](/products/white-label-mobile-app)
[Plataforma de Datos de Clientes (CDP)](/products/customer-data-platform-cdp)
[Motor de Fidelización](/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 Prepagados y Crédito](/features/prepaid-voucher-credit)
[Campañas de Fidelización](/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)
[Enterprise](/industries/enterprise)
Empresa
[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/)

## Reservar una Demostración
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 Fidelización
Plataforma de Datos de Clientes (CDP)
Aplicación 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 Fidelización
Vales Prepagados 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);