Provedly se charge sur les vitrines Shopify via un app embed de thème, que vous activez dans l'éditeur de thème, plutôt que via une balise script injectée dans votre thème. L'embed survit aux changements de thème, s'active ou se désactive sans toucher au code, et c'est la méthode vers laquelle Shopify oriente désormais les apps. Cet article explique la différence, ce qu'elle implique pour la vitesse des pages, et la seule situation où une simple balise script reste le bon outil.
Deux façons pour une app d'atteindre votre boutique
Historiquement, les apps Shopify ajoutaient du JavaScript à une boutique en appelant l'API ScriptTag. L'app enregistrait une URL, et Shopify injectait dans chaque page un <script> pointant vers elle. Cela fonctionnait, et c'est encore ainsi que fonctionnent beaucoup d'anciennes apps de pop-ups de vente.
Les extensions d'app de thème sont arrivées plus tard. Une app fournit un petit paquet qui devient disponible dans l'éditeur de thème, sous App embeds. Le marchand l'active, et c'est le thème lui-même qui le charge au moment du rendu. Shopify a déprécié l'approche ScriptTag pour les nouvelles apps sur les thèmes Online Store 2.0, et les apps sont censées passer aux extensions.
| App embed de thème | Balise script (ancienne méthode) | |
|---|---|---|
| Comment l'activer | Interrupteur dans l'éditeur de thème | L'app l'active pendant l'installation |
| Visible dans l'éditeur de thème | Oui, avec des réglages | Non |
| Survit à un changement de thème | Oui, à réactiver sur le nouveau thème | En général, mais peut rester orpheline |
| Peut laisser du code après la désinstallation | Non | Parfois |
| Recommandation actuelle de Shopify | Oui | Dépréciée pour les nouvelles apps |
Pourquoi l'embed est meilleur pour les marchands
Vous le contrôlez. L'interrupteur se trouve à côté de vos autres réglages de thème. Si vous voulez suspendre la preuve sociale pendant une journée, vous le désactivez et enregistrez. Pas besoin de désinstaller l'app, de perdre vos données ou d'attendre le support.
Il est visible. Les balises script sont invisibles pour les marchands. Plus d'un propriétaire de boutique a découvert qu'une app oubliée depuis longtemps chargeait encore du code des mois après qu'il avait cessé de la payer. Un embed apparaît dans l'éditeur avec le nom de l'app.
Il respecte les frontières du thème. L'embed de Provedly s'affiche dans un Shadow DOM. Le CSS de votre thème ne peut pas modifier la notification par accident, et le CSS de la notification ne peut pas déborder sur votre grille de produits. Les balises script peuvent aussi le faire, mais les embeds en font le modèle par défaut.
Une désinstallation propre. Quand vous supprimez l'app, l'embed disparaît. Aucun snippet résiduel dans theme.liquid à retrouver et supprimer.
Ce que cela implique pour les performances
L'embed charge un seul script d'environ 6 Ko compressés en gzip, de façon asynchrone, après le contenu principal de la page. Le widget attend ensuite le délai configuré (3 secondes par défaut) avant d'afficher quoi que ce soit. Les Core Web Vitals ne sont pas affectés de façon significative par un script différé de cette taille, et le Shadow DOM évite tout recalcul de mise en page des éléments de votre thème quand une notification apparaît.
La réserve honnête, c'est que tout script ajouté a un coût non nul. Si vous faites tourner une douzaine d'apps qui ajoutent chacune 6 Ko, cela finit par compter. Nous gardons le nôtre léger et limité à une seule requête.
La provenance des données est une autre question
La méthode de chargement concerne la façon dont le widget arrive sur la page. Elle ne dit rien de la réalité des achats qu'il affiche. Un embed peut afficher un nombre de « personnes qui regardent » saisi à la main tout aussi facilement qu'une balise script.
L'embed de Provedly ne marque les achats comme vérifiés que s'ils sont arrivés par le webhook de commande signé de Shopify. Tout le reste est étiqueté : « Sample » pour les lignes ajoutées à la main, « Imported » pour les enregistrements CSV et API. Le compteur de visiteurs est un vrai décompte des visiteurs présents sur la page au cours des 90 dernières secondes, et il se masque sous un seuil minimum plutôt que de gonfler le chiffre. Pour l'argumentaire complet sur l'importance de cette distinction, lisez /fr/blog/shopify-sales-pop-real-orders.
Quand une balise script reste pertinente
La balise script de Provedly existe pour les sites qui ne sont pas sur Shopify : WordPress, Webflow, vitrines sur mesure, une app Next.js, tout ce qui vous permet d'ajouter une ligne à la page. C'est le même script d'environ 6 Ko, avec le même Shadow DOM et le même ciblage par URL et par appareil.
Sur Shopify en particulier, il existe un cas où vous pourriez y recourir : un thème vintage antérieur à Online Store 2.0 qui ne prend pas en charge les app embeds. Si votre éditeur de thème n'a pas de section App embeds, c'est votre cas. Vous pouvez coller le script Provedly dans theme.liquid avant la balise de fermeture </body>, et il fonctionnera. Sachez qu'une mise à jour du thème peut l'écraser, et qu'il faudra le retirer à la main si vous cessez d'utiliser Provedly.
Dans ce cas, nous vous recommandons de planifier la mise à niveau du thème. Au-delà des app embeds, les thèmes 2.0 apportent des sections partout et de meilleures performances, et la plupart des marchands sur un thème vintage passent à côté de gains sans rapport avec la preuve sociale.
Vérifier lequel vous utilisez
Ouvrez l'éditeur de thème. Si la barre latérale gauche contient un panneau App embeds où Provedly figure, vous utilisez l'embed. Sinon, cherchez « provedly » dans theme.liquid pour voir si un script manuel est présent. Une boutique ne devrait jamais avoir les deux ; si c'est le cas, vous verrez des notifications en double, et la solution consiste à retirer le script manuel et à garder l'embed.
L'article /fr/blog/shopify-setup-guide explique pas à pas comment activer l'embed.
Questions fréquentes
J'ai changé de thème et les notifications ont disparu. Ai-je perdu mes données ?
Non. Les app embeds sont un réglage propre à chaque thème : il faut donc réactiver Provedly dans l'éditeur du nouveau thème. Vos widgets, vos achats et votre page de vérification restent inchangés.
Puis-je d'abord prévisualiser l'embed sur un thème non publié ?
Oui. Ouvrez le thème non publié dans l'éditeur, activez l'embed et utilisez l'aperçu de l'éditeur. Il n'atteint les vrais acheteurs qu'une fois ce thème publié.
L'embed ajoute-t-il des cookies ?
Le widget conserve un identifiant visiteur first-party pour appliquer les plafonds par session et attribuer les commandes assistées par la preuve dans une fenêtre de 30 jours. Il ne charge aucun traceur tiers.
Activez l'embed dans votre éditeur de thème dès aujourd'hui ; le plan Free sur /fr/pricing suffit pour commencer.