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

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.

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 emplacements 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 emplacements. 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 emplacement.

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

L’app n’est pas encore publiée

Tant que l’app n’est pas publiée, la barre n’est visible que dans l’éditeur de thème et sur les boutiques de développement. Le guide de configuration de l’accueil de l’app affiche alors Actif uniquement dans l’éditeur de thème. Choisissez un plan sur la page Abonnement pour passer en ligne. Les plans sont présentés sur la page tarifs.

Un emplacement masque la barre volontairement

Chaque emplacement listé dans Intégrations au 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 goals : un emplacement qui n’affiche que certains paliers reste vide quand aucun d’eux ne s’applique.

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 goals 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é.
• Si l’onglet Goals indique que certains paliers actifs restent invisibles pour vos clients, votre plan publie moins de paliers que vous n’en avez configuré.

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 ;
• la Mesure de la barre : les barres Historique d’achat ou Commandes passées ne s’affichent qu’aux clients connectés, elles disparaissent donc en navigation privée.

Détails : ciblage.

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 à [email protected] 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 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.