Documentation · Affichage

Régler le message de succès affiché quand tous les paliers du panier sont atteints

La ligne de message affiche le texte du prochain palier, puis un message de succès qui liste ce que le client a débloqué une fois tous les paliers atteints.

· Version MarkdownEN · FR · ES · DE

Comment fonctionne la ligne de message

La barre a une ligne de message, au-dessus ou en dessous. Tant qu’un palier reste à atteindre, elle affiche le texte de ce palier, par exemple « Plus que 12 € pour la livraison offerte » (ce texte s’écrit dans la carte du palier, voir ajouter un palier). Une fois tous les paliers de la barre atteints, la ligne passe au message de succès.

Le message de succès appartient à un design. Ouvrez Design, choisissez le design, puis l’onglet Message de succès. Chaque design peut avoir son propre message.

Écrire le message

Dans la carte Message de succès par défaut, saisissez votre texte dans Message par défaut, par exemple « 🎉 Félicitations ! Vous avez débloqué {goals}. »

  • {goals} est remplacé par les noms des paliers débloqués, par exemple « la livraison offerte, un tote bag offert et 10 % de remise ».
  • Mot de lien par défaut est le mot placé avant le dernier nom (« and » par défaut) : mettez « et » pour un message en français.
  • Quand plusieurs paliers de remise sont atteints, seul le dernier de chaque type (pourcentage ou montant) est cité, puisqu’il remplace les précédents.
  • L’éditeur accepte gras, italique, couleurs et sauts de ligne.

Deux boutons d’aperçu aident à vérifier : Afficher le message du premier goal montre la barre panier vide, Afficher le message de félicitations la montre avec tous les paliers atteints.

Afficher ou masquer le message

Il y a deux cases distinctes :

  • Afficher le message de succès, en haut de l’onglet, affiche ou masque toute la ligne de message : textes des paliers et message final.
  • Afficher le message de félicitations, dans la carte Message de succès par défaut, ne masque que le message final. Les textes des paliers restent affichés tant qu’un palier reste à atteindre.

Position et style

  • Position : Avant la barre ou Après la barre.
  • Alignement du texte : Début, Centre ou Fin.
  • Taille de police, Hauteur de ligne, Couleur du texte d’en-tête, Marge supérieure et Marge inférieure.
  • Toujours afficher les décimales : cochée, le montant restant dans les textes des paliers garde ses décimales même quand il est rond (« 5,00 € restants » plutôt que « 5 € restants »).

Masquer la barre quand tous les paliers sont atteints

Sous Tous les goals atteints, cochez Masquer la barre de progression quand tous les goals sont atteints pour n’afficher que le message de succès à ce moment-là. La barre revient si le panier repasse sous un palier. Si le message de succès est vide, la barre reste visible pour ne jamais laisser un bloc vide.

Traduire le message

La carte Traduction du message de succès renvoie vers l’application Shopify Translate & Adapt, où le message se traduit pour chaque langue de la boutique. Pour les autres textes de la barre, voir traductions.

Au checkout

Le bloc du checkout a sa propre case, Afficher le message de succès final, avec son propre alignement, sur la page Checkout. Voir checkout.

Il manque quelque chose ? Écrivez à [email protected], ou essayez d’abord dans la démo.

À lire ensuite

Prêt à l'essayer sur votre boutique ?

Installez Yaco Progress Bar, fixez votre premier palier, et la barre apparaît dans votre panier en quelques minutes. Sans développeur, sans pop-up.

Essayer gratuitementEssai gratuit de 14 jours · plan gratuit pour toujours