La Tiered Status Card muestra a un visitante lo cerca que está de su siguiente nivel de fidelización — Bronze, Silver, Platinum — en forma de tarjeta centrada o popup, usando un valor en vivo de su perfil de Personyze. Muestra el progreso hacia el siguiente nivel como un anillo o una barra, ilumina los niveles ya alcanzados y lo celebra cuando el visitante llega a lo más alto. Combina el motor de niveles de la Tiered Status Bar con la forma de tarjeta de la Status Card. La posición se define en el paso Ubicación de la acción.
Cuándo usarla
- Niveles de fidelización — muestre el progreso por Bronze / Silver / Platinum (o sus propios nombres) en una tarjeta destacada.
- Hitos de gasto — desbloquee ventajas en varios niveles.
- Objetivos gamificados — cualquier recorrido con más de un hito.
Añadirla a una acción
En una acción Popup, elija Status Card — Tiered. Elija el estilo de progreso (anillo o barra), el valor que se lee, los tres valores y etiquetas de nivel, y el texto. Los ajustes están agrupados en Style, Value, Tiers, Text, Button y Close.
Anillo o barra
El ajuste Progress Style cambia entre un anillo circular (con el porcentaje hasta el siguiente nivel en el centro) y una barra horizontal. Los chips de nivel — Bronze, Silver, Platinum — van encima de cualquiera de los dos y se iluminan a medida que el visitante los alcanza.
Definir el valor que lee
La tarjeta necesita un número en vivo del perfil del visitante.
- Abra la sección Value y use el desplegable Current Value Field para elegir el campo de perfil que contiene el número (puntos, gasto, etc.). La tarjeta lee su valor en vivo en el momento de mostrarse.
- Defina un Test Value para que la tarjeta se previsualice en el editor. Para ver cómo se iluminan los chips de nivel en la vista previa, póngalo igual o por encima de uno de sus valores de nivel.
- Elija el Unit Prefix y, si quiere, un Unit Suffix.
En el sitio en vivo, un valor vacío cuenta como 0. Para ver cómo se resuelven las variables del perfil, consulte Insertar variables del CRM (etiquetas) para contenido dinámico.
Llevar el valor al perfil
La tarjeta refleja un valor que ya existe en el perfil, así que ese campo tiene que estar relleno — capturado de su sitio (sin necesidad de clave) o importado/sincronizado con una clave. Las instrucciones completas están en Configuración y sincronización de los datos del perfil de usuario en Personyze. Ponga el tipo del campo en número.
Definir los niveles
En la sección Tiers, introduzca los tres Tier Values, Labels y Colors — por ejemplo, 50 / Bronze, 150 / Silver, 300 / Platinum. La tarjeta muestra el progreso hacia el siguiente nivel no alcanzado e ilumina cada chip con su color en cuanto se alcanza. Los colores de nivel solo aparecen cuando se alcanza un nivel — si no se ilumina nada en la vista previa, suba el Test Value por encima de un valor de nivel. El All Tiers Reached Message se muestra en cuanto el visitante supera el nivel más alto.
Ajustes
- Preset — light, dark, brand o success.
- Progress Style — ring o bar.
- Size — compact, default o spacious.
- Completion Effect — confeti, una marca de verificación o nada.
- Show From — oculta la tarjeta hasta que el valor llega a un mínimo (0 = mostrar siempre).
- Ring Label — texto pequeño debajo del porcentaje en el modo de anillo.
- Text / Button — antetítulo, título, subtexto y una llamada a la acción opcional.
- Completed Message CSS y la visibilidad del Close Button.
Celebración al completar
Cuando el visitante supera el nivel más alto, la tarjeta oculta los chips de nivel, muestra el mensaje de “todos los niveles alcanzados” y reproduce el efecto elegido.
Consejos
- Ponga el Test Value igual o por encima de un valor de nivel para previsualizar cómo se iluminan los chips.
- Ordene los valores de nivel de menor a mayor; la tarjeta los ordena y apunta al siguiente no alcanzado.
- Para un único objetivo, use la Status Card. Para una barra fina por niveles en todo el sitio, use la Tiered Status Bar.
Más información
- Barras de envío gratis y de fidelización por niveles — la estrategia del valor medio del pedido.
- Plantillas de popups para sitios web — las 16 plantillas y cómo elegir el formato adecuado.