Siga los pasos a continuación para integrar el icono del Saldo de la Billetera en el encabezado de su tienda utilizando la aplicación Webplanex Loyalty Wallet:
1. Abra la aplicación Webplanex Loyalty Wallet.
2. Diríjase a la sección Elementos del Tema (Theme Element).
3. Dentro de Elementos del Encabezado (Header Elements), localice la opción Integración del Icono de la Billetera (Wallet Icon Integration).
4. Haga clic en el botón Instalar.
![]()
Tras hacer clic en Instalar, será redirigido a la página de personalización del tema de su tienda Shopify.
En el Editor de Temas de Shopify
1. Abra la plantilla de la Página de Inicio.
2. Diríjase a la sección Encabezado (Header).
3. Haga clic en Añadir bloque (Add Block) dentro de la sección Aplicaciones.
4. Seleccione Webplanex Wallet Balance de entre los bloques de aplicaciones disponibles.
5. Guarde los cambios.
![]()
Una vez guardado, actualice la página de su tienda y el icono del Saldo de la Billetera aparecerá en el encabezado de la misma.
Icono de Saldo e Icono de "Mi Billetera" en el Menú
Pasos:
-
Acceso a los Archivos del Tema:
- Inicie sesión en su panel de administración de Shopify.
- Navegue hasta Tienda en línea > Temas.
- Seleccione su tema actual y haga clic en Editar tema.
-
Localizar el Archivo de la Plantilla del Menú:
-
Dentro del editor de código del tema, identifique el archivo responsable de la estructura de su menú principal. El nombre de este archivo puede variar según su tema, pero las ubicaciones comunes incluyen:
- header.liquid
- navigation.liquid
- Archivos de plantilla de menú específicos del tema
- Añadir bloque
- Vaya a la sección de Aplicaciones y luego seleccione "Webplanex Wallet Balance"
- Guarde los cambios
Para añadir el "Icono de Saldo de Billetera" en el menú en el tema 2.0, necesita utilizar un fragmento de código (Snippet).
Añadir fragmento de código del enlace:
- Una vez que haya localizado el archivo de plantilla del menú, busque la sección adecuada dentro del código donde desea insertar el enlace.
- Pegue el siguiente fragmento de código:
Fragmento de código – Etiqueta de saldo de billetera
<span class="wpcb_wallet_balance"></span>Fragmento de código – Enlace a Mi Billetera
<a href="javascript:void(0)" id="wpcb_my_wallet_page_link"> Mi Billetera </a>
-
Guardar cambios:
Haga clic en Guardar para aplicar las modificaciones de código a su tema.
-