Growave ofrece múltiples formas de mostrar los widgets de recompensas en su tienda de Shopify. Usted puede utilizar la página de Widgets en el sitio en el panel de administración de Growave para colocar los widgets automáticamente o añadirlos a través del personalizador de temas de Shopify.

Para obtener más flexibilidad, usted puede insertar marcadores de posición de widgets directamente en el código de su tema. Esto le permite posicionar los widgets en ubicaciones personalizadas más allá de la configuración predeterminada. Cada widget requiere un nombre de clase específico y puede admitir atributos adicionales para su personalización.

Esta guía describe los códigos de los marcadores de posición y los atributos para cada widget del programa de Recompensas, ayudándole a integrarlos perfectamente en su tienda.

Para insertar un widget de Recompensas, cree un elemento <div> vacío con el nombre de clase correspondiente. Shopify oculta los bloques <div> vacíos en el modo embebido, por lo que debe añadir style="display:block" para garantizar su visibilidad.

Algunos widgets de Recompensas requieren atributos de datos para funcionar correctamente. Estos atributos pasan información esencial, como detalles del cliente o ajustes. Consulte los detalles de cada widget a continuación para conocer los atributos requeridos.

Usted puede añadir marcadores de posición a su tienda de Shopify de dos maneras:

Este widget muestra el saldo de puntos del cliente como un valor numérico simple seguido de la palabra "puntos". Se puede colocar en cualquier lugar de la página para facilitar el acceso al saldo actual del cliente.

Para este widget, se utiliza un elemento <span> en lugar de un <div> porque es un elemento de línea (inline), lo que significa que no creará espacios adicionales ni interrumpirá el flujo del texto circundante. Esto lo hace ideal para mostrar el saldo de puntos del cliente dentro de una oración o dentro de otro contenido en línea, como una barra de navegación o un botón.

El widget no se mostrará si el cliente no ha iniciado sesión o no califica para el programa de Recompensas.

Este widget muestra los puntos potenciales que un cliente ganará al comprar un producto específico. También incluye un enlace al widget emergente de Recompensas, donde los clientes pueden aprender más sobre el programa de lealtad.

Para activar este widget, habilite el programa de Puntos y configure la acción recompensable Realizar pedido.

Este widget muestra la cantidad de puntos que un cliente puede ganar comprando todos los artículos que se encuentran actualmente en su carrito, basándose en la acción recompensable Realizar pedido.

Para activar este widget, habilite el programa de Puntos y configure la acción recompensable Realizar pedido.

Código:

Atributos:

Este widget muestra todas las formas disponibles en las que los clientes pueden ganar puntos en el programa de lealtad. Proporciona una descripción general de acciones como realizar pedidos, dejar reseñas, suscribirse a boletines informativos, registrarse y celebrar cumpleaños. Los clientes pueden seguir su progreso, y las acciones completadas se marcan visualmente para mejorar la claridad.

Este widget permite a los clientes canjear sus puntos ganados por las recompensas disponibles directamente desde la tienda en línea. Muestra opciones de canje como descuentos porcentuales, descuentos de monto fijo, envío gratis, productos gratuitos y tarjetas de regalo, junto con los puntos requeridos para cada recompensa. Si un cliente no tiene suficientes puntos para canjear una recompensa, el widget indica claramente el saldo requerido.

Este widget muestra todas las recompensas que un cliente ha canjeado pero que aún no ha utilizado, como envío gratis, productos gratuitos, descuentos o tarjetas de regalo. Cada recompensa se muestra como una tarjeta, y al hacer clic en ella se abre una ventana emergente con el título de la recompensa, las condiciones (si las hay) y un código o un botón de acción para aplicarla.

Este widget muestra la información del programa de Recompensas directamente en la página en lugar de como una ventana emergente. Los clientes pueden interactuar con el widget para ganar y canjear puntos, ver las recompensas disponibles, acceder a los detalles del programa de referidos y consultar el estado de su nivel VIP. A diferencia del widget emergente de Recompensas regular, que se abre cuando se activa, este widget permanece incrustado en el diseño de la página, lo que hace que los detalles del programa de lealtad sean continuamente visibles.

Este widget muestra las preguntas frecuentes relacionadas con su programa de Recompensas. Ayuda a los clientes a entender cómo ganar y canjear puntos, las reglas para los niveles VIP, cómo funciona el programa de referidos y otros detalles clave. El contenido de las preguntas frecuentes se gestiona en el Panel de administración de Growave y se renderiza automáticamente en la tienda en línea cuando se coloca el widget.

Para cambiar el texto en el widget de preguntas frecuentes de Recompensas:

Este widget proporciona una visión general del proceso de referidos, mostrando detalles sobre las recompensas disponibles tanto para el cliente que refiere como para el amigo referido. Incluye un enlace de referido único para cada cliente y opciones para compartir a través de canales de redes sociales.

Este widget está disponible tanto para usuarios que han iniciado sesión como para invitados. Los clientes que han iniciado sesión verán su enlace de referido único, mientras que a los invitados se les pedirá que se registren o inicien sesión para acceder a las funciones de referidos.

Este widget permite a los clientes realizar un seguimiento de sus amigos referidos y sus detalles clave, como nombres, direcciones de correo electrónico, estados de los referidos (ej., pendiente o completado) y fechas de los referidos. Si existen múltiples referidos, los clientes pueden navegar a través de la lista utilizando controles de flecha.

Este widget proporciona una representación visual del programa VIP de una tienda, mostrando los diferentes niveles y sus beneficios asociados. Cada nivel destaca beneficios clave, como multiplicadores de puntos, recompensas exclusivas y privilegios especiales, motivando a los clientes a participar en el programa de lealtad y avanzar hacia niveles superiores.

Este widget está disponible para todos los visitantes, pero los clientes que han iniciado sesión verán su nivel actual y su progreso hacia el siguiente nivel.

Este widget proporciona a los clientes una visión general de su progreso en el programa de niveles VIP. Muestra su nivel actual, la fecha en que se alcanzó, los puntos acumulados y los puntos requeridos para alcanzar el siguiente nivel. Los clientes también pueden ver beneficios exclusivos como multiplicadores de puntos, ventajas especiales y recompensas únicas asociadas con cada nivel.

Este widget proporciona a los clientes una visión clara de su progreso dentro del programa de Niveles VIP. Muestra su nivel actual, los puntos acumulados y los puntos restantes requeridos para alcanzar el siguiente nivel. Esta representación visual ayuda a fomentar la participación continua en el programa de lealtad.

Este widget muestra a los clientes su progreso a través de múltiples niveles VIP. Muestra cada nivel, los puntos o acciones requeridos para alcanzar el siguiente nivel basándose en los hitos configurados, y el progreso actual del cliente. Esto ayuda a motivar a los clientes a participar más y a desbloquear beneficios de niveles superiores.

Si tienes alguna pregunta o necesitas más ayuda, ponte en contacto con nuestro equipo de soporte en [email protected] o utiliza el icono de chat en la esquina inferior derecha de tu panel de administración de Growave.