Nous avons regardé ce qui ressort actuellement pour « comment ajouter l’essayage virtuel à Shopify ». Le premier résultat a été créé en mai 2024 et retouché pour la dernière fois en février 2025. Aucune capture d’écran, aucune mention de la différence entre app blocks et app embeds, et toute l’instruction tient en une phrase : « installez l’application, puis allez dans votre tableau de bord Shopify ».
Ce n’est pas un guide. Voici la mécanique réelle, sourcée depuis la documentation développeur et aide officielle de Shopify, plus les pannes que de vraies marchandes ont réellement rencontrées.
Une précision avant de commencer : les captures d’écran de production pour votre thème précis ont leur place ici au moment de la mise en ligne — la navigation admin ci-dessous est vérifiée sur la documentation Shopify, mais l’écran exact variera légèrement selon le thème.
App block ou app embed — lequel correspond à un bouton d’essayage ?
L’architecture Online Store 2.0 de Shopify donne aux applications deux façons différentes de s’intégrer à une boutique, et elles ne sont pas interchangeables. Un app block se place à un endroit précis d’un template précis — c’est le mécanisme qu’il faut pour un bouton « Essayer » qui doit apparaître à côté du bouton d’ajout au panier. Un app embed est un interrupteur global, valable sur tout le site, pour des éléments comme un widget de chat qui n’ont pas besoin d’un emplacement précis.
Pour un bouton d’essayage sur la fiche produit, le mécanisme correct est l’app block. Si une application ne propose qu’un embed global, vous avez beaucoup moins de contrôle sur l’endroit exact où le bouton apparaît par rapport au choix de taille et au bouton d’ajout au panier — à vérifier avant d’installer.
Les deux reposent sur le framework des theme app extensions de Shopify. Un détail technique utile si quelque chose semble cassé plus tard : les app blocks ne fonctionnent pas dans les sections à rendu statique — elles nécessitent un template JSON — et une section qui accepte des app blocks ne peut inclure qu’un seul paramètre de ressource de chaque type.
Quelles sont les étapes concrètes ?
Pour activer un app embed : admin Shopify → Boutique en ligne → Thèmes → Modifier le thème (ouvre l’éditeur de thème) → l’icône App embeds dans la colonne de gauche → trouver l’application → activer l’interrupteur → Enregistrer. Pour ajouter un app block : Boutique en ligne → Thèmes → Modifier le thème → aller sur le template produit → Ajouter un bloc → sélectionner l’application dans la section Apps → Enregistrer.
C’est tout. Aucun code, si l’application est correctement construite et votre thème à jour. Les deux chemins comptent parce qu’une application d’essayage peut proposer l’un, l’autre, ou les deux — et l’endroit où aller pour l’activer dépend duquel.
Ça marchera sur mon thème ?
Seulement si vous êtes sur un thème Online Store 2.0. Le tableau comparatif de Shopify sur l’architecture des thèmes liste le « support applicatif avancé » — installer des applications et ajouter des fonctionnalités n’importe où via app blocks et embeds, sans code — comme disponible uniquement sur les thèmes OS 2.0, et explicitement indisponible sur les thèmes Vintage. Les thèmes Vintage ne sont plus dans le Theme Store et, s’ils sont gratuits, ne reçoivent plus que des correctifs de sécurité.
Si vous êtes sur un ancien thème, les app blocks et embeds ne sont simplement pas une option. La solution de repli habituelle de l’application d’essayage est l’injection de code personnalisé — plus complexe, plus difficile à retirer proprement, et un point à demander directement à l’éditeur plutôt qu’à découvrir après installation.
Ça va ralentir ma boutique ?
La documentation officielle de Shopify sur la performance cite les applications installées parmi les principaux facteurs affectant la vitesse d’une boutique, et prévient spécifiquement que « trop de JavaScript dans votre boutique, qu’il vienne du code du thème, du code d’une application, ou d’un gestionnaire de tags tiers » est la cause probable d’un mauvais score d’Interaction to Next Paint. Une application d’essayage qui appelle une API externe pour générer une image est exactement le genre d’application visé par cet avertissement.
Deux choses à faire avant de s’engager : demander ce que l’application charge sur chaque page par rapport à ce qu’elle ne charge qu’à l’interaction (un script qui ne se déclenche qu’au clic sur le bouton d’essayage est bien plus léger qu’un script chargé à chaque affichage de fiche produit), et tester la vitesse réelle de votre fiche produit avant et après installation, sans se fier uniquement à la parole de l’éditeur.
Un autre point que la documentation Shopify signale et qui passe facilement inaperçu : désinstaller une application ne retire pas automatiquement son code de votre thème. Si vous testez une application d’essayage puis l’abandonnez, il faudra peut-être retourner dans le code du thème vous-même ou contacter le développeur pour un retrait complet.
Ce qui casse vraiment, d’après des retours réels de marchandes
Le problème le plus fréquent n’est pas l’application elle-même — c’est un décalage entre ce que vous éditez et ce qui est réellement en ligne. Des cas réels et documentés issus de la communauté marchande Shopify : un interrupteur d’app embed apparu sur une boutique de développement mais absent de la boutique en ligne, sur le même thème identique, chacun — l’éditeur de l’application et le support Shopify — renvoyant la responsabilité à l’autre. Un app block activé et visible dans l’éditeur de thème qui n’apparaissait jamais sur la fiche produit réellement en ligne — une cause suggérée par un membre de la communauté : le produit en ligne utilisait un template différent de celui édité. Un interrupteur d’app embed disparu de toutes les boutiques après qu’un développeur a poussé une mise à jour via son pipeline de déploiement.
Avant de conclure qu’une application est cassée, vérifiez trois choses : que vous éditez bien le thème en ligne, pas un brouillon ou une copie de développement ; que le produit précis que vous testez utilise le même template que celui sur lequel vous avez ajouté le bloc (Shopify permet plusieurs templates produit, et c’est un piège très courant) ; et que vous regardez la boutique publiée, pas un aperçu de thème.
Une courte checklist avant installation
Remarque sur les libellés : l’admin Shopify nomme actuellement ce bouton « Modifier le thème », pas « Personnaliser » — certains guides tiers utilisent encore « Personnaliser », qui correspondait à une version antérieure de l’interface. Vérifiez le libellé actuel dans votre propre admin avant de rédiger des instructions internes.
Confirmez que vous êtes sur un thème Online Store 2.0. Sinon, toute cette procédure change.
Demandez si la fonction d’essayage est un app block ou un app embed — ça détermine votre niveau de contrôle sur le placement.
Vérifiez vos templates produit. Si vous en utilisez plusieurs, il faudra ajouter le bloc à chacun.
Préparez vos images produit avant d’installer quoi que ce soit. Un bon rendu d’essayage a besoin d’une image source propre — voir notre article sur les exigences d’image de Google pour la base à viser.
Testez la vitesse de page avant et après, spécifiquement sur mobile, puisque c’est là que se concentre l’essentiel du trafic mode.
Demandez ce qui se passe en cas de désinstallation. Obtenez par écrit que le retrait est propre.
FAQ
- Quelle différence entre un app block et un app embed sur Shopify ?
- Un app block se place à un endroit précis d’un template précis — le bon choix pour un bouton d’essayage qui doit apparaître à côté de l’ajout au panier. Un app embed est un interrupteur global pour des éléments qui n’ont pas besoin d’un emplacement précis, comme un widget de chat. Certaines applications proposent les deux.
- Les app blocks fonctionnent-ils sur tous les thèmes Shopify ?
- Non. Ils nécessitent un thème Online Store 2.0. Les thèmes Vintage (anciens) ne prennent en charge ni les app blocks ni les app embeds, selon la documentation officielle de Shopify sur l’architecture des thèmes.
- Installer une application d’essayage virtuel va-t-il ralentir ma boutique ?
- Ça peut. La documentation Shopify sur la performance cite les applications installées et leur JavaScript comme une cause majeure de mauvais scores d’Interaction to Next Paint. Demandez si le script de l’application se charge sur chaque page ou seulement à l’interaction, et testez la vitesse de votre fiche produit avant et après installation.
- J’ai activé l’app block mais il n’apparaît pas sur ma fiche produit en ligne — pourquoi ?
- La cause la plus fréquente, selon la communauté marchande Shopify, est un décalage de template : le produit que vous consultez en ligne utilise un template différent de celui édité dans l’éditeur de thème. Vérifiez à quel template votre produit de test est réellement assigné.
- Si je désinstalle l’application, tout redevient normal ?
- Pas automatiquement. La documentation Shopify précise que désinstaller une application ne retire pas son code du thème — un retrait manuel ou un contact avec le développeur peut être nécessaire.
Sources. Centre d’aide Shopify, « Extend your theme with apps » · Shopify.dev, « About theme app extensions » et « App blocks for themes » · Centre d’aide Shopify, « Theme architecture versions and sources » · Centre d’aide Shopify, « Improving your online store performance » · Fils de discussion de la communauté marchande Shopify sur les problèmes de visibilité d’app embeds/blocks, consultés en août 2026.
Dernière mise à jour : 25 août 2026.
