Planes Estándar: Guía del Widget del Carrito

Descripción general

Para los planes estándar de Shopify, LoyaltyTree proporciona un potente widget de carrito que añade funcionalidad de patrocinio de árboles a tu carrito de compras. Esta guía cubre la configuración y personalización completas.

Requisitos previos

• Plan Estándar de Shopify: Funciona con planes Básico, Shopify o Avanzado
• Cuenta de LoyaltyTree: Cuenta activa con tienda configurada
• Acceso al Tema: Capacidad para editar archivos de tema

Proceso de Instalación

Paso 1: Instalación de la Aplicación

1. Instalar desde la Shopify App Store

   • Busca "LoyaltyTree" en la Shopify App Store
   • Haz clic en "Instalar" y aprueba los permisos
   • Completa la autenticación OAuth

2. Detección Automática del Plan

   • El sistema detecta automáticamente el plan estándar
   • Se activa la configuración del widget del carrito
   • Archivos de extensión del tema preparados

Paso 2: Integración del Tema

Integración Automática (Recomendada)

<!-- Añadido automáticamente a cart.liquid -->
{{ 'loyaltytree-cart-widget.js' | asset_url | script_tag }}
<div id="loyaltytree-cart-widget" data-shop="{{ shop.permanent_domain }}"></div>

Integración Manual

Si la integración automática falla:

1. Edita la plantilla cart.liquid
2. Añade el código del widget antes de la etiqueta de cierre
3. Configura los ajustes del widget en el administrador
4. Prueba la funcionalidad

Paso 3: Configuración del Widget

Ajustes Básicos

• Precio por Árbol: Establece el costo por árbol
• Mensaje de Patrocinio: Personaliza la llamada a la acción
• Estilo Visual: Coincide con los colores y fuentes de la marca
• Posición: Elige la ubicación del carrito

Opciones Avanzadas

// Opciones de configuración del widget
window.LoyaltyTreeConfig = {
  position: 'cart-bottom', // o 'cart-top', 'cart-sidebar'
  style: {
    primaryColor: '#2D5A27',
    secondaryColor: '#4A7C59',
    fontFamily: 'inherit'
  },
  messaging: {
    title: 'Planta árboles con tu pedido',
    description: 'Ayuda a restaurar bosques en todo el mundo',
    buttonText: 'Añadir {trees} árbol(es) por {price}'
  }
};

Características

Experiencia Interactiva del Carrito

• Selección de cantidad de árboles en tiempo real
• Actualizaciones de precios dinámicas
• Visualización del impacto ambiental
• Indicadores de progreso

Diseño Responsivo

• Interfaz optimizada para móviles
• Controles amigables para el tacto
• Rendimiento de carga rápida
• Compatibilidad entre navegadores

Personalización

• Historial de impacto del cliente
• Cantidades de árboles recomendadas
• Temas de mensajes estacionales
• Proyectos forestales basados en la ubicación

Pruebas y Soporte

Pruebas de Desarrollo

1. Copia de Seguridad del Tema: Guarda el tema actual
2. Modo de Vista Previa: Prueba en el editor de temas
3. Funcionalidad del Carrito: Añadir/eliminar productos
4. Interacción con el Widget: Prueba la selección de árboles
5. Proceso de Pago: Completa compras de prueba

Recursos de Soporte

• Documentación: loyalty.eco/docs
• Soporte por Correo Electrónico: support@loyalty.eco
• Chat en Vivo: Disponible en el panel de administración
• Foro Comunitario: loyalty.eco/community

¡Tu widget del carrito del plan estándar ya está listo para impulsar el compromiso ambiental y aumentar los valores de los pedidos!