# Où placer la barre de progression dans un thème Shopify : tiroir panier, page panier, page produit

> Cliquez sur Placer la barre de progression, puis sur l’endroit du thème où la mettre. Blocs d’app, ligne de code et intégration sur mesure gratuite couvrent le reste.

Mis à jour le 2026-09-25 · https://www.yaco.studio/fr/docs/emplacement-theme

## Placer la barre dans le tiroir panier ou ailleurs

La méthode recommandée est **Placer la barre de progression** : vous désignez l’endroit dans votre thème, et l’app le retient. Elle fonctionne pour le tiroir panier (cart drawer), la page panier, la page produit ou toute autre partie du thème.

1. Dans l’app, ouvrez **Intégration au thème**, onglet **Emplacements**.
2. Sous **Thèmes**, vérifiez le thème sur lequel vous travaillez (**Choisir un thème**). Le thème en ligne porte le badge **(thème actuel)**. Les emplacements sont enregistrés par thème.
3. Dans la section **Activation de l’app embed**, cliquez sur **Activer** si l’app embed n’est pas encore actif, activez **Yaco Progress Bar** dans l’éditeur de thème et enregistrez.
4. Dans **Tiroir panier et placements généraux**, cliquez sur **Placer la barre de progression** (ou **Gérer les placements de la barre** quand un emplacement existe déjà).
5. L’éditeur de thème s’ouvre avec le menu **Intégrer la barre de progression Yaco**. Cliquez sur **Ajouter la barre de progression**, puis sur l’élément de la page où la barre doit apparaître.
6. Ajustez le formulaire si besoin, puis cliquez sur **Enregistrer**.

Si l’inspecteur de thème de Shopify est actif, le menu de Yaco vous demande de le désactiver d’abord : le placement ne fonctionne pas tant qu’il est actif.

## Réglages d’un emplacement

Chaque emplacement a ses propres réglages, dans l’éditeur de thème ou depuis la liste **Intégrations au thème** de la même page :

- **Élément de référence** et **Position par rapport à l’élément de référence** : où va la barre (avant, après, premier enfant, dernier enfant ou à la place de l’élément).
- **Condition de visibilité** : toujours visible, seulement quand le panier contient des articles, ou seulement quand il est vide.
- **Afficher sur les templates** : limiter l’emplacement à certains modèles de page. Tous par défaut.
- **Filtre de goals** : afficher tous les paliers, seulement certains, ou en masquer certains à cet emplacement.
- **Design** : le [design](https://www.yaco.studio/fr/docs/design) utilisé à cet emplacement.
- **Classes CSS** et **CSS du conteneur** : affiner les marges autour de la barre.

Un emplacement se coupe sans être supprimé avec **Désactiver l’intégration**.

## Reprendre des emplacements d’un autre thème ou d’une autre boutique

- **Importer**, dans la carte **Intégrations au thème**, copie les emplacements d’un autre thème de cette boutique, ou d’une autre boutique où vous utilisez Yaco avec le même compte Shopify. Une boutique apparaît dès que vous y avez ouvert Yaco avec ce compte. Un emplacement déjà utilisé sur le thème n’est jamais ajouté deux fois.
- Quand d’autres boutiques équipées de Yaco utilisent le même thème dans la même version, un encart **emplacements prêts pour** votre thème propose leurs emplacements. Ils sont anonymisés et marqués **Même version** ou **Version proche**. Cochez ceux qui vous intéressent et vérifiez le résultat.
- Quand vous dupliquez un thème dans Shopify, ses emplacements sont recopiés automatiquement sur le nouveau thème.

## Méthodes alternatives

L’onglet **Méthodes alternatives** regroupe les autres façons d’ajouter la barre :

- **Page produit et page panier** : cliquez sur **Aller au template de page produit**, puis dans **Template › Informations produit**, cliquez sur **Ajouter un bloc** et choisissez **Yaco Progress Bar**. Pour la page panier, passez par **Aller au template de la page panier** et la section **Template › Sous-total**.
- **Je suis développeur** : copiez la ligne de code avec **Copier** et collez-la dans n’importe quel template Liquid. **Modifier le code** ouvre l’éditeur de code du thème.
- **Intégration auto au tiroir panier** (**Haut du tiroir panier** ou **Bas du tiroir panier**) : une ancienne méthode, marquée **Obsolète**, qui ne fonctionne pas sur tous les thèmes. Préférez **Placer la barre de progression**.

Pour le checkout, voir [barre de progression au checkout](https://www.yaco.studio/fr/docs/checkout).

## Demander une intégration sur mesure gratuite

Si vous ne trouvez pas le bon endroit, cliquez sur **Contactez-nous** dans le bandeau **Besoin d’aide pour placer la barre de progression sur votre thème ?**. L’équipe Yaco place la barre pour vous, gratuitement. Ajouter votre **Code de demande de collaboration** est facultatif mais accélère le traitement. La plupart des intégrations sont faites le jour même ou le jour ouvrable suivant.

Si la barre est placée mais reste invisible, lisez [la barre ne s’affiche pas](https://www.yaco.studio/fr/docs/barre-ne-s-affiche-pas) ou [problèmes de tiroir panier](https://www.yaco.studio/fr/docs/probleme-tiroir-panier).