# Comment installer Yaco Progress Bar sur une boutique Shopify

> Installez l’app, vérifiez les paliers repris de vos offres, activez l’app embed, placez la barre dans le thème, puis publiez-la avec un abonnement.

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

## Installer l’app et suivre le guide de configuration

Installez Yaco Progress Bar depuis le Shopify App Store, puis ouvrez-la : la page **Accueil** affiche un **Guide de configuration** en quatre étapes. Suivez-les dans l’ordre.

| Étape | À quoi elle sert | Bouton |
|---|---|---|
| 1. **Configurer vos goals et réductions** | Vérifier ou modifier les paliers de la barre | **Aller à la configuration** |
| 2. **Activer l’application dans le thème** | Activer l’app embed dans votre thème | **Activer l’intégration de l’app** ou **Ouvrir l’intégration d’applications** |
| 3. **Intégrer la barre de progression au thème** | Choisir où la barre s’affiche (tiroir panier, page panier, page produit) | **Intégrer la barre de progression** |
| 4. **Publier l’application** | Choisir un abonnement pour mettre la barre en ligne | **Souscrire un abonnement** |

Après une première installation, un e-mail de bienvenue est envoyé à l’adresse e-mail de votre boutique. Il récapitule les paliers trouvés et les étapes restantes.

## Vérifier les paliers créés pour vous

À l’installation, l’app regarde les offres déjà en place dans votre boutique : livraison offerte et réductions automatiques avec un montant minimum. Elle les transforme en paliers, pour que la barre annonce ce que votre checkout accorde déjà. La première étape du guide les liste sous **Nous avons pré-configuré ces goals depuis votre boutique :**.

Si aucune offre n’est trouvée, la barre démarre avec un palier d’exemple de livraison offerte. Cet exemple ne modifie pas vos tarifs d’expédition Shopify : remplacez-le par votre vraie offre, ou lisez [barre de livraison offerte](https://www.yaco.studio/fr/docs/livraison-offerte) pour en mettre une en place. Pour créer d’autres récompenses, voir [ajouter un palier](https://www.yaco.studio/fr/docs/ajouter-un-palier).

## Activer l’app embed

La barre se charge par un app embed. Il s’active une fois par thème, dans l’éditeur de thème Shopify.

1. Dans le guide, cliquez sur **Activer l’intégration de l’app**. L’éditeur de thème s’ouvre sur les app embeds.
2. Activez **Yaco Progress Bar**.
3. Cliquez sur **Enregistrer** en haut à droite de l’éditeur de thème.

Vous pouvez aussi le faire à la main : dans l’admin Shopify, ouvrez **Boutique en ligne › Thèmes › Personnaliser**, cliquez sur l’icône des app embeds (**Intégrations d’applications**) dans la barre latérale gauche, activez **Yaco Progress Bar** et enregistrez.

## Placer la barre dans votre thème

L’app embed charge la barre, mais c’est vous qui choisissez où elle s’affiche. Cliquez sur **Intégrer la barre de progression** : l’éditeur de thème s’ouvre avec le menu de Yaco, et vous cliquez à l’endroit de la page où la barre doit apparaître, par exemple dans le tiroir panier. La méthode complète et les alternatives (bloc d’app sur la page produit ou panier, ligne de code pour les développeurs) sont détaillées dans [placer la barre dans le thème](https://www.yaco.studio/fr/docs/emplacement-theme).

Si votre thème est difficile à intégrer, la page **Intégration au thème** propose un bouton **Contactez-nous** pour demander à l’équipe Yaco une intégration sur mesure gratuite.

## Publier la barre

Tant qu’aucun abonnement n’est actif, la barre n’est visible que dans l’éditeur de thème ou sur les boutiques de développement. La quatrième étape affiche alors le badge **Actif uniquement dans l’éditeur de thème**. Cliquez sur **Souscrire un abonnement** et choisissez une offre pour montrer la barre à vos clients sur votre thème en ligne. Les offres et les prix sont sur la [page tarifs](https://www.yaco.studio/fr/tarifs).

Une fois la barre publiée, ouvrez votre boutique dans une fenêtre de navigation privée, ajoutez un produit au panier et vérifiez que la barre apparaît et avance. Sinon, voir [la barre ne s’affiche pas](https://www.yaco.studio/fr/docs/barre-ne-s-affiche-pas).