Esta guía explica cómo configurar etiquetas y una sección de canje para la página del carrito de compras de tu tienda Shopify usando la aplicación Webplanex Rewards Wallet. Esto permite a los clientes ver sus recompensas elegibles y canjearlas directamente durante el pago.
Nota importante:
Dependiendo de la versión de tu tema de Shopify (2.0 o anterior), necesitarás agregar una extensión de la aplicación del tema o fragmentos de código para integrar la etiqueta del carrito y la sección de canje.
- Ve a Elementos del tema: Localiza el botón "Elementos del tema" en la barra de navegación de la aplicación Webplanex Rewards Wallet.
- Seleccionar el menú del carrito: Haga clic en el menú "Carrito" dentro de la sección "Elementos del tema". Este menú puede tener dos opciones: "Etiquetas de la página del carrito" y "Ventana emergente de pago del carrito".
- Personalizar etiquetas: En el menú seleccionado ("Etiquetas de la página del carrito" o "Ventana emergente de pago del carrito"), puedes personalizar las etiquetas de texto:
- Cambiar el texto que se muestra para las recompensas elegibles.
- Editar el texto del botón de canje.
- Personalizar la ventana emergente de pago: Puedes personalizar aún más la apariencia de la ventana emergente de pago del carrito.
- Selecciona los colores de fondo y primer plano.
- Ajusta las etiquetas de texto según tu idioma preferido.
- Activa el interruptor: Una vez que estés satisfecho con las etiquetas, la apariencia de los botones y el contenido, activa el interruptor para que estos elementos sean visibles en el tema de tu tienda Shopify.
Añadir 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 a tu panel de administración de Shopify.
- Ve a "Tienda online" > "Temas" y selecciona tu tema.
- Haz clic en "Personalizar".
- Ubicar el archivo de plantilla del carrito:
Selecciona la opción "Carrito" Página de las opciones de personalización del tema.
- Añadir bloques:
- Haz clic en "Añadir bloque" en el menú lateral izquierdo.
- Selecciona los bloques "Etiqueta de recompensas de Webplanex" (para la etiqueta del carrito) y "Canjear recompensas de Webplanex" (para el botón de canje).
- Guardar cambios:
- Ajusta la posición de los bloques en la página del carrito como desees.
- Haz clic en "Guardar". Para aplicar los cambios.
Para versiones de temas de Shopify anteriores a la 2.0:
- Acceder al código del tema:
- Vaya a su panel de administración de Shopify.
- Vaya a "Tienda en línea" > "Temas". y selecciona tu tema.
- Haz clic en "Editar código".
- Ubicar el archivo de plantilla del carrito:
Busca el archivo "cart.liquid" o "cart-template.liquid".
- Añadir fragmentos de código:
Abra el archivo correspondiente y busque un lugar adecuado para insertar el siguiente código.
Código de etiqueta del carrito
<span id="total_order_cashback"></span>Código para el cajón del carrito y la ventana emergente del carrito
<span class="wpcb_cashback_label"></span>Código para el cajón del carrito y el botón de canje (Coloque este fragmento fuera de `<form action="/cart"> </form>`)
<div class="wep_cart_checkout"></div> - Guardar cambios:
Guarda los cambios realizados en el código del tema.