🚀 Disponibilidad de la función
La página de Recompensas está disponible para los usuarios de Growave 2.0 a partir del plan Growth.
Descripción general
La página de Recompensas es una página de la tienda que muestra los detalles de tu programa de lealtad. Puedes personalizar esta página con secciones estándar de Shopify y widgets de la página de Recompensas de Growave para mostrar cómo funciona tu programa, las formas de ganar y canjear puntos, los Niveles VIP, las recompensas disponibles, el historial de recompensas y la información de referidos.
Beneficios clave
Impulsar la interacción al hacer que tu programa de lealtad sea fácil de entender.
Aumentar las conversiones con flujos claros de obtención y canje.
Reforzar la imagen de marca con un diseño totalmente customizable.
Cómo configurar tu página de Recompensas
Antes de comenzar, asegúrate de que tu programa de lealtad esté configurado en el panel de administración. Esto incluye configurar las reglas de obtención y canje, configurar el programa de referidos, definir los Niveles VIP y personalizar las notificaciones.
Paso 1: Crear la página de Recompensas
En el panel de Growave, ve a Widgets en el sitio → pestaña de Recompensas → Página de Recompensas.
Elige un tema de Shopify (activo o no publicado) donde deseas crear la página.
Establece la URL deseada (por ejemplo,
tutienda.com/pages/rewards).Activa la casilla de verificación Añadir al menú principal y agrega un título de menú.
Haz clic en Crear página.
⚠️ Importante
Si ya existe una página con esta URL, verás un error. Puedes cambiar la URL en cualquier momento.
Cuando creas una nueva página de Recompensas, todos los widgets de Growave relevantes se añaden automáticamente en el personalizador de la página. Sin embargo:
Solo se mostrarán en la tienda los widgets de los programas activos (por ejemplo, Puntos, Niveles VIP, Referidos).
Los widgets de Historial y de Recompensas disponibles aparecen en la tienda solo para clientes que hayan iniciado sesión y que sean elegibles.
Paso 2: Abrir la página en el editor de temas de Shopify
En tu panel de administración de Shopify, ve a Tienda online → Temas → haz clic en Personalizar.
En el menú desplegable superior, elige Páginas → growave-reward-page.
Aquí puedes personalizar la página de Recompensas agregando widgets de Growave y secciones de Shopify, organizándolos en cualquier orden.
⚠️ Importante
Es posible que tu tema no admita algunas secciones de Shopify (como Banner de imagen o Multicolumna). Si no ves una sección específica, ponte en contacto con el desarrollador de tu tema o prueba con un tema diferente que admita bloques estándar de Shopify.
Paso 3: Agregar un mensaje de bienvenida
Utiliza una sección de Banner de imagen para presentar tu programa de lealtad y fomentar los registros:
En el personalizador de temas de Shopify, haz clic en Añadir sección → en la pestaña Secciones, selecciona Banner de imagen.
Sube una imagen de fondo.
Agrega un título y una descripción corta. Aquí tienes algunos ejemplos:
Únete al club y recibe recompensas – Gana puntos por cada compra y canjéalos por recompensas exclusivas.
Recompensas solo para ti – Regístrate y comienza a acumular puntos para obtener descuentos, regalos y más.
Desbloquea recompensas exclusivas – Gana puntos, ahorra en futuros pedidos y accede a beneficios especiales.
Recibe recompensas por comprar – Únete a nuestro programa de lealtad para disfrutar de un pago más rápido, recompensas de cumpleaños y más.
Agrega botones como Únete ahora o Iniciar sesión.
Haz clic en Guardar.
✅ Consejo
Mantén tu titular corto y enfocado en los beneficios. Evita los textos de marketing largos.
Paso 4: Agregar una sección de "Cómo funciona"
Utiliza una sección Multicolumna para explicar los pasos de tu programa de lealtad:
En el editor de páginas de Shopify, haz clic en Añadir sección → Multicolumna.
Agrega 3 columnas para explicar lo básico, por ejemplo:
Únete gratis — Crea una cuenta para comenzar a ganar puntos.
Gana puntos — Acumula puntos por compras, referidos, reseñas y más.
Canjea recompensas — Utiliza tus puntos para obtener descuentos, regalos o envío gratis.
Agrega iconos o imágenes a cada columna para lograr un mayor atractivo visual.
Haz clic en Guardar.
Cómo agregar y gestionar los widgets de la página de Recompensas de Growave
Los widgets de la página de Recompensas de Growave te permiten mostrar partes específicas de tu programa de lealtad. Puedes combinar y adaptar widgets en función de qué programas estén activos en tu tienda.
Paso 1: Activar las incrustaciones de aplicación de Growave
Los widgets de Growave dependen de las incrustaciones de aplicación de Shopify para funcionar correctamente en la tienda online.
En el editor de temas de Shopify, haz clic en Incrustaciones de aplicación en el menú de la izquierda.
Busca Growave en la lista y cámbialo a ACTIVADO.
Haz clic en Guardar.
⚠️ Importante
Las incrustaciones de aplicación generalmente se activan durante el proceso de incorporación. Sin embargo, es bueno volver a comprobarlo, especialmente si estás trabajando con un tema nuevo o creando una página de Recompensas manualmente.
Paso 2: Agregar widgets de Growave a tu página
En el personalizador de la página, desplázate hasta el área de Plantilla.
Haz clic en Añadir sección → pestaña Apps.
Elige el widget requerido marcado como Growave: Loyalty & Wishlist (por ejemplo, Formas de ganar puntos, Niveles VIP, etc.).
Organiza los widgets en el orden que prefieras.
Haz clic en Guardar.
📘 Nota
Cuando agregas un widget de Growave en el editor de temas de Shopify, es posible que veas una insignia de “Dummy content shown”. Esto solo aparece en la vista previa del personalizador para ayudar a visualizar el diseño del widget. En la tienda online real, el widget mostrará datos reales de tu tienda y de tus clientes.
Paso 3: Controlar la visibilidad y elegibilidad del widget
Si has activado Permitir o Prohibir etiquetas en la sección Recompensas → Ajustes → Especificar elegibilidad de clientes, la página de Recompensas no mostrará los widgets de Growave a los visitantes y a los usuarios no elegibles, y mostrará los siguientes mensajes:
Los usuarios que no hayan iniciado sesión verán: “¡Te esperan recompensas! Regístrate o inicia sesión para ver tus beneficios.”
Los usuarios con sesión iniciada pero no elegibles verán: “Parece que los beneficios de lealtad aún no están disponibles en esta cuenta. Por favor, vuelve a consultar más tarde.”
Puedes personalizar estos mensajes en Growave → Branding → Editor de idiomas.
Para permitir que los visitantes no autenticados vean los widgets antes de iniciar sesión, navega a Recompensas → Ajustes y activa la casilla de verificación Mostrar widgets de Recompensas a los visitantes. Cuando está activado:
Los usuarios visitantes verán todos los widgets de Recompensas en la página.
Aún deben iniciar sesión para canjear recompensas.
La configuración de las etiquetas de elegibilidad (Permitir / Prohibir) se sigue aplicando después de iniciar sesión.
Cómo ocultar o eliminar widgets específicos de la página de Recompensas
Si deseas eliminar una sección específica de tu página de Recompensas (por ejemplo, ocultar el widget de Niveles VIP mientras mantienes activo el widget de Formas de ganar), puedes hacerlo directamente en el editor de temas de Shopify.
En tu administrador de Shopify, ve a Tienda online → Temas y haz clic en Personalizar.
En el menú desplegable superior, elige Páginas → growave-reward-page.
En la sección Plantilla de la barra lateral izquierda, busca el bloque de widget de Growave específico que deseas ocultar o eliminar.
Pasa el cursor sobre el bloque del widget hasta que aparezcan los iconos de Ocultar (ojo) y Eliminar bloque (papelera).
Haz clic en el icono para ocultar o eliminar el widget.
📘 Nota
Puedes volver a mostrar o agregar el widget de la página de Recompensas de Growave a tu página en cualquier momento.
Descripción general de los widgets de la página de Recompensas
Formas de ganar puntos
Este widget de la página de Recompensas muestra cómo los clientes pueden ganar puntos, como a través de compras, dejando reseñas o acciones sociales.
Formas de canjear puntos
Este widget de la página de Recompensas muestra por qué los clientes pueden canjear sus puntos, como códigos de descuento, tarjetas de regalo o envío gratis.
Widget de Recompensas disponibles
Este widget de la página de Recompensas muestra las recompensas que los clientes han canjeado u obtenido a través de Puntos, Referidos o Niveles VIP, pero que aún no se han aplicado.
Solo visible para clientes que hayan iniciado sesión y sean elegibles.
Ayuda a los usuarios a realizar un seguimiento de las recompensas no utilizadas disponibles para su próxima compra.
Widget de Niveles VIP
Este widget de la página de Recompensas muestra todos los niveles VIP, incluidos los nombres, los beneficios y el estado del nivel actual del cliente.
La tarjeta del nivel actual utiliza el Color primario definido en el panel de Growave (Branding → Recompensas → pestaña General → sección Tema → Color primario), con texto en blanco.
Otras tarjetas de nivel utilizan el mismo color con una menor opacidad. Su color de texto se ajusta automáticamente para facilitar la lectura.
Las recompensas y los criterios de los niveles se configuran en Growave → Recompensas → Niveles VIP.
Widget del programa de referidos
Este widget de la página de Recompensas muestra las recompensas por referidos y las opciones para compartir. Explica cómo funciona el programa y muestra los montos de recompensa tanto para el cliente referente como para el amigo referido.
El diseño del widget cambia según el estado de inicio de sesión del cliente:
Usuarios que no han iniciado sesión: ven una breve descripción del programa, las recompensas mostradas para ambas partes y los botones de registro/inicio de sesión.
Usuarios con sesión iniciada: ven la descripción del programa, su enlace de referido personal con un botón de copia y pueden compartir el enlace a través de Facebook, X, WhatsApp, Messenger, Pinterest o correo electrónico.
⚙️ Consejo de personalización
Después de agregar el widget del programa de referidos, haz clic en el bloque del widget en el editor de temas para subir una imagen de fondo personalizada o agregar estilos CSS personalizados.
Widget del Historial
Este widget de la página de Recompensas ofrece a los clientes una vista detallada de su actividad de Recompensas. Solo es visible para clientes que hayan iniciado sesión y sean elegibles.
El widget muestra:
Recompensas obtenidas (por ejemplo, de reseñas de productos, referidos, compras)
Recompensas canjeadas (puntos cambiados por descuentos, tarjetas de regalo, etc.)
Logros de nivel (por ejemplo, alcanzó el nivel Gold, recibió envío gratis)
Ajustes manuales (cambios de puntos o actualizaciones de saldo emitidos por el administrador)
Para cada entrada, se muestran los siguientes detalles:
Campo | Qué muestra |
Acción | Tipo de evento (por ejemplo, Recompensa obtenida, Canjeada) |
Recompensa | Puntos ganados/gastados, o tipo/monto de recompensa |
Resumen | Código de descuento, nota o descripción de la recompensa |
Estado | Activa / Vencida (para códigos y recompensas) |
Fecha | Cuándo ocurrió la acción |
El widget de Historial ayuda a los clientes a realizar un seguimiento de su progreso, ver qué recompensas están activas o vencidas y comprender cómo han interactuado con tu programa, lo que mejora la transparencia y la interacción.
Cómo agregar una sección de preguntas frecuentes de Recompensas a la página de Recompensas
Las preguntas frecuentes ayudan a los clientes a comprender cómo funciona tu programa de lealtad y reducen las solicitudes de soporte. Puedes agregar preguntas frecuentes de dos formas:
Opción 1: Utilizar la sección de Contenido colapsable de Shopify
En el personalizador de temas de Shopify:
Haz clic en Añadir sección → selecciona Contenido colapsable.
Ingresa manualmente cada pregunta y respuesta de las preguntas frecuentes.
Aplica el estilo que desees al contenido y haz clic en Guardar.
Opción 2: Utilizar el widget de marcador de posición de preguntas frecuentes de Growave
Este widget de marcador de posición extrae automáticamente el contenido de las preguntas frecuentes de Recompensas de la configuración de administración de Growave (Branding → FAQ).
En el editor de páginas de Shopify, haz clic en Añadir sección → elige Liquid personalizado.
Pega el siguiente código:
<div
class="gw-rd-faq-page-widget-placeholder"
data-gw-widget-shadow-root-enabled="true"
style="display: block"
></div>
3. Haz clic en Guardar.
Cómo personalizar la apariencia del widget de la página de Recompensas
Panel de administración de Growave (colores y fuentes): para cambiar los colores primarios, los colores de los botones y los estilos de texto para todos los widgets de Recompensas, navega al panel de administración de Growave y selecciona Branding → Recompensas.
Editor de temas de Shopify (CSS y diseño): el editor de temas de Shopify no controla los colores base de los widgets de Growave. Puedes utilizar el campo CSS personalizado dentro del bloque del widget de la página de Recompensas para aplicar un diseño avanzado.
Una página de recompensas bien estructurada es fundamental para cualquier tienda online que busque impulsar la lealtad y la interacción de los clientes. Al mostrar claramente tu programa de recompensas, los niveles VIP, los detalles de referidos y una sección informativa de preguntas frecuentes, creas una experiencia convincente que motiva a los clientes a regresar y participar activamente. Esto no solo fortalece las relaciones con los clientes, sino que también mejora la satisfacción y retención general.
¿Quieres ver a Growave en acción?
Reserva una demostración en vivo para explorar las funciones clave, hacer preguntas y obtener recomendaciones de expertos adaptadas a tu tienda.
Si tienes alguna pregunta o necesitas más ayuda, ponte en contacto con nosotros en [email protected] o utiliza el icono de chat en la esquina inferior derecha del panel de administración de Growave. Estamos aquí para ayudarte a aprovechar al máximo tu página de recompensas y alcanzar tus objetivos comerciales. ¡Estamos aquí para ayudarte! 🤗