Información general
Los widgets de Recompensas de Growave te ayudan a destacar tu programa de fidelidad en tu tienda online de Shopify, lo que permite a los clientes ver, ganar e interactuar con las recompensas en cada etapa de su proceso de compra.
Todos los widgets se pueden gestionar en Growave admin → Widgets en el sitio → Recompensas.
Puedes colocarlos usando el personalizador de temas de Shopify, ajustar su apariencia en Marca → Recompensas y editar el texto a través de Marca → Idiomas.
Elegibilidad y visibilidad
La visibilidad de todos los widgets de Recompensas depende del ajuste Especificar elegibilidad de clientes configurado en Recompensas → Ajustes.
Clientes con sesión iniciada elegibles: Pueden ver e interactuar con todos los widgets activos.
Clientes con sesión iniciada no elegibles: No verán ningún widget de Recompensas (Widget emergente de Recompensas, Widget para ganar puntos o Widget de información de fidelidad) y no podrán ganar ni canjear puntos.
Usuarios invitados:
Predeterminado: Los widgets se ocultan si las etiquetas de elegibilidad están activas.
Con "Mostrar widgets de recompensas a invitados" activado: Los invitados pueden ver el Widget emergente de Recompensas y el Widget para ganar puntos, pero deben iniciar sesión para participar. El Widget de información de fidelidad permanece oculto para los invitados.
Widget emergente de Recompensas
La interfaz principal de tu programa de fidelidad
Un widget flotante que aparece cuando los clientes hacen clic en el botón lanzador de Recompensas.
Sirve como el centro neurálgico para las interacciones de fidelidad, mostrando saldos, formas de ganar y canjear recompensas, enlaces de referidos y el estado del nivel VIP, y se puede activar o desactivar desde Widgets en el sitio → Widget emergente de Recompensas.
📘 Nota
El Widget emergente de Recompensas y el botón lanzador están inactivos en la Página de Recompensas dedicada para evitar la duplicación de funciones.
Opciones de colocación
Cuando se instala desde Widgets en el sitio, el widget emergente de Recompensas y el lanzador se agregan automáticamente a tu tienda.
Puedes cambiar la posición del lanzador (izquierda o derecha), la visibilidad en dispositivos móviles/de escritorio y más en Marca → Recompensas → Ventana emergente y Lanzador.
Personalización y texto
Edita los elementos visuales y el texto desde:
Marca → Recompensas → Ventana emergente y Lanzador — colores, iconos y colocación.
Marca → Idiomas → Recompensas → Widget emergente de Recompensas — etiquetas y mensajes.
Claves de idioma comunes:
Tu saldo
Caducidad de puntos
Debes proporcionar tu consentimiento antes de poder ganar, canjear o usar recompensas
Tus puntos caducarán el
Programa de Puntos
Cómo ganar puntos
Cómo gastar puntos
Ver tus recompensas
Niveles VIP
Tu estado actual es
Beneficios
Multiplicador de puntos
Recompensa
Programa de Referidos
Tú recibes / Ellos reciben
Comportamiento
Se abre cuando los clientes hacen clic en el icono del lanzador en la tienda.
Se adapta según los programas de Recompensas activos (Puntos, Referidos, Niveles VIP).
Para los invitados, abre una pantalla de invitación con detalles del programa y las opciones Unirse ahora e Iniciar sesión.
Vista del cliente
Cuando los clientes que han iniciado sesión (o los clientes que han iniciado sesión y son elegibles, si la elegibilidad está configurada) abren el widget emergente de Recompensas, ven varias secciones, según su estado y los programas activos.
1. Encabezado (sección del banner)
Saldo de puntos: Muestra el total de puntos ganados.
Saldo de crédito de la tienda: Aparece debajo del saldo de puntos si la regla de obtención Realizar pedido otorga Crédito en tienda, o si una regla de canje de Crédito en tienda está habilitada.
Icono de código QR / barras: Aparece si la funciónQR de fidelidad está activada, abre un código escaneable para usar con Shopify POS.
Icono de historial: Abre la pestaña Historial que enumera la actividad de recompensas del cliente.
Icono de preguntas frecuentes: Abre la pestaña de preguntas frecuentes de Recompensas configurada en Marca → FAQ.
Cerrar (×) — Cierra el widget.
Banner de caducidad de puntos: Muestra la fecha de caducidad de los puntos del cliente, si esta opción está habilitada. Más información sobre el comportamiento del banner de caducidad de puntos.
Banner de consentimiento requerido: Aparece si el ajuste Requerir el consentimiento del cliente para unirse al programa de Recompensas está activado. Los clientes deben hacer clic en el botón Dar consentimiento para ganar o usar recompensas.
2. Sección del programa de Puntos
Muestra las acciones clave de fidelidad:
Cómo ganar puntos: Al hacer clic en este mosaico se abre la pestaña Ganar. Muestra una lista de reglas activas de Formas de ganar (por ejemplo, Realizar pedido, Registrarse) que muestra tanto las acciones disponibles como las completadas.
Cómo gastar puntos: Al hacer clic en este mosaico se abre la pestaña Gastar, que muestra las reglas activas de Formas de canjear. Al hacer clic en una recompensa específica se expande su tarjeta para revelar un botón de acción:
Ganar puntos: Aparece si el cliente no tiene suficientes puntos. Al hacer clic en él se le redirige a la pestaña Ganar.
Canjear: Aparece si el cliente tiene suficientes puntos. Según el tipo de recompensa, al hacer clic en Canjear se puede redirigir al cliente a la pestaña Aplicar (por ejemplo, para descuentos) o mantenerlo en la pestaña Gastar (por ejemplo, para Crédito en tienda).
Ver tus recompensas → Muestra todas las recompensas activas y no utilizadas ganadas en los programas y canjeadas con puntos. Este mosaico permanece oculto si el cliente no tiene recompensas disponibles.
3. Sección de niveles VIP
Muestra el progreso del cliente a través de tu programa VIP.
Vista colapsada: Muestra el nivel VIP actual del cliente (o el nivel más cercano si no está asignado), una barra de progreso y la condición de hito requerida.
Vista detallada: Al hacer clic en la sección se abre una vista detallada que muestra los niveles anteriores, actuales y futuros.
Vista de beneficios: Al hacer clic en un mosaico de nivel específico se muestran sus beneficios asociados, incluyendo el Multiplicador de puntos, la Recompensa de entrada y las ventajas personalizadas (si estas opciones están configuradas).
4. Sección del programa de Referidos
Anima a los clientes a invitar a sus amigos a tu tienda.
Vista colapsada: Muestra el Enlace de referido único del cliente.
Vista detallada: Al hacer clic en la sección se abre una vista expandida que contiene:
Instrucciones para copiar y compartir el enlace de referido.
Un resumen de incentivos "Tú recibes / Ellos reciben", basado en tus Recompensas de referidos configuradas.
El Enlace de referido junto con los iconos para compartir en redes sociales (Facebook, X, WhatsApp, Messenger, Pinterest, correo electrónico).
Widget para ganar puntos
Muestra a los clientes lo que pueden ganar antes de pagar
El Widget para ganar puntos muestra cuántos puntos o crédito en tienda puede ganar un cliente por comprar un producto. Normalmente aparece en las páginas de productos debajo del precio y está vinculado exclusivamente a la acción Realizar pedido en tu programa de Puntos. No refleja los puntos de bonificación de otras acciones transaccionales. Tanto la regla como el programa de Puntos deben estar activos para que aparezca.
Opciones de colocación
Cuando se instala desde Widgets en el sitio, se agrega automáticamente al bloque Página de producto predeterminada → Información del producto en el editor de temas de Shopify.
Personalización y texto
En el editor de páginas de Shopify:
Haz clic en el widget Ganar puntos.
Ajusta los colores de la fuente y el fondo.
Elige entre dos vistas de widget:
Puntos (Predeterminado): La vista clásica que solo muestra los puntos potenciales o el crédito en tienda que ganará un cliente por la compra actual.
Puntos + recompensa (Avanzado): Una vista avanzada que se adapta dinámicamente al estado de fidelidad del cliente y lo guía hacia su próxima recompensa. Se muestra solo cuando la acción Realizar pedido tiene los Puntos configurados como recompensa.
Claves de idioma en Marca → Idiomas → Recompensas → Widget para ganar puntos:
Gana {{points}} {{points_name}} con esta compra
Gana {{store_credits}} de crédito en tienda con esta compra
Más información
Estás a <strong>{{points_needed}}</strong> de tu recompensa
aplicado
Canjear
Deshacer
Has desbloqueado
Iniciar sesión
Inicia sesión para descubrir la recompensa disponible
Recompensa de {{amount}}
{{discount}}% de descuento
{{amount}} de crédito en tienda
Descuento de envío gratis
Tarjeta de regalo de {{amount}}
Descuento de producto gratis
{{discount}}% en este producto
Cómo calcula los puntos el widget para ganar puntos
Si el cliente pertenece a un Nivel VIP con un multiplicador de puntos, el widget mostrará el valor actualizado una vez que haya iniciado sesión.
Si una campaña de impulso está activa, el widget refleja los puntos multiplicados, pero solo para los clientes con sesión iniciada y elegibles (si se añade la etiqueta de elegibilidad de la campaña de impulso). Los clientes que no hayan iniciado sesión o que no cumplan con los requisitos de la etiqueta de elegibilidad establecidos en la campaña de impulso verán el valor de puntos estándar (no aumentado).
El widget no tiene en cuenta los ajustes del monto sujeto a recompensa (por ejemplo, exclusiones para descuentos o tarjetas de regalo, o inclusiones para impuestos/envío). Simplemente muestra una estimación aproximada de los puntos.
Vista del cliente
Vista "Puntos" predeterminada
Clientes con sesión iniciada
Ven la cantidad estimada de recompensa basada en la regla Realizar pedido.
Si el tipo de recompensa es Puntos, muestra el valor de los puntos.
Si es Crédito en tienda, muestra el valor equivalente de crédito en tienda.
El botón Más información del Widget para ganar puntos abre el Widget emergente de Recompensas para ver los detalles completos de fidelidad.
Si el lanzador de Recompensas está oculto en Marca → Recompensas → Ventana emergente y Lanzador, el botón Más información no activará la ventana emergente de Recompensas.
Visitantes invitados
Ven el mismo mensaje de Ganar puntos o Ganar crédito en tienda y el botón Más información.
Al hacer clic en Más información se abre la Ventana emergente de Recompensas en modo de invitado con una breve introducción al programa y opciones para registrarse o iniciar sesión.
⚠️ Importante
Para personalizar el enlace del botón Más información dentro del Widget para ganar puntos, comunícate con nuestro equipo de soporte. Puedes contactarnos en [email protected] o iniciar una conversación a través del icono de chat en la esquina inferior derecha de tu panel de administración de Growave.
Vista avanzada "Puntos + Recompensa"
El widget se ajusta automáticamente según el estado del cliente en tu sitio.
Visitantes invitados
Muestra los puntos potenciales que se ganarán con la compra.
Muestra el mensaje “Inicia sesión para descubrir la recompensa disponible” y un botón de Iniciar sesión.
Clientes con sesión iniciada, sin suficientes puntos
Muestra las ganancias de puntos potenciales y una barra de progreso hacia la recompensa más cercana.
Muestra el consejo 'Estás a {{value}} de tu recompensa' sobre la barra de progreso.
La barra de progreso calcula el monto monetario que el cliente necesita gastar para alcanzar el umbral de recompensa, según la tasa de obtención en la regla Realizar pedido.
Se muestra un contador de puntos (por ejemplo, 300/1000) a la izquierda debajo de la barra de progreso.
El botón Canjear está oculto.
Clientes con sesión iniciada, con suficientes puntos (recompensa disponible)
La barra de progreso está oculta.
El cliente ve el mensaje “Has desbloqueado la recompensa [Valor]” y un botón Canjear.
Al hacer clic en el botón, se canjean los puntos al instante y se aplica la recompensa al carrito actual directamente desde la página del producto.
Aparece un banner de información durante 5 segundos con un mensaje de éxito y un botón Deshacer (lo que les permite cancelar el canje).
Una vez que desaparece el banner, el widget se actualiza automáticamente.
Prioridad de recompensa y lógica de visualización
Si tienes múltiples recompensas activas, el widget determina cuál mostrar en función del saldo del cliente y el orden en que se crearon las reglas (priorizando de la más nueva a la más antigua):
Si el cliente tiene suficientes puntos para múltiples recompensas: El widget muestra automáticamente la recompensa elegible más cara (por ejemplo, un descuento de alto valor, incluso si también hay un Producto gratis disponible).
Si el cliente no tiene suficientes puntos para ninguna recompensa: El widget muestra el progreso hacia la recompensa elegible más barata.
Tipos de recompensas admitidos:
Producto gratis: Se muestra solo para las variantes de producto específicas seleccionadas en los ajustes de la regla.
Descuento de monto (solo fijo)
Descuento de porcentaje (solo fijo)
Envío gratis
Tarjeta de regalo
Crédito en tienda
Nota: Los descuentos flexibles no son compatibles con la versión actual de este widget.
Limitaciones y visibilidad
El widget no aparecerá en la página si:
El programa de Puntos o la acción Realizar pedido están desactivados.
No hay recompensas activas configuradas en Formas de ganar.
Todas las recompensas canjeables existentes tienen una etiqueta de elegibilidad en Disponible exclusivamente para clientes con las etiquetas indicadas, pero el cliente no tiene esta etiqueta.
Todas las recompensas canjeables tienen límites de canje y el cliente ya ha alcanzado dichos límites.
El cliente específico o el producto visualizado no cumplen con los criterios de elegibilidad definidos de tu programa.
Si el ajuste Requerir el consentimiento del cliente para unirse al programa de Recompensas está activado, el widget se ocultará para los usuarios con sesión iniciada que aún no hayan aceptado el mensaje de consentimiento. (Seguirá mostrándose para los usuarios invitados).
Widget de información de fidelidad
Muestra un resumen rápido de puntos, recompensas y progreso VIP
El Widget de información de fidelidad ofrece a los clientes con sesión iniciada una descripción general de su estado de fidelidad directamente en la tienda. Muestra los saldos, las recompensas disponibles, los enlaces de referidos y el progreso del nivel VIP, sin abrir la ventana emergente de Recompensas.
Funciona tanto con el sistema de cuentas de clientes nuevo como con el heredado de Shopify.
Opciones de colocación
Cuando se instala desde Widgets en el sitio, el Widget de información de fidelidad se agrega a la Página de inicio de forma predeterminada.
Para colocarlo en otras páginas:
Ve a Shopify admin → Tienda online → Temas → Editar tema.
Selecciona una página → abre la sección Plantilla → Agregar sección → Apps → Widget de información de fidelidad.
Guarda tus cambios.
📘 Cuentas de clientes heredadas: También puedes instalar el widget en la Página de cuenta del cliente.
📘 Nuevas cuentas de clientes: Usa la Extensión de información de fidelidad (Guía de extensión de información de fidelidad).
Vista del cliente
Dependiendo de los programas activados, el Widget de información de fidelidad puede incluir:
Saldo de puntos — Muestra el total de puntos ganados. La fecha de caducidad de puntos (si está habilitada) se muestra debajo del Saldo de puntos.
Saldo de crédito de la tienda — Se muestra si la regla de obtención de Realizar pedido otorga Crédito en tienda, o si una regla de canje de Crédito en tienda está habilitada.
Tu recompensa — Muestra las recompensas disponibles listas para ser aplicadas (por ejemplo, 25% de descuento).
Programa de Referidos — Muestra el enlace de referido del cliente con un botón de copiar y el mensaje (“Recomienda a un amigo y recibe una recompensa”).
Estado del nivel VIP — Muestra el nivel actual (por ejemplo, Bronce, Plata, Oro) con una barra de progreso hacia el siguiente nivel.
Icono de código QR / barras — Visible cuando la integración de Shopify POS está activada; abre un código escaneable para canjes en la tienda.
Botón Ver recompensas — Abre el Widget emergente de Recompensas con los detalles completos del programa.
Comportamiento
Al hacer clic en Ver recompensas en el Widget de información de fidelidad se abre la Ventana emergente de Recompensas (a menos que el widget esté en la Página de Recompensas).
En la página de Recompensas, asigna un enlace personalizado a Ver recompensas; de lo contrario, el botón no funcionará.
Para cambiar el enlace de Ver recompensas, haz clic en el Widget de información de fidelidad en el editor de páginas de Shopify, luego introduce una URL personalizada o selecciona una página de la tienda existente en el menú desplegable.
Si el lanzador está oculto en Marca → Recompensas → Ventana emergente y Lanzador → Visibilidad del lanzador, Ver recompensas no activará la ventana emergente.
Personalización y texto
Edita las etiquetas y los mensajes en Marca → Idiomas → Recompensas → Widget de información de fidelidad.
Claves de idioma comunes:
Tus puntos
Tu recompensa
Listo para aplicar
Disponible para canjear
Programa de Referidos
Recomienda a un amigo y recibe una recompensa
Niveles VIP
Ver recompensas
Si tienes alguna pregunta o necesitas ayuda con la instalación de los widgets, ponte en contacto con nuestro equipo en [email protected] o a través del chat en la esquina inferior derecha de tu panel de administración de Growave. ¡Estamos aquí para ayudarte! 🤗