Comment installer Yaco Progress Bar sur une boutique Shopify

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 trois étapes, plus une quatrième facultative. Suivez-les dans l’ordre.

Étape	À quoi elle sert	Bouton
1. Configurer vos paliers et réductions	Ouvrir la liste des paliers pour les vérifier ou les modifier : l’étape est cochée dès que vous l’avez ouverte	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 au thème
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. Choisir un plan (facultatif)	Voir où en est votre essai gratuit, ou choisir un plan payant	Voir les plans

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 paliers depuis votre boutique :. Cliquez sur Voir les paliers pour ouvrir la liste et les vérifier.

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 pour en mettre une en place. Pour créer d’autres récompenses, voir 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.

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.

Vérifier le statut des intégrations

Sous le guide de configuration (juste sous le message d’accueil une fois le guide fermé), la carte Statut des intégrations reste sur la page Accueil. La carte a une ligne par surface, Vitrine (votre thème publié) puis Checkout, et une colonne par fonction, Barre de progression et Recommandations. Sous Vitrine, le badge Intégration d’application indique si l’intégration d’application (app embed) est activée :

• Vitrine : sur la ligne Bloc d’application, les blocs que vous posez vous-même dans l’éditeur de thème, avec le nombre d’endroits où chacun est posé, par exemple 2 actifs. Sur la ligne Yaco placements, les intégrations que l’app ajoute à votre thème, gérées depuis l’onglet Placements de Intégration au thème, par exemple 2 intégrations. Survolez un badge pour voir la liste des intégrations, tiroir panier automatique compris ; cliquez dessus pour ouvrir l’onglet Placements.
• Checkout : une seule ligne, les blocs que vous posez dans l’éditeur de checkout, par exemple 1 actif.

Un badge vert signifie que c’est fait. Intégration d’application désactivée s’affiche en jaune, non placé sous Barre de progression sur la ligne Yaco placements en orange : une étape manque. Un badge gris (non placé) n’est pas une erreur : la barre peut s’afficher grâce à l’app embed et aux Yaco placements, sans aucun bloc d’app, et les recommandations sont facultatives. Cliquez sur le badge Intégration d’application pour ouvrir l’éditeur de thème sur l’intégration d’application. Cliquez sur un autre badge pour ouvrir la page qui le gère : l’onglet Méthodes alternatives d’Intégration au thème pour la ligne Bloc d’application, son onglet Placements pour la ligne Yaco placements, Checkout pour la barre au checkout, Recommandations pour les recommandations au checkout.

Choisir un plan (facultatif)

Le plan gratuit s’active tout seul à l’installation de l’app : la barre s’affiche sur votre boutique dès que l’app embed est activé et que la barre est placée. Le guide affiche 3 sur 3 tâches terminées sans cette quatrième étape, qui porte le badge Facultatif.

L’étape indique où en est votre essai de 14 jours avec tous vos paliers : il démarre la première fois que votre barre s’affiche sur votre boutique, puis l’étape compte les jours restants. Après l’essai, le plan gratuit garde 1 palier actif. Cliquez sur Voir les plans pour comparer les plans. Voir abonnement.

Si l’étape affiche Nécessaire pour afficher votre barre, votre boutique n’a pas encore de plan, ce qui peut arriver sur une installation ancienne : cliquez sur Voir les plans, puis sur Activer sur la carte Gratuit.

Une fois la barre placé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.