Guía
Card Designer controla cómo se ve la Card, qué promete y qué ocurre cuando el cliente alcanza el objetivo.
5. Card Designer — creador de tarjetas (5 pasos)
Cuando crea una nueva tarjeta (presionando NUEVO STAMP CARD), puede elegir una plantilla visual cercana a su estilo. En la parte superior, puede cambiar rápidamente entre tipos de negocios (por ejemplo, restaurantes) o desplazarse por todos ellos. No te preocupes si eliges el incorrecto: ¡cada color e ícono es personalizable! Después de elegir una plantilla, se copia en su nueva tarjeta y llega al Card Designer. Puedes omitir este paso; simplemente presiona Empezar desde cero. Aterrizas en el mismo Card Designer.
Card Designer se abre tanto al crear una nueva tarjeta como al presionar el ícono ✏️ Editar en una tarjeta existente. Es un asistente paso a paso de cinco etapas:
- Personaliza tu estilo: estilo y marca.
- Agregar elementos visuales — Configuración stamp.
- Construya su viaje: recompensas y recompensas de hitos.
- Configuraciones adicionales: notificaciones de cumpleaños y geovallas.
- Resultado: vista previa final y regeneración de la tarjeta.
A la derecha de la pantalla siempre hay una Vista previa stamp card activa: se actualiza en tiempo real con cada cambio. Puede tocar cualquier paso en la navegación inferior de la vista previa para ver cómo se verá la tarjeta cuando el usuario llegue a ese stamp.
5.1 Paso 1. Personaliza tu estilo: estilo y marca
[captura de pantalla: 0301_EditStampCard.png]
El primer paso configura el aspecto y la marca de la tarjeta:
- Logotipo de la tarjeta: el logotipo de su empresa (cargado desde un archivo o pegado desde el portapapeles).
- Nombre de la tarjeta: el nombre de la tarjeta (p. ej.,
Morning Bean,Beauty Salon Loyalty,Free Pizza Club). Esto es lo que el cliente ve en Wallet. - Colores de contraste inteligentes: alterna para seleccionar automáticamente el color de contraste (recomendado si no estás seguro de tu paleta). Cuando está habilitado, el sistema ajustará los colores automáticamente si se combinan.
- Fondo de página: el color de fondo de la página de la tarjeta.
- Bloque Stamps: el fondo del bloque stamps, que cambia entre Color (sólido) e Imagen (imagen cargada, por ejemplo, una foto de granos de café para una cafetería).
- ¿Personalizar fuente (solo web)? Sí!: personalización de fuente (se aplica solo a la vista previa web; Wallet usa la fuente del sistema).
Regla general para un buen diseño de tarjetas: el logotipo debe ser legible en un tamaño pequeño; el fondo debe ser sólido o de bajo contraste; de lo contrario, stamps será difícil de leer. Antes de publicar, toque siempre Ver como cliente y compruebe cómo se ve la tarjeta en la pantalla de un teléfono real.
5.2 Paso 2. Agregar elementos visuales: stamp configuración
[captura de pantalla: 0302_EditStampCard.png]
Este paso configura el aspecto stamps:
- Establecer total stamps: recuento total stamp en la tarjeta (por ejemplo,
8). Este es el objetivo final: cuando el cliente alcanza este conteo, se activa la recompensa. - Icono Stamp: el icono stamp. Cargado por separado para los estados Activo (lleno) e Inactivo (vacío). Un buen truco es utilizar el ícono de su producto principal (una taza de café, una pizza, tijeras) para activo y una versión gris de la misma imagen para inactivo.
- Colores de borde: color de borde stamp para estados activos e inactivos.
- Colores de fondo: color de fondo stamp para los estados activo e inactivo.
Una tarjeta con 8 stamps es ideal para cafeterías y servicio rápido. Para servicios premium (salones, restaurantes), lo típico son 4–6 stamps. Para compras frecuentes (panaderías, comida rápida): 10-12. No superes los 15: la motivación disminuye y el cupón empieza a parecer inalcanzable.
5.3 Paso 3. Construya su viaje: recompensas y recompensas por hitos
[captura de pantalla: 0303_EditStampCard.png]
El paso más importante. Aquí usted decide qué obtiene el cliente y cómo lo gana.
Icono de recompensa
El ícono de recompensa (Activo / Inactivo): se muestra en la última celda de la tarjeta en lugar del estándar stamp.
Formato de recompensa
Alternar entre tres opciones: Award | Vale | Lottery. Estos son los tres tipos de recompensas: cada uno tiene su propia Sección 6. En breve:
- Award — un regalo de texto instantáneo (“Café gratis”). Sencillo y rápido.
- Cupón: un Smart Voucher con su propio ciclo de vida y un Redeem Code opcional.
- Lottery — un sorteo de un conjunto de variantes con probabilidades.
Título de recompensa
El texto del regalo final (por ejemplo, Free Coffee, Free L'Oréal Hair Coloring, 50% off tire replacement). Esto es lo que el cliente verá a lo largo del recorrido, tanto en Wallet como en la vista previa.
Configuraciones opcionales
Abre la ventana emergente Configuración de recompensa opcional con parámetros de recompensa adicionales. El contenido depende del tipo seleccionado (ver Award, Cupón, Lottery).
Cómo ganan los clientes la regla stamps - stamping
Alternar: Por pedido | Por importe.
- Por pedido: un stamp por boleto/pedido, independientemente del monto. Simple y claro, se adapta a la mayoría de cafeterías y salones.
- Por importe: un stamp por N unidades monetarias en el billete. Bueno para restaurantes y comercios minoristas con tamaños de boletos variables: empuja a los clientes a aumentar la canasta. Requiere que el monto del ticket se pase a 7stamp (a través de la integración POS o Receipt QR).
¿Quieres agregar recompensas por hitos? Sí!
Este enlace convierte una tarjeta de un solo objetivo en Milestone Rewards: una tarjeta con varios obsequios intermedios. Por ejemplo: 3 stamps → regalo pequeño, 6 → mediano, 9 → recompensa final. Detalles en la Sección 6.4.
5.4 Paso 4. Configuraciones adicionales: cumpleaños y geovalla
[captura de pantalla: 0307_Birthday.png] [captura de pantalla: 0308_Geo_Marketing.png]
Este paso abre automatizaciones: cosas que funcionan sin su participación después de que se publica la tarjeta.
Recompensas de cumpleaños
- Habilitar saludos de cumpleaños — Sí / No.
- Mensaje de saludo: el texto del saludo (p. ej.,
Happy Birthday! 🎉). - Felicitaciones antes de N días — cuántos días antes del cumpleaños enviar el saludo (
0= el día,3= tres días antes). - Regala un vale de cumpleaños: Sí / No. En caso afirmativo, se emite un vale automáticamente junto con el saludo.
La fecha de cumpleaños se recopila de la tarjeta del cliente; el cliente puede configurarla al momento de unirse o más tarde en la página de la tarjeta.
Notificación de geovalla: recordatorios geográficos
En Notificación de geovalla está vacío de forma predeterminada: “Aún no tienes ubicaciones”. Toca + Agregar ubicación: se abre la ventana emergente Agregar ubicación:
- Dirección de la tienda: ingresa la dirección del lugar (por ejemplo,
Bratislava, Baštová 3). Google Maps te sugiere a medida que escribes. - Aparece un marcador en el mapa; refinar el lugar. Las coordenadas se registran automáticamente (por ejemplo,
48.14487, 17.10618). - Mensaje: el texto de la notificación que recibe el cliente cuando está cerca (por ejemplo,
You're nearby! Drop by for your morning coffee ☕).
Puede agregar varias ubicaciones: la geocerca se activa en cualquiera de ellas.
Cuidado. Las notificaciones geográficas solo funcionan si el cliente ha habilitado la geolocalización y las notificaciones push de Wallet. No utilices este canal para promociones agresivas; mantén el tono cálido y no intrusivo.
5.5 Paso 5. Resultado: regeneración final de la tarjeta
[captura de pantalla: 0309_Generate_Card.png]
En el último paso verá la última Vista previa stamp card y el botón Regenerar Stamp Card.
- Al crear una nueva tarjeta, el botón simplemente la publica; después de presionarla, la tarjeta aparece en la galería Stamp Cards y el QR comienza a funcionar.
- Al editar una tarjeta existente, Regenerar Stamp Card aplica todos los cambios y actualiza el diseño en cada tarjeta de cliente ya emitida (a través de la actualización push de Wallet). Los cambios de color, texto e íconos llegan a los clientes automáticamente.
Importante sobre la edición. Cambie el diseño con audacia: se actualiza para los clientes. Pero no cambies la mecánica subyacente (stamp recuento, tipo de recompensa) en una tarjeta activa: confunde a los participantes existentes. Si necesitas mecánicas diferentes, crea una tarjeta nueva y archiva la anterior.
Guía visual
Use los conjuntos de pantallas a continuación como acompañamiento visual del artículo. Cada imagen se puede abrir en tamaño completo.