Barre de livraison gratuite pour boutique en ligne

Barre de livraison gratuite pour boutique en ligne: à quoi ça sert

La barre de livraison gratuite montre au client ce qu’il lui manque pour obtenir la livraison gratuite, ce qui l’incite à ajouter un article au panier plutôt que d’y renoncer à cause des frais de port. Définissez le montant minimum, le message tant qu’il manque (avec le montant en euros à la place de {valor}) et le message une fois atteint.

Le code crée la fonction freteGratis(total), que vous appelez chaque fois que le total du panier change. La barre utilise l’élément progress et le message est annoncé aux lecteurs d’écran. Testez avec le contrôle du total sur la page elle-même.

Mode d’emploi

1. Définissez le montant de la livraison gratuite.
2. Écrivez les messages et choisissez la couleur.
3. Copiez le code et appelez freteGratis(total) dans le panier.

Quand l’utiliser

• Panier de boutique en ligne.
• Haut de la page produits.
• Page de paiement.

Questions fréquentes

La barre de livraison gratuite augmente-t-elle les ventes ?

Elle montre ce qu’il manque pour obtenir l’avantage, ce qui incite le client à ajouter un article plutôt qu’abandonner son panier à cause des frais de port. Elle fonctionne mieux quand le montant minimum est légèrement au-dessus du panier moyen de la boutique.

Comment relier la barre à mon panier ?

Le code crée la fonction freteGratis(total). Appelez cette fonction chaque fois que le total du panier change, par exemple freteGratis(87.5), et la barre et le message se mettent à jour. Sur les plateformes toutes faites, placez l’appel dans l’événement de mise à jour du panier.

Est-elle accessible ?

Oui. La barre utilise l’élément progress, que les lecteurs d’écran comprennent, et le message se trouve dans une région aria-live annoncée quand elle change.

Outils similaires