Régler la barre, pas à pas.

1. Installez Yaco Progress Bar depuis le Shopify App Store.
2. Ouvrez l’app : la page d’accueil affiche un guide de configuration en quatre étapes.
3. Suivez-le dans l’ordre : configurer les paliers et le design, activer dans Shopify, intégrer au thème principal, publier l’app.

La barre est un app embed : il faut l’activer une fois dans l’éditeur de thème.

1. Dans l’admin Shopify, ouvrez Boutique en ligne › Personnaliser.
2. Cliquez sur Intégrations d’applications dans la barre latérale gauche.
3. Activez Yaco Progress Bar et enregistrez.

Un palier est ce vers quoi la barre compte : la livraison offerte, un produit offert, un pourcentage ou un montant de remise.

1. Ouvrez Goals & Réductions, onglet Goals, puis Ajouter un goal.
2. Choisissez le type : produit offert, pourcentage ou montant de remise. Un palier texte (livraison offerte) n’a pas besoin de remise.
3. Renseignez le nom affiché sur la barre, le gabarit de texte (par exemple {amount} restants pour {name}) et le seuil : un montant, un poids ou une quantité selon la barre.
4. Enregistrer et publier en haut de la page.

Le cadeau est un vrai produit de votre catalogue, ajouté au panier à zéro quand le palier est atteint.

1. Dans la carte du palier, choisissez le produit et les variantes parmi lesquelles le client peut choisir.
2. Choisissez comment il s’ajoute : automatiquement avec une modal de choix, sur un bouton, ou en liste dans la barre.
3. Décidez ce qui se passe quand le panier repasse sous le palier : cadeau retiré, au palier suivant ou à un montant donné.

La remise est créée dans Shopify par l’app et appliquée automatiquement au checkout.

1. Choisissez Pourcentage ou Montant et la valeur.
2. Choisissez sur quoi porte la remise : la commande entière, ou les produits.
3. Vérifiez comment elle se combine avec vos codes de réduction, dans la même carte.

Une barre est ce sur quoi les paliers se mesurent. Une boutique peut en avoir plusieurs.

1. Ouvrez l’onglet Barres pour en ajouter une.
2. Choisissez la mesure : montant du panier, poids, quantité, ou l’historique du client — dépenses cumulées ou nombre de commandes — pour des paliers VIP.
3. Restreignez-la à des collections si seule une partie du catalogue doit compter, et excluez les cartes cadeaux.

Les onglets de design façonnent la barre sans code.

1. Style des barres : couleurs, hauteur, arrondi.
2. Marqueur, Prix, Montant, Images : ce que chaque palier affiche.
3. Wrapper : marges et emplacements dans le tiroir de panier, en haut ou en bas.
4. Du CSS personnalisé pour le reste ; des presets de design pour partir de quelque chose.

1. Le message de succès remplace le compte à rebours quand le palier est atteint ; il peut être masqué palier par palier.
2. La modal cadeau s’ouvre quand le cadeau a plusieurs variantes ; les variantes en rupture sont ignorées pendant la session.
3. Ses couleurs et ses textes se règlent une fois, dans l’app embed.

Chaque palier peut n’être montré qu’à certains clients.

1. Type de client (B2B, B2C), connecté ou invité, tags client, segments client.
2. Pays, et source de trafic par paramètres de campagne.
3. Conditions de panier : collection, produit, type d’achat, attributs du panier.
4. Dates actives, pour un palier saisonnier.

Un palier peut porter un seuil différent par marché, pays ou région.

1. Sous la phrase du palier, ajoutez une exception pour un marché ou l’un de ses pays.
2. Donnez-lui son propre seuil, ou désactivez le palier sur ce marché.
3. Un pays hérite de son marché tant qu’il ne définit rien ; l’aperçu se cale sur ce marché pendant le réglage.

1. Toute modification est un brouillon jusqu’à Enregistrer et publier.
2. L’enregistrement crée ou met à jour les réductions Shopify dont les paliers ont besoin.
3. Une sauvegarde de la configuration peut être prise avant un gros changement, et restaurée.