Esta guía explica cómo configurar etiquetas y una sección de canje en la página del carrito de tu tienda Shopify utilizando la aplicación Webplanex Rewards Wallet. Esto permite a los clientes ver sus recompensas disponibles y canjearlas directamente durante el proceso de pago.
Nota importante: (La etiqueta solo aparecerá si hay recompensas disponibles)
1. Ve a la aplicación Webplanex Loyalty Wallet
2. Navega hasta "Theme Elements" (Elementos del tema)
3. Haz clic en "Redeem Rewards Option on Cart" (Opción de canje de recompensas en el carrito); aquí también puedes personalizar el color del botón de canje
Activa el interruptor: Una vez que estés satisfecho con las etiquetas, la apariencia del botón y el contenido, activa el interruptor para hacer visibles estos elementos en el tema de tu tienda Shopify activa.
Puedes colocar el botón de canje en:
- La página del carrito
- El panel lateral del carrito (Cart Drawer)
Cómo habilitar el canje de recompensas y la etiqueta del carrito en el panel lateral del carrito
Para mostrar la opción de canje de recompensas y la etiqueta del carrito en el panel lateral del carrito, sigue los pasos a continuación:
- Ve a la aplicación Webplanex Loyalty Wallet desde el panel de administración de Shopify.
- Dentro de la aplicación, haz clic en "Theme Elements" (Elementos del tema).
- Verás un botón etiquetado como "Publish on Drawer" (Publicar en el panel lateral). Haz clic en este botón.
- Tras hacer clic, serás redirigido a la página de configuración de "App Embed" (Integración de aplicaciones) de Shopify.
- En esta página, encontrarás las siguientes opciones:
Mostrar (Show) Canjear recompensas - En el panel lateral (drawer)
Mostrar etiqueta del carrito en el panel lateral - Simplemente activa ambos interruptores.
- Guardar cambios
Cómo añadir los elementos a tu tema (según la versión):
Para la versión 2.0 del tema de Shopify:
- Acceder al código del tema:
- Ve al panel de administración de Shopify.
- Ve a "Tienda online" > "Temas" y selecciona tu tema.
- Haz clic en "Personalizar".
- Localizar el archivo de plantilla del carrito:
Elige la página "Carrito" (Cart) entre las opciones de personalización del tema.
- Añadir bloques:
- Haz clic en "Añadir bloque" en el menú lateral izquierdo.
- Selecciona los bloques llamados "Webplanex Rewards Label" (para la etiqueta del carrito) y "Webplanex Redeem Rewards" (para el botón de canje).
- Guardar cambios:
- Ajusta la posición de los bloques en la página del carrito según prefieras.
- Haz clic en "Guardar".
Para versiones de temas de Shopify anteriores a la 2.0:
- Acceder al código del tema:
- Ve al panel de administración de Shopify.
- Ve a "Tienda online" > "Temas" y selecciona tu tema.
- Haz clic en "Editar código".
- Localizar el archivo de plantilla del carrito:
Busca el archivo llamado "cart.liquid" o "cart-template.liquid".
- Añadir fragmentos de código:
Abre el archivo correspondiente y busca un lugar adecuado para insertar el siguiente código.
Código para el panel lateral del carrito (cart drawer) y el botón de canje (coloca este fragmento fuera de la etiqueta `<form action="/cart"> </form>`)
<div class="wpcb_cart_redeem_section"></div> - Guardar cambios:
Guarda los cambios realizados en el código del tema.