Plans Standards : Guide du Widget de Panier

Aperçu

Pour les plans Shopify Standards, LoyaltyTree propose un puissant widget de panier qui ajoute une fonctionnalité de parrainage d'arbres à votre panier d'achat. Ce guide couvre la configuration et la personnalisation complètes.

Prérequis

• Plan Shopify Standard : Fonctionne avec les plans Basic, Shopify ou Advanced
• Compte LoyaltyTree : Compte actif avec magasin configuré
• Accès au Thème : Capacité à modifier les fichiers de thème

Processus d'Installation

Étape 1 : Installation de l'Application

1. Installer depuis la Shopify App Store

   • Recherchez "LoyaltyTree" dans la Shopify App Store
   • Cliquez sur "Installer" et approuvez les autorisations
   • Complétez l'authentification OAuth

2. Détection Automatique du Plan

   • Le système détecte automatiquement le plan Standard
   • La configuration du widget de panier s'active
   • Les fichiers d'extension de thème sont préparés

Étape 2 : Intégration du Thème

Intégration Automatique (Recommandée)

<!-- Ajouté automatiquement à cart.liquid -->
{{ 'loyaltytree-cart-widget.js' | asset_url | script_tag }}
<div id="loyaltytree-cart-widget" data-shop="{{ shop.permanent_domain }}"></div>

Intégration Manuelle

Si l'intégration automatique échoue :

1. Modifier le modèle cart.liquid
2. Ajouter le code du widget avant la balise de fermeture
3. Configurer les paramètres du widget dans l'administration
4. Tester la fonctionnalité

Étape 3 : Configuration du Widget

Paramètres de Base

• Tarification des Arbres : Définir le coût par arbre
• Message de Parrainage : Personnaliser l'appel à l'action
• Style Visuel : Correspondre aux couleurs et polices de la marque
• Position : Choisir l'emplacement du panier

Options Avancées

// Options de configuration du widget
window.LoyaltyTreeConfig = {
  position: 'cart-bottom', // ou 'cart-top', 'cart-sidebar'
  style: {
    primaryColor: '#2D5A27',
    secondaryColor: '#4A7C59',
    fontFamily: 'inherit'
  },
  messaging: {
    title: 'Plantez des arbres avec votre commande',
    description: 'Aidez à restaurer les forêts dans le monde entier',
    buttonText: 'Ajouter {trees} arbre(s) pour {price}'
  }
};

Fonctionnalités

Expérience de Panier Interactive

• Sélection de la quantité d'arbres en temps réel
• Mises à jour dynamiques des prix
• Visualisation de l'impact environnemental
• Indicateurs de progression

Design Réactif

• Interface optimisée pour mobile
• Contrôles adaptés aux écrans tactiles
• Performance de chargement rapide
• Compatibilité multi-navigateurs

Personnalisation

• Historique d'impact client
• Quantités d'arbres recommandées
• Thèmes de messages saisonniers
• Projets forestiers basés sur la localisation

Tests & Support

Tests de Développement

1. Sauvegarde du Thème : Enregistrer le thème actuel
2. Mode Aperçu : Tester dans l'éditeur de thème
3. Fonctionnalité du Panier : Ajouter/retirer des produits
4. Interaction avec le Widget : Tester la sélection d'arbres
5. Processus de Paiement : Compléter des achats tests

Ressources de Support

• Documentation : loyalty.eco/docs
• Support par Email : support@loyalty.eco
• Chat en Direct : Disponible dans le tableau de bord d'administration
• Forum Communautaire : loyalty.eco/community

Votre widget de panier pour le plan Standard est maintenant prêt à stimuler l'engagement environnemental et à augmenter les valeurs de commande !