Barre de progression de livraison : documentation CheckoutOS

La barre de progression de livraison indique ce qu’il manque au client pour obtenir la livraison offerte ou atteindre d’autres seuils. Ce repère visuel augmente très efficacement le panier moyen en encourageant l’ajout d’articles.

Effet sur le panier moyen

Les marchands qui utilisent ces barres constatent généralement une hausse du panier moyen de 8 à 15 %, les clients ajoutant des articles pour atteindre le seuil de livraison offerte.

Fonctionnement

La barre se met à jour en temps réel lorsque des articles sont ajoutés au panier :

Sous le seuil — Indique le montant manquant : « Add $15 more for FREE shipping! »
Au seuil — Célèbre la réussite : « You've unlocked FREE shipping! »
Animation — Progression fluide lors de la mise à jour du panier
Persistance — Visible tout au long du paiement pour renforcer le message

Configuration de base

Configuration de la barre de livraison

{
  "shipping_bar": {
    "enabled": true,
    "threshold": 75.00,
    "currency": "USD",
    "messages": {
      "below_threshold": "Add {{amount}} more for FREE shipping!",
      "at_threshold": "You've unlocked FREE shipping!",
      "above_threshold": "Congrats! You get FREE shipping!"
    }
  }
}

Configurer la barre de progression

Accéder aux extensions

Allez dans CheckoutOS → Checkout Extensions → Shipping Progress Bar.

Définir le seuil

Saisissez le seuil de livraison offerte, qui doit correspondre à vos paramètres de livraison.

Personnaliser les messages

Modifiez le texte affiché à chaque étape de progression.

Choisir l’emplacement

Choisissez l’emplacement de la barre : récapitulatif de commande, haut du paiement, etc.

Personnaliser le style de la barre

Personnalisez les couleurs, l’animation et l’apparence.

Prévisualiser et publier

Testez avec différents montants de panier, puis publiez.

Options avancées

Seuils de livraison par paliers

Proposez plusieurs paliers de livraison avec des seuils différents :

Seuils par paliers

{
  "tiers": [
    {
      "threshold": 50,
      "message": "Spend $50 for reduced shipping ($4.99)",
      "shipping_rate": 4.99
    },
    {
      "threshold": 75,
      "message": "Spend $75 for FREE shipping!",
      "shipping_rate": 0
    }
  ],
  "show_all_tiers": true
}

Seuils géographiques

Définissez des seuils différents selon la destination de livraison :

Configuration géographique

{
  "geographic_rules": {
    "US": { "threshold": 75 },
    "CA": { "threshold": 100 },
    "EU": { "threshold": 150 },
    "default": { "threshold": 75 }
  }
}

Suggestions de produits

Affichez des recommandations de produits lorsque les clients sont proches du seuil :

Suggestions de produits

{
  "suggestions": {
    "enabled": true,
    "trigger_distance": 20,
    "max_products": 3,
    "source": "frequently_bought_together",
    "price_range": {
      "min": "{{remaining_amount}}",
      "max": "{{remaining_amount * 1.5}}"
    }
  }
}

Options de style

Personnalisez l’apparence selon votre marque :

Configuration du style

{
  "styling": {
    "bar_color": "#22c55e",
    "bar_background": "#e5e7eb",
    "text_color": "#1f2937",
    "success_color": "#16a34a",
    "height": "8px",
    "border_radius": "4px",
    "animation": "smooth",
    "show_percentage": false,
    "show_icon": true,
    "icon": "truck"
  }
}

Options d’emplacement

Emplacements disponibles

En-tête du récapitulatif de commande — Le plus visible, recommandé
Au-dessus des articles du panier — Visibilité précoce
Sous les articles du panier — Près du sous-total
Bannière fixe — Reste visible pendant le défilement
Plusieurs emplacements — Renforcent le message

Bonnes pratiques

Conseils d’optimisation

Fixez des seuils réalistes — 15 à 25 % au-dessus du panier moyen
Célébrez la réussite — Rendez l’atteinte du seuil gratifiante
Utilisez l’urgence à bon escient — Un message comme « Vous y êtes presque ! » est efficace
Proposez des produits — Aidez les clients à trouver des articles à ajouter
Respectez les paramètres de livraison — Vérifiez que le seuil correspond aux véritables règles de livraison offerte

Suivre les performances

Suivez l’effet de la barre de livraison dans les analyses CheckoutOS :

Taux d’atteinte du seuil — Pourcentage de clients qui obtiennent la livraison offerte
Évolution du panier moyen — Comparaison avant/après
Articles ajoutés — Nombre moyen d’articles ajoutés après avoir vu la barre
Effet sur la conversion — Évolution globale de la conversion au paiement

Extensions associées

Badges de confiance

Ajoutez des signes de sécurité et de confiance

Options cadeau

Permettez aux clients d’ajouter des messages cadeaux