L'installation de Provedly sur une boutique Shopify se fait en quatre étapes : installer l'app depuis l'App Store, approuver la facturation, activer l'app embed du thème et publier un widget. Aucun code n'est collé dans votre thème et rien ne change tant que vous n'avez pas activé l'embed. Ce guide détaille chaque étape et les quelques décisions à prendre en chemin.
Avant de commencer. Il vous faut une boutique Shopify dont vous êtes propriétaire, ou sur laquelle vous êtes membre du personnel avec l'autorisation d'installer des apps et de modifier les thèmes. Vous n'avez pas besoin d'un compte Provedly au préalable ; l'installation de l'app en crée un, lié à votre boutique.
Il est aussi utile de choisir votre plan avant que l'écran de facturation n'apparaisse. Le plan Free coûte $0 et comprend 2 000 impressions par mois, un site, un widget et une barre CTA, achats vérifiés inclus, avec un petit badge « by Provedly ». Une impression correspond à une notification montrée à un visiteur, et une visite typique en génère environ trois : 2 000 impressions représentent donc à peu près 700 visites. Si votre boutique en reçoit davantage, le plan Starter à $9 par mois couvre 25 000 impressions et vous permet de retirer le badge. Tous les détails sont sur /fr/pricing.
Étape 1 : installer depuis le Shopify App Store
Cherchez Provedly dans l'App Store ou suivez le lien depuis /fr/features. Cliquez sur Install. Shopify affiche les autorisations demandées par l'app, à savoir celles nécessaires pour recevoir les webhooks de commande et lire suffisamment de détails sur les commandes pour construire une notification. Approuvez-les.
Shopify vous redirige ensuite vers le dashboard Provedly intégré à votre admin Shopify. À partir de là, vous pouvez aussi ouvrir le dashboard sur provedly.app si vous préférez un onglet de navigateur complet.
Étape 2 : approuver la facturation
Provedly facture les boutiques Shopify via Shopify Billing : les frais du plan apparaissent donc sur votre facture Shopify habituelle plutôt que sur une carte séparée. Au premier lancement, le dashboard vous demande de choisir un plan et de confirmer le prélèvement dans l'écran d'approbation de Shopify. Choisir Free passe aussi par cet écran, car Shopify exige que l'app enregistre un abonnement, mais le montant est de $0.
Si vous changez de plan plus tard, à la hausse ou à la baisse, le même processus d'approbation se répète. La différence avec la facturation Stripe utilisée pour les sites hors Shopify est expliquée dans /fr/blog/shopify-billing-vs-stripe.
Étape 3 : activer l'app embed du thème
C'est l'étape que l'on oublie le plus souvent. Installer l'app connecte les données, mais rien ne s'affiche sur votre boutique tant que l'app embed du thème n'est pas activé.
- Dans l'admin Shopify, allez dans Online Store, puis Themes.
- Cliquez sur Customize pour votre thème actif.
- Ouvrez App embeds dans la barre latérale gauche (l'icône en forme de pièce de puzzle dans la plupart des versions de Shopify).
- Trouvez Provedly et activez-le.
- Cliquez sur Save.
L'embed charge un seul script d'environ 6 Ko compressés en gzip. Il s'affiche dans un Shadow DOM : le CSS de votre thème ne déborde pas sur le widget, et les styles du widget ne débordent pas sur le thème. Si vous avez utilisé des balises script avec d'autres apps, la comparaison dans /fr/blog/theme-app-embed-vs-script-tag explique pourquoi l'embed est la meilleure voie.
Étape 4 : publier votre premier widget
De retour dans le dashboard Provedly, créez un widget de notifications d'achat. Les valeurs par défaut sont prudentes et méritent d'être conservées au début : un délai de 3 secondes avant la première notification, 6 secondes d'affichage, un intervalle de 30 secondes entre deux notifications et un plafond de 5 par session. Vous pourrez les resserrer ou les assouplir plus tard en observant la réaction des acheteurs ; /fr/blog/notifications-per-visit-frequency présente les compromis.
Trois réglages méritent une décision dès maintenant.
- Ciblage par URL. Choisissez toutes les pages, uniquement certaines pages, ou toutes sauf certaines. La plupart des boutiques commencent par les pages produits et collections et excluent le checkout. Le raisonnement est détaillé dans /fr/blog/social-proof-on-checkout-page.
- Ciblage par appareil. Décidez si le widget s'affiche sur ordinateur, sur mobile ou sur les deux. Les mises en page mobiles demandent des notifications plus petites et faciles à fermer, ce que traite /fr/blog/mobile-social-proof-design.
- Pas encore de commandes. Sur une boutique Shopify, le widget n'affiche que les commandes vérifiées de la boutique, jamais de lignes d'exemple ou importées : il reste donc silencieux jusqu'à l'arrivée de la première commande. L'onglet Design affiche un aperçu en direct de la notification pendant que vous l'ajustez.
Cliquez sur Publish. Ouvrez votre boutique dans une fenêtre de navigation privée et attendez trois secondes.
Ce qui se passe après votre première vraie commande
Quand un client passe commande, Shopify envoie un webhook orders/create signé à Provedly. Nous vérifions la signature, enregistrons la commande et la mettons à disposition du widget avec la mention « Achat vérifié ». Cette mention renvoie vers votre page de vérification publique, qui indique Shopify comme source connectée et affiche le nombre d'achats vérifiés ainsi que l'heure du dernier.
Vous remarquerez peut-être que l'acheteur apparaît comme « Someone » plutôt qu'avec un prénom. Le programme Protected Customer Data de Shopify restreint l'accès aux champs personnels tant que l'usage d'une app n'a pas été approuvé pour votre boutique. Les noms apparaissent une fois cette approbation obtenue ; consultez /fr/blog/shopify-someone-protected-customer-data pour savoir quoi faire en attendant.
Facultatif : ajouter une barre CTA. Le plan Free comprend une barre. Un compte à rebours jusqu'à la vraie date de fin d'une promotion, un minuteur evergreen par visiteur ou un compteur programmé peuvent tous être créés depuis la section Bars et ciblés de la même façon que les widgets. Les barres apparaissent en haut ou en bas de la page et respectent les mêmes règles d'appareil et d'URL. Pour préparer la saison des promotions, lisez /fr/blog/black-friday-countdown-bars.
Une checklist pour vérifier que tout fonctionne
| Vérification | Où regarder | Résultat attendu |
|---|---|---|
| App installée | Admin Shopify, Apps | Provedly figure dans la liste |
| Facturation active | Dashboard Provedly, Plan | Nom du plan et date de renouvellement |
| Embed activé | Éditeur de thème, App embeds | Interrupteur activé et enregistré |
| Widget publié | Dashboard Provedly, Widgets | Statut « Live » |
| Notification affichée | Boutique, fenêtre privée | Notification au bout d'environ 3 secondes |
| Webhook reçu | Dashboard Provedly, Sources | Shopify affiche une heure de dernière réception après une commande test |
Si la notification n'apparaît pas, vérifiez d'abord l'interrupteur de l'embed, puis les règles de ciblage par URL qui pourraient exclure la page que vous consultez.
Questions fréquentes
Dois-je modifier theme.liquid ou coller un script ?
Non. L'app embed du thème se charge du chargement. Modifier les fichiers du thème est inutile, et nous le déconseillons, car les mises à jour du thème peuvent écraser les modifications manuelles.
L'installation de l'app va-t-elle ralentir ma boutique ?
Le script pèse environ 6 Ko compressés en gzip et se charge de façon asynchrone après le contenu de la page. Il ne bloque pas le rendu.
Puis-je utiliser le même compte Provedly pour un site hors Shopify ?
Oui. Les sites sur d'autres plateformes utilisent la balise script et les webhooks Stripe pour la vérification. Les plans Starter et supérieurs incluent plusieurs sites ; le plan Free en inclut un.
Installez l'app depuis l'App Store et ayez une notification vérifiée en ligne dès aujourd'hui ; les plans sont listés sur /fr/pricing.