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.
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 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.
- Dans le guide, cliquez sur Activer l’intégration de l’app. L’éditeur de thème s’ouvre sur les app embeds.
- Activez Yaco Progress Bar.
- 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.
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.
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.
Il manque quelque chose ? Écrivez à [email protected], ou essayez d’abord dans la démo.