Comment savoir si une application Shopify cause un problème ?

Une application Shopify casse votre boutique ? Découvrez comment les applications modifient votre thème, quelles vérifications sont sans risque, comment tester sur un thème dupliqué et quand demander de l’aide.

Ouvrir un ticket de support

La plupart des boutiques Shopify reposent sur des applications. Avis, ventes additionnelles, options de produit, abonnements, traductions, listes de souhaits, pop-ups, règles d’expédition, suivi : chacune provient généralement d’un développeur différent.

Lorsqu’un élément de la boutique se met soudain à s’afficher ou à se comporter de travers, une application fait souvent partie des premiers suspects. Les symptômes typiques sont :

  • une section de la page produit a disparu ou s’est déplacée
  • le bouton d’ajout au panier ne fonctionne plus
  • le tiroir du panier s’ouvre vide ou affiche un mauvais total
  • un pop-up, un badge ou un widget apparaît deux fois
  • les prix, les remises ou les options de produit s’affichent mal
  • la boutique est devenue nettement plus lente
  • une erreur ou une zone vide apparaît là où se trouvait un widget

La bonne nouvelle, c’est que Shopify est lui-même hébergé et géré : un problème d’application signifie rarement que les données de votre boutique sont endommagées. Les produits, les commandes et les clients restent normalement en sécurité dans l’interface d’administration. Ce qui est généralement touché, c’est la vitrine : ce que vos clients voient et sur quoi ils cliquent.

La difficulté, c’est que les applications peuvent intervenir sur la boutique de plusieurs façons, et que deux applications qui fonctionnent parfaitement seules peuvent se gêner mutuellement. L’objectif est de trouver l’application en cause sans rien supprimer à l’aveugle.

Ce guide explique comment les applications interagissent avec votre thème, ce que vous pouvez vérifier sans risque, comment tester sur un thème dupliqué et quand il est judicieux de demander de l’aide.

Comment les applications Shopify modifient-elles ma boutique ?

Comprendre comment les applications se connectent à la boutique permet de trouver beaucoup plus facilement l’origine d’un problème. Il existe quelques méthodes courantes.

Blocs d’application et intégrations d’applications

Beaucoup d’applications récentes utilisent les extensions d’application de thème de Shopify. Elles ajoutent :

  • des blocs d’application, que vous placez dans une section via l’éditeur de thème, par exemple un bloc d’avis sur la page produit
  • des intégrations d’applications (app embeds), activées pour tout le thème, qui chargent généralement un script, un widget flottant ou un pop-up

C’est la méthode la plus propre. Vous pouvez les voir dans l’éditeur de thème, les activer et les désactiver, et elles sont normalement supprimées lors de la désinstallation de l’application.

Code ajouté directement au thème

Les applications plus anciennes, et certaines actuelles, insèrent du code directement dans les fichiers du thème. Il peut s’agir d’un fichier snippet, d’une ligne dans le fichier de mise en page principal ou de modifications des modèles produit et panier.

Ce code n’est pas toujours visible depuis l’éditeur de thème. Il n’est pas non plus toujours supprimé automatiquement lorsque vous désinstallez l’application.

Scripts chargés en dehors du thème

Certaines applications chargent des scripts sur la vitrine d’une manière qui ne dépend pas des fichiers du thème. Changer de thème ou retirer du code du thème ne les empêchera donc pas forcément de s’exécuter.

Pixels de suivi et événements clients

Les applications de marketing et d’analyse enregistrent souvent des pixels qui suivent les visites, les ajouts au panier et les achats. Ils se gèrent séparément du thème, dans les paramètres de la boutique.

Applications qui modifient des données

Certaines applications modifient des données en arrière-plan, comme le stock, les prix, les tags ou les règles de remise. Si elles dysfonctionnent, le symptôme peut ressembler à un problème de thème alors qu’il s’agit en réalité d’un problème de données.

Quels signes indiquent qu’une application est en cause ?

Aucun signe ne le prouve à lui seul, mais plusieurs signes réunis font d’une application un suspect sérieux.

Le moment coïncide avec un changement d’application

Pensez à ce qui s’est passé juste avant l’apparition du problème :

  • Avez-vous installé une nouvelle application ?
  • Une application existante a-t-elle publié une mise à jour ou modifié ses paramètres ?
  • Avez-vous modifié un paramètre dans une application ?
  • Avez-vous activé une nouvelle intégration d’application ou ajouté un bloc d’application ?
  • Quelqu’un a-t-il désinstallé une application ?
  • Avez-vous mis à jour ou remplacé le thème à peu près au même moment ?

Les applications peuvent se mettre à jour sans aucune action de votre part. Si rien n’a changé de votre côté, consultez le journal des modifications, les notes de version ou la page d’assistance de l’application, ou regardez si d’autres marchands signalent le même problème dans les avis de l’application.

Le problème se limite à une fonctionnalité

Si seule la section des avis, seules les options de produit ou seul le tiroir du panier sont touchés, l’application responsable de cette fonctionnalité est le point de départ naturel. Gardez toutefois à l’esprit qu’une autre application peut interférer avec elle.

Deux applications font un travail similaire

Les conflits sont particulièrement fréquents lorsque deux applications interviennent sur la même partie de la boutique, par exemple :

  • deux applications qui modifient toutes deux le panier
  • un convertisseur de devises et une application de traduction
  • deux applications de remise ou de vente additionnelle
  • une application d’options de produit et une application de lots
  • une application d’abonnement et un bouton d’ajout au panier personnalisé

Le problème apparaît sur certaines pages et pas sur d’autres

Une application peut ne se charger que sur les pages produit, les pages de collection ou le panier. Si le problème suit ce schéma, il oriente vers l’application qui se charge à cet endroit.

Que dois-je vérifier en premier ?

Ces vérifications sont sans risque et ne modifient rien dans la boutique.

Notez ce qui a changé et quand

Prenez une note simple avec la date de début du problème, les applications récemment installées, mises à jour ou supprimées, les modifications du thème et les autres personnes qui ont accès à la boutique, comme le personnel, un freelance ou une agence.

Reproduisez le problème dans une fenêtre privée

Ouvrez la boutique dans une fenêtre de navigation privée, afin de la voir comme un nouveau visiteur. Essayez sur mobile et sur ordinateur.

Notez l’URL de la page, ce sur quoi vous avez cliqué, ce que vous attendiez et ce qui s’est passé à la place. Une capture d’écran ou un court enregistrement d’écran aide toute personne qui mène l’analyse.

Vérifiez si le checkout est touché

Essayez d’atteindre le checkout avec un produit de test. Si les clients ne peuvent pas payer, le problème devient urgent et vous voudrez peut-être le traiter avant tout le reste. Consultez le checkout Shopify ne fonctionne pas pour en savoir plus sur cette situation.

Passez en revue vos applications installées

Ouvrez la liste des applications installées dans l’administration Shopify et regardez-la avec un œil neuf :

  • Y a-t-il des applications que vous n’utilisez plus ?
  • Y a-t-il des applications qui font le même travail ?
  • Y a-t-il des applications installées récemment que vous ne reconnaissez pas ?
  • Une application affiche-t-elle un avertissement ou demande-t-elle de nouvelles autorisations ?

Ne désinstallez rien pour l’instant. Faites simplement une liste.

Comment tester sur un thème dupliqué ?

Tester sur un thème dupliqué est la façon la plus sûre d’analyser un problème d’application lié au thème. Votre boutique en ligne reste exactement telle quelle pendant que vous faites vos essais sur une copie.

Le principe général est le suivant :

  1. Dupliquez le thème en ligne.
  2. Ouvrez la copie dans l’éditeur de thème.
  3. Désactivez une intégration d’application ou retirez un bloc d’application à la fois.
  4. Prévisualisez la copie et vérifiez si le problème est toujours présent.
  5. Notez le résultat de chaque modification.

Si le problème disparaît après la désactivation d’une intégration précise, vous tenez une piste sérieuse.

Quelques points à garder à l’esprit :

  • Le thème dupliqué n’est visible que par vous en aperçu, donc les clients ne sont pas concernés.
  • Les modifications apportées à la copie n’affectent pas le thème en ligne.
  • Certaines applications chargent des scripts qui ne dépendent pas du thème : elles peuvent donc continuer à s’exécuter dans l’aperçu.
  • Certaines applications sont liées à un thème précis et peuvent ne pas se comporter de la même façon sur une copie.

Si le problème ne change pas du tout sur la copie, c’est tout de même une information utile. Cela peut indiquer une application qui fonctionne en dehors du thème, les paramètres propres de l’application ou une cause sans lien avec les applications.

Et le code laissé par d’anciennes applications ?

C’est l’une des causes les plus fréquentes de problèmes difficiles à expliquer.

Lorsqu’une application ajoute du code directement au thème puis est désinstallée, ce code peut rester dans les fichiers du thème. Il peut :

  • essayer de charger un script qui n’existe plus
  • afficher une case vide ou un widget cassé
  • provoquer des erreurs qui empêchent d’autres scripts de la page de fonctionner
  • ralentir la boutique
  • interférer avec l’application qui l’a remplacée

Certains développeurs d’applications publient des instructions pour supprimer leur code après la désinstallation : consultez les pages d’aide de l’application.

Le code résiduel explique aussi pourquoi une nouvelle copie de votre thème fait parfois disparaître un problème. C’est un test utile, mais reconstruire ainsi le thème en ligne implique de refaire chaque personnalisation.

Ce qu’il faut éviter

Lorsque la boutique ne fonctionne pas correctement, il est tentant de tout essayer à la fois. Ces actions rendent souvent la situation plus difficile à comprendre ou à annuler :

  • Désinstaller plusieurs applications à la fois. Vous ne saurez pas laquelle était responsable, et vous risquez de perdre des paramètres et des données d’application difficiles à reconstituer.
  • Modifier directement le code du thème en ligne. Travaillez d’abord sur une copie.
  • Supprimer du code que vous ne comprenez pas. Il peut appartenir à une application que vous utilisez encore ou à une fonctionnalité personnalisée.
  • Installer une autre application pour résoudre le problème. Cela peut ajouter un nouveau conflit à l’ancien.
  • Publier un autre thème dans la précipitation. Le nouveau thème peut ne pas inclure vos sections, vos paramètres ou vos blocs d’application.
  • Négliger les données de l’application. Désinstaller une application d’avis, d’abonnements ou de fidélité peut supprimer des données sur lesquelles comptent les clients. Vérifiez d’abord s’il existe un export.

Dois-je contacter le développeur de l’application ?

Souvent, oui. Les développeurs d’applications connaissent leur propre code et voient fréquemment les mêmes conflits dans de nombreuses boutiques.

Pour obtenir rapidement une réponse utile, indiquez :

  • l’adresse myshopify de votre boutique
  • le nom du thème et sa version, si vous la connaissez
  • l’URL de la page où le problème apparaît
  • une courte description de ce qui se passe et de ce qui devrait se passer
  • des captures d’écran ou un enregistrement d’écran
  • le moment où le problème a commencé
  • les autres applications qui interviennent sur la même fonctionnalité
  • ce que vous avez déjà essayé, y compris les tests sur un thème dupliqué

Beaucoup de développeurs demanderont un accès collaborateur pour analyser le problème. N’accordez que les autorisations nécessaires, utilisez les fonctionnalités d’accès collaborateur ou de compte employé de Shopify plutôt que de partager vos propres identifiants, et retirez l’accès une fois le travail terminé. N’envoyez jamais votre mot de passe par e-mail ou par chat.

Lorsque deux applications sont en conflit, chaque développeur peut renvoyer la responsabilité vers l’autre. Une personne capable d’examiner l’ensemble de la boutique peut décider où la correction doit être apportée.

Quand demander de l’aide ?

Il est judicieux de faire appel à un développeur lorsque :

  • le checkout, le panier ou le bouton d’ajout au panier est touché
  • vous ne parvenez pas à identifier l’application responsable après des tests simples
  • deux développeurs d’applications ou plus se renvoient la responsabilité
  • le problème implique du code ajouté directement au thème
  • vous soupçonnez du code résiduel d’applications supprimées depuis longtemps
  • la boutique compte beaucoup d’applications et est devenue lente ou instable
  • le problème touche les prix, le stock, les remises ou les commandes
  • vous n’êtes pas à l’aise avec le code du thème

Quelles informations rassembler ?

Les mêmes informations que celles que vous enverriez à un développeur d’application sont utiles ici, plus la liste des applications installées, les résultats des tests sur un thème dupliqué, les réponses éventuelles des développeurs et le fait que des clients aient signalé ou non des problèmes. Vous n’avez pas besoin de tout cela pour commencer : une courte description suffit pour ouvrir une demande.

Comment D4Hub peut vous aider

L’objectif n’est pas seulement de faire disparaître le symptôme, mais de comprendre quel composant est responsable et de le corriger au bon endroit.

Selon la situation, D4Hub peut vous aider à :

  • passer en revue vos applications installées et la façon dont chacune se connecte à la boutique
  • tester les intégrations et les blocs d’application sur un thème dupliqué
  • trouver et supprimer en toute sécurité le code laissé par des applications désinstallées
  • identifier les conflits entre applications qui interviennent sur la même fonctionnalité
  • échanger avec les développeurs d’applications en leur fournissant les détails techniques nécessaires
  • vérifier le panier, l’ajout au panier et le checkout après une correction
  • réduire le nombre d’applications lorsque plusieurs se recoupent
  • recommander une routine plus sûre pour installer et tester de nouvelles applications

Vous pouvez demander de l’aide à n’importe quelle étape. D4Hub peut vous guider pour une seule vérification, confirmer si une action est sans risque ou prendre en charge l’analyse complète.

Ouvrir un ticket de support

Pour les utilisateurs techniques : vérifier les applications et le code du thème

Ces vérifications s’adressent aux utilisateurs à l’aise avec l’éditeur de thème et le code de thème Shopify. Travaillez toujours sur une copie du thème en ligne, jamais sur le thème publié.

Avant de commencer, gardez une sauvegarde du thème en ligne : téléchargez une copie depuis le menu d’actions du thème (Shopify envoie le fichier par e-mail) ou créez une copie supplémentaire que vous laissez intacte comme référence.

Dupliquez le thème en ligne

  1. Dans l’administration Shopify, allez dans Online Store > Themes (Boutique en ligne > Thèmes).
  2. Ouvrez le menu d’actions (les trois points) à côté du thème en ligne.
  3. Choisissez Duplicate (Dupliquer).
  4. Renommez clairement la copie, par exemple avec « test application » et la date.

Utilisez cette copie pour toutes les étapes suivantes.

Désactivez les intégrations d’applications une par une

  1. Ouvrez la copie dans l’éditeur de thème en cliquant sur Customize (Personnaliser).
  2. Dans la barre latérale gauche, ouvrez le panneau App embeds (Intégrations d’applications).
  3. Désactivez une intégration et enregistrez.
  4. Prévisualisez la copie et testez de nouveau le problème.
  5. Réactivez l’intégration avant de tester la suivante, sauf si vous voulez tester des combinaisons.

Notez chaque résultat. Si le problème disparaît lorsqu’une intégration précise est désactivée, contactez le développeur de cette application avec les détails.

Recherchez les blocs d’application dans le modèle concerné

Dans l’éditeur de thème, ouvrez le modèle où le problème apparaît, comme le modèle de produit par défaut. Vérifiez les sections à la recherche de blocs d’application. Masquez-les ou retirez-les un par un sur la copie et prévisualisez le résultat.

Recherchez des snippets d’applications dans le code du thème

  1. Sur la copie, ouvrez le menu d’actions et choisissez Edit code (Modifier le code).
  2. Cherchez dans le dossier Snippets des fichiers portant le nom d’applications, y compris d’applications que vous avez désinstallées.
  3. Ouvrez le fichier de mise en page principal, généralement layout/theme.liquid, et cherchez les lignes qui affichent ces snippets ou chargent des scripts externes.

Le code d’application apparaît souvent sous la forme d’une ligne semblable à :

{% render 'app-name-snippet' %}

Les thèmes plus anciens peuvent utiliser include au lieu de render. Si vous trouvez une référence à une application que vous n’utilisez plus, mettez-la en commentaire sur la copie plutôt que de la supprimer :

{% comment %}
{% render 'old-app-snippet' %}
{% endcomment %}

Prévisualisez et testez. Si tout fonctionne, notez la modification avant d’appliquer la même correction au thème en ligne. L’éditeur de code conserve les versions précédentes de chaque fichier que vous modifiez, ce qui aide si vous devez revenir en arrière.

Consultez la console du navigateur

Ouvrez la page concernée dans votre navigateur, ouvrez les outils de développement et regardez l’onglet Console. Les erreurs qui mentionnent un domaine ou un nom de script appartenant à une application sont un indice utile. Copiez le texte du message pour le développeur de l’application, mais vérifiez d’abord qu’il ne contient pas de données personnelles.

Vérifiez les pixels et les autorisations des applications

Les applications de suivi peuvent enregistrer des pixels gérés dans les paramètres de la boutique plutôt que dans le thème. Consultez la zone des événements clients dans Settings (Paramètres) pour voir quels pixels sont actifs. Dans la liste des applications installées, vérifiez les accès de chaque application et supprimez celles que vous n’utilisez plus, une à la fois, après avoir exporté les données qu’elles contiennent.

D4Hub peut vous aider à lire les résultats de ces tests et à décider quelle modification peut être appliquée sans risque à la boutique en ligne.

Questions fréquentes

Une application peut-elle endommager mes produits ou mes commandes ?

La plupart des applications qui causent des problèmes sur la vitrine ne touchent pas à vos produits ni à vos commandes. Cependant, les applications autorisées à modifier des données, comme les applications de stock, de tarification ou de modification en masse, peuvent changer des données si elles dysfonctionnent. Si vous remarquez des modifications inattendues sur des produits ou des commandes, mettez en pause les automatisations de l’application et contactez le développeur avant toute autre action.

Désinstaller une application supprime-t-il tout son code ?

Pas toujours. Les applications conçues avec des extensions d’application de thème sont généralement supprimées proprement. Les applications qui ont ajouté du code directement au thème peuvent laisser des snippets et des références à des scripts, ce qui peut provoquer des erreurs ou ralentir la boutique.

Pourquoi le problème persiste-t-il sur un thème dupliqué avec l’application désactivée ?

Certaines applications chargent des scripts indépendamment du thème : elles continuent donc à s’exécuter quoi que vous changiez dans les fichiers du thème. Le problème peut aussi venir des paramètres propres de l’application, d’une autre application ou du thème lui-même. Un test sur un thème dupliqué réduit les possibilités, mais ne répond pas à tous les cas.

Dois-je désinstaller toutes les applications pour trouver la coupable ?

Non. Retirer les applications une par une sur la boutique en ligne peut casser des fonctionnalités sur lesquelles comptent les clients et supprimer des données d’application. Testez d’abord sur un thème dupliqué, et ne désinstallez une application qu’une fois sûr qu’elle est en cause et après avoir exporté tout ce dont vous avez besoin.

À partir de combien d’applications est-ce trop ?

Il n’y a pas de nombre fixe. Ce qui compte, c’est que chaque application soit nécessaire, que plusieurs applications ne se recoupent pas et ce que chacune ajoute au temps de chargement des pages. Passer régulièrement en revue les applications installées est une bonne habitude. Consultez pourquoi ma boutique Shopify est-elle lente ? pour en savoir plus sur l’impact des applications sur la vitesse.

Le développeur de l’application dit que le problème ne vient pas de son application. Que faire ?

C’est possible : la cause peut être une autre application ou le thème. Partagez avec lui les résultats de vos tests sur un thème dupliqué et, si deux développeurs se renvoient la responsabilité, demandez à une personne capable d’examiner l’ensemble de la boutique d’identifier où se produit le conflit.

Ressources associées

Services et technologies associés