Pourquoi ma barre de progression ne s’affiche pas sur ma boutique Shopify ?

Dans l’éditeur de thème, le cadre pointillé d’un bloc d’app Yaco progress bar masqué indique pourquoi il l’est.

L’app embed est désactivé

La barre ne peut pas se charger tant que l’app embed Yaco Progress Bar est désactivé. C’est la cause la plus fréquente, et elle se corrige en une minute.

1. Dans l’admin Shopify, ouvrez Boutique en ligne › Thèmes › Personnaliser sur votre thème en ligne.
2. Cliquez sur Intégrations d’applications dans la barre latérale gauche.
3. Activez Yaco Progress Bar, puis cliquez sur Enregistrer.

Vous l’avez activé depuis l’app mais il apparaît toujours désactivé ? Le bouton Activer l’intégration de l’app ouvre l’éditeur de thème avec l’interrupteur déjà activé, mais rien n’est enregistré tant que vous ne cliquez pas sur Enregistrer en haut à droite de l’éditeur. De retour dans l’app, la page d’accueil vous rappelle cette étape et propose une intégration gratuite par notre équipe.

La page Intégration au thème de l’app affiche le même interrupteur dans Activation de l’app embed. Pas à pas : installer l’app.

La barre n’est pas placée dans le thème

Si Intégration au thème affiche Intégration manuelle ou manquante, l’app fonctionne mais n’a aucun endroit où afficher la barre.

• Cliquez sur Placer la barre de progression pour ouvrir l’éditeur de thème et la positionner, par exemple dans le tiroir panier.
• Les placements sont propres à chaque thème. Après un changement de thème, ouvrez Intégration au thème, choisissez le nouveau thème et vérifiez ses placements. Le bouton Importer reprend ceux d’un autre thème.
• L’Intégration auto au tiroir panier ne fonctionne pas sur tous les thèmes. Si rien n’apparaît dans le tiroir, ajoutez plutôt un placement.

Plus de détails : placement dans le thème.

Votre thème ouvre une notification au lieu d’un tiroir panier

Certains thèmes, dont Dawn, peuvent afficher une petite notification après un ajout au panier au lieu d’un tiroir panier latéral. Une barre placée dans le tiroir panier n’y apparaît jamais : le tiroir n’existe pas sur votre boutique.

• Passez le thème en tiroir panier : dans l’éditeur de thème, ouvrez Paramètres du thème › Panier et choisissez le type de panier Tiroir (le libellé exact dépend du thème).
• Ou gardez la notification et placez la barre là où vos clients la voient, par exemple sur la page produit ou la page panier, depuis Intégration au thème › Placer la barre de progression.

Votre boutique n’a pas de plan

Le plan gratuit s’active tout seul à l’installation de l’app. Une boutique installée plus tôt peut encore n’avoir aucun plan : la barre ne s’affiche alors que dans l’éditeur de thème et sur les boutiques de développement, et la quatrième étape du guide de configuration affiche Nécessaire pour afficher votre barre. Ouvrez la page Abonnement et cliquez sur Activer sur la carte Gratuit. Les plans sont présentés sur la page tarifs.

Un placement masque la barre volontairement

Chaque placement listé dans Placements de ce thème a ses propres règles d’affichage. Ouvrez-le et vérifiez :

• Activer cette intégration est cochée ;
• Condition de visibilité : When the cart contains items masque la barre quand le panier est vide, When the cart is empty la masque dès qu’un produit est ajouté ;
• Afficher sur les templates : la barre n’apparaît que sur les types de page choisis ;
• Filtre de paliers : un placement qui n’affiche que certains paliers reste vide quand aucun d’eux ne s’applique.

Une barre ajoutée avec le bloc d’app Yaco progress bar a la même Condition de visibilité dans les réglages du bloc, dans l’éditeur de thème.

Tous les paliers sont atteints, ou aucun ne s’applique

• Dans l’onglet Message de succès, Masquer la barre de progression quand tous les paliers sont atteints remplace la barre par le message de succès une fois le dernier palier débloqué.
• La barre a besoin d’au moins un palier actif. Vérifiez que vos paliers ne sont pas archivés et que leurs dates d’activité ont commencé.
• Un déploiement Shopify peut masquer un palier pendant qu’il tourne, quand aucun client ne reçoit sa remise. Quand une partie seulement la reçoit (test A/B), la barre affiche le palier là où le bloc Yaco du thème du client le montre, avec son Filtre de paliers. Avec Non listé dans Yaco, aucun bloc ni placement Yaco ne liste encore le palier. Voir remise non appliquée.
• Si l’onglet Paliers indique que certains paliers actifs ne s’affichent pas pour vos clients, votre plan affiche moins de paliers que vous n’en avez configuré. Au plan gratuit, c’est le cas à la fin de l’essai de 14 jours. Au plan Starter, c’est le cas quand votre boutique a dépassé la limite de commandes de Starter tôt dans sa période de 30 jours et qu’elle est toujours au-dessus quatorze jours plus tard : le bandeau affiche Votre barre n’affiche plus qu’un palier jusqu’au …, et tous vos paliers reviennent d’eux-mêmes au début de la période suivante, ou tout de suite avec Premium. Voir abonnement.

La barre ne s’affiche que pour certains clients

Un palier peut être réservé à une partie des clients : un collègue peut donc voir la barre alors que vous ne la voyez pas. Dans la carte du palier, vérifiez :

• le type de client (B2B ou B2C), les tags client et les segments client ;
• les pays, et les exceptions de marché comme Désactiver le palier pour ce marché ;
• les conditions sur les attributs du panier et les dates d’activité ;
• la Source de trafic : un palier réservé à une campagne ne s’affiche qu’aux visiteurs arrivés par le lien de campagne ;
• le réglage La barre avance selon : les barres Total dépensé ou Commandes passées ne s’affichent qu’aux clients connectés, elles disparaissent donc en navigation privée.

Détails : ciblage.

Un test A/B de la barre la masque aussi à une partie de vos visiteurs : ceux du groupe sans la barre ne la voient pas avant la fin du test. La page du test donne un lien pour ouvrir votre boutique dans chaque groupe. Voir A/B testing.

Un espace vide apparaît, ou la page bouge à l’arrivée de la barre

Votre boutique garde la place de la barre pendant son chargement, pour que la page ne bouge pas : avec le bloc d’app Yaco progress bar, comme avec un placement de Intégration au thème (sauf la position Remplacer). La hauteur vient de vos visiteurs : l’app l’apprend panier vide, par bloc ou placement, design, marché et langue, et garde la plus fréquente. Un marché, une langue ou un design encore sans mesure reprend la hauteur la plus proche déjà apprise. Juste après l’ajout du bloc ou du placement, ou l’enregistrement d’une modification de son design ou de sa position, aucune hauteur n’est encore connue : la page peut bouger pour les premiers visiteurs, puis elle se stabilise. Quand la plupart des visiteurs ne voient pas la barre (aucun palier ne s’applique sur leur marché, ou vos paliers sont réservés à certains clients, par exemple aux clients connectés), le bloc n’occupe aucune place : les visiteurs qui voient la barre la voient apparaître. Avec des articles dans le panier, la même hauteur est gardée. Si la barre est alors plus haute (palier atteint, liste de cadeaux), la page bouge un peu quand elle s’affiche. Un bloc réglé pour n’apparaître que panier rempli ne garde aucune place.

Votre navigateur affiche une ancienne version

Après une modification, rechargez la page sans le cache (Ctrl+Maj+R, ou Cmd+Maj+R sur Mac), ou ouvrez la boutique en navigation privée.

Toujours bloqué ?

Écrivez à support@yaco.studio en joignant :

• l’URL de votre boutique (l’adresse en .myshopify.com) et le nom de votre thème ;
• la page où la barre devrait apparaître, et si le panier était vide ;
• le navigateur et l’appareil utilisés ;
• une capture d’écran de la page ;
• si votre boutique est protégée par un mot de passe, le mot de passe de la vitrine (vous pouvez aussi le donner dans le chat) : il ne sert qu’à ouvrir votre boutique comme la voit un visiteur. Si vous nous avez envoyé votre Code de demande de collaboration, accepter notre demande de collaboration suffit : inutile de partager le mot de passe.

Si la barre doit trouver une place sur mesure dans votre thème, le bouton Contactez le support de la page Intégration au thème nous demande une intégration gratuite. Ajouter votre Code de demande de collaboration accélère le traitement.