La mise à jour de votre magasin WooCommerce est une chose sérieuse car vous pouvez briser certaines fonctionnalités qui pourraient affecter négativement vos résultats ou simplement la façon dont votre site fonctionne.

Il y a quatre écoles de pensée parmi les propriétaires de magasins lorsque les mises à jour de WooCommerce roulent :

• Le cow-boy : Ces propriétaires de magasins appuient sur « update » sans y réfléchir à deux fois. Puis leurs magasins s’effondrent autour d’eux.
• Le Couch Potato : Ceux qui ignorent tout simplement les mises à jour, les traitant comme si elles n’existaient pas.
• Le chat effrayé : Ces propriétaires de magasins ont tellement de plugins et de thèmes périmés parce qu’ils sont terrifiés par ce qui se passera s’ils tentent une mise à jour.
• Le Maverick : Enfin, ce sont les propriétaires de magasins qui effectuent des sauvegardes régulières, testent les nouvelles versions de WooCommerce sur un site de mise en scène, puis mettent à jour leur site en direct sans problème.

Enfin, tout le monde devrait être un Maverick. Heureusement, il n’est pas difficile d’en être un ! Avec les bons outils en place, une liste de contrôle de test solide et un peu d’automatisation, vous pouvez commencer à garder votre site WooCommerce à jour et à toujours fonctionner sans problème.

Dans ce post, nous allons vous faire passer par la façon d’effectuer une mise à jour WooCommerce sûre du début à la fin, y compris les outils à utiliser et une grande liste de contrôle de test et de mise à jour.

Prêts à commencer ? Alors, faisons-le !

Investissez un peu de temps maintenant pour gagner beaucoup de temps (et d’anxiété) plus tard

Avant de nous plonger, les meilleures pratiques nous disent que vous ne devriez jamais mettre à jour votre site, en particulier WooCommerce, sans tester minutieusement toute nouvelle version au préalable. Cela vaut pour les versions majeures, mineures et correctives – cela n’a pas d’importance.

Vous devez être prêt à passer un peu de temps maintenant pour gagner beaucoup de temps plus tard.

Vous n’avez pas besoin d’appuyer sur ce bouton  » mise à jour  » tout de suite. Donnez-vous un peu de temps et assurez-vous de bien comprendre les changements qui seront apportés et, surtout, l’impact qu’ils pourraient avoir sur tout le reste de votre site. Le simple fait de lire les nouvelles fonctionnalités disponibles dans la version de WooCommerce vers laquelle vous souhaitez effectuer la mise à jour vous aidera à vous faire une idée de ce à quoi vous devez vous préparer.

Pour mettre les choses en perspective, et comprendre à quel point les choses pourraient facilement se briser, pensez-y du point de vue d’un développeur de plugin ou de thème pendant une seconde : puisque le noyau de WooCommerce, ainsi que le noyau de WordPress, doivent être rétrocompatibles. Maintenant, pensez au nombre de plugins que vous – ou le site de votre client – utilisez. Quelle est la probabilité qu’une mise à jour de WooCommerce casse certaines fonctionnalités ? Eh bien, je suppose que vous connaissez déjà la réponse : extrêmement probable.

C’est pourquoi, juste après l’annonce d’une mise à jour de WooCommerce, il est toujours bon de consulter les changelogs et les forums de support de WordPress.org avant de mettre à jour WooCommerce. S’il y avait un problème avec une mise à jour, 99% du temps, quelqu’un d’autre aurait rencontré le problème en premier, vous évitant une tonne de temps et de tracas à traiter le problème vous-même.

Il n’est pas rare non plus de s’abstenir de pousser la mise à jour de WooCommerce immédiatement sur votre site et d’attendre que les auteurs de plugins/thèmes publient leurs propres mises à jour des produits liés à WooCommerce avant de pouvoir mettre à jour votre site également. Donc, être patient et prendre le temps de vérifier la compatibilité peut vraiment payer.

Lorsqu’il s’agit de mettre à jour votre site WooCommerce, opérez-vous comme 🤠 le cow-boy, 🥔 le Couch Potato, 🙀 le Scaredy-Cat, ou 😎 le Maverick ? Cliquez pour voir quel type de propriétaire de magasin vous êtes 👇Click to Tweet

Démarrer avec votre mise à jour de WooCommerce

Il y a quatre étapes essentielles lorsqu’on aborde les mises à jour de WooCommerce, chacune avec ses propres étapes définies. Nous vous promettons qu’après avoir tout parcouru une fois, cela devient plus rapide et plus facile à chaque fois ! Nous allons vous guider à travers chacune des quatre étapes suivantes de la mise à jour de WooCommerce :

Mise à jour de WooCommerce : Obtenir les bons outils

Démontrons-le : tester manuellement WooCommerce est fastidieux et prend du temps. C’est pour ces raisons que tant de gens ne le font tout simplement pas ou, quand ils le font, ils ne testent pas correctement et manquent des erreurs sur leurs sites.

Heureusement, il existe des outils qui peuvent aider à accélérer le processus de test et le rendre moins ennuyeux à faire. Après avoir testé d’innombrables fois les mises à jour de WooCommerce au fil des ans, voici les outils que nous recommandons. Regardons de plus près chacun d’eux.

Site de mise en scène

Ceci n’est pas négociable. Vous ne devriez jamais mettre à jour votre site en direct immédiatement après une nouvelle version de WooCommerce. Les sites de staging fournissent un environnement de test où vous êtes libre de casser des choses (généralement sans répercussion).

Ici, vous pouvez exécuter des mises à jour de WooCommerce, tester de nouvelles versions et voir comment votre site pourrait réagir avant de mettre à jour votre site live. Si vous n’avez pas de site de mise en scène, Kinsta peut vous aider (nous proposons des environnements de mise en scène en un clic) :

Outils de comparaison visuelle

Comment savez-vous si votre site a changé après une mise à jour de WooCommerce ? Si vous gérez un grand site avec des dizaines de pages, traquer les petits changements de formatage ou même les widgets qui ont cessé de s’afficher peut prendre du temps.

Avec un outil de comparaison visuelle comme WP Boom, que nous allons utiliser pour ce tutoriel, vous pouvez prendre un instantané de votre site, appuyer sur « mise à jour », puis prendre un deuxième instantané afin de voir rapidement ce qui a changé :

Il est important de souligner qu’un changement visuel ne signifie pas nécessairement qu’une certaine pièce de fonctionnalité a cassé sur votre site, juste qu’elle pourrait être cassée.

Outils de test de bout en bout

Alors que les outils de comparaison visuelle peuvent vous aider à repérer rapidement les changements dans le formatage et la conception de votre site, les outils de test de bout en bout vont plus loin. Ils testent la fonctionnalité réelle de votre site et offrent plus de certitude lorsque quelque chose ne fonctionne pas.

Cliquer sur votre site pour effectuer des tests, comme ajouter un article au panier et passer à la caisse, prend du temps. Ces tâches deviennent vieilles assez rapidement lorsque vous avez testé des mises à jour de WooCommerce une centaine de fois auparavant.

Avec des outils de test de bout en bout, vous pouvez automatiser ce processus afin qu’il soit fait automatiquement pour vous.

Avec la fermeture de Robot Ninja, nous allons vous montrer comment utiliser deux outils différents dans ce tutoriel.

Le premier est Ghost Inspector:

Le deuxième outil de test de bout en bout que vous pouvez essayer est Usetrace:

C’est un autre outil de test de bout en bout automatisé pour WooCommerce, que vous pouvez utiliser à la fois sur les sites de staging et les sites en direct. Nous verrons comment configurer les deux plus tard dans cet article. WooCommerce a également quelques tests E2E que vous pouvez exécuter si vous êtes plus un développeur.

Outils de sauvegarde

Vous devriez exécuter des sauvegardes régulières de votre site. Si vous êtes intéressé par les sauvegardes de base de données, nous vous recommandons WP Migrate DB Pro, ou simplement l’utilisation de WP-CLI pour exécuter des exportations rapides.

Si vous êtes avec Kinsta, nous fournissons des sauvegardes quotidiennes automatiques, des points de sauvegarde manuels et une rétention de sauvegarde pour tous nos plans :

Une fois que vous avez les bons outils en place, il est temps de faire un peu de préparation.

Mise à jour de WooCommerce : Préparation (une liste de contrôle en 7 étapes)

Si vous voulez que votre mise à jour de WooCommerce se déroule en douceur, vous devez faire un peu de préparation. Il y a un peu de travail à faire, mais après avoir préparé une fois, il est plus facile de remplir les blancs et de le faire plus rapidement la prochaine fois que vous mettez à jour. Voici les sept étapes de préparation que nous recommandons.

Étape 1 : Se re-familiariser avec le site que vous mettez à jour

Si vous n’êtes pas sûr de la façon dont votre site est censé fonctionner (c’est-à-dire s’il s’agit du site d’un nouveau client), prenez quelques notes. Cela aidera à atténuer une partie de l’anxiété que vous pourriez ressentir si vous êtes confus sur la façon dont le site fonctionne après une mise à jour (cela se produit plus souvent que vous ne le pensez).

Je recommande également de faire une liste des URL critiques et de la fonctionnalité de votre site (et des clients). Cela devrait inclure les pages importantes de votre site, telles que votre accueil, la catégorie et le produit, ‘mon compte’, le panier et les pages de paiement.

Etape 2 : Vérifiez que vos sauvegardes sont à jour

Si vos sauvegardes ne sont pas à jour, c’est le moment d’exécuter une autre sauvegarde. Re-familiarisez-vous avec votre outil de sauvegarde. Plus important encore, vérifiez s’il fonctionne correctement et assurez-vous de savoir comment revenir à un instantané antérieur de votre site.

Étape 3 : Configurer WP Boom

Il ne faut qu’une minute pour configurer cet outil. Si votre mémoire et votre prise de notes ne sont pas excellentes (nous pouvons tous faire des erreurs), WP Boom peut aider à combler les lacunes avec des captures d’écran de votre site. Pensez à eux comme les photos « avant » dans les promotions de perte de poids.

Vous voudrez commencer par prendre votre premier instantané de site, afin d’avoir un enregistrement visuel de base de votre site de mise en scène avant la mise à jour.

Il ne sera généralement pas en mesure de prendre des captures d’écran de la caisse (vous avez besoin de certains produits dans votre panier) et des pages protégées, mais c’est là qu’un des outils suivants peut aider.

Note : Nous vous guiderons à travers la façon de configurer et d’utiliser WP Boom plus tard dans ce post.

Étape 4 : Configurer votre outil de test automatisé

Si vous testiez WooCommerce manuellement, c’est la partie où vous feriez une liste de scénarios de test : c’est-à-dire, ouvrir votre site, ajouter un produit au panier, aller à la caisse, entrer les informations de paiement, etc.

Heureusement, Ghost Inspector et Usetrace peuvent tous deux faire automatiquement tout cela pour vous. Nous expliquerons comment configurer ces deux outils dans un instant.

Etape 5 : Identifiez toutes les autres parties de votre site que vous voulez tester

L’étape suivante consiste à identifier toutes les autres parties de votre site que vous voulez tester, sur la base de la liste des URL et des fonctionnalités critiques que vous avez créée précédemment. Il peut s’agir de fonctionnalités telles que les formulaires de contact et les pop-ups, ou d’éléments tels que les diaporamas et les galeries.

Vous pouvez tester ces choses manuellement, ou si vous êtes plus technique, vous pouvez vous essayer à l’automatisation de cette étape également.

Étape 6 : Vérifiez les nouveautés de la version de WooCommerce vers laquelle vous vous mettez à jour

C’est également une bonne idée de voir quelles nouvelles mises à jour et fonctionnalités sont disponibles dans la version de WooCommerce vers laquelle vous vous mettez à jour. Plus précisément, vérifiez si vos plugins et votre thème sont compatibles avec celle-ci.

Encore, il vaut mieux passer un peu de temps maintenant pour vous épargner du temps et de l’anxiété plus tard. Nous vous recommandons de vérifier les annonces de version sur WooCommerce.com, les journaux de modification, les problèmes GitHub et les forums de support WordPress.

Étape 7 : Clonez votre site en direct vers votre environnement de mise en scène

Si vous utilisez des plugins qui disposent d’un mode de mise en scène, comme WooCommerce Subscriptions, activez-les ou désactivez-les simplement. De même, vous voudrez désactiver les emails.

Puis, vérifiez deux fois pour vous assurer que votre environnement de staging imite votre site en direct aussi fidèlement que possible. Nous suggérons également d’activer le mode de débogage de WordPress à ce stade, pour aider à la résolution des problèmes sur la route.

Important : Après avoir poussé votre site vers la mise en scène, vous ne voulez pas perdre les commandes qui pourraient arriver. Pour éviter cela, notre recommandation serait de mettre votre boutique WooCommerce en mode maintenance. Cela garantira qu’aucune commande ne sera passée pendant que vous effectuez des mises à jour et des tests.

Mise à jour de WooCommerce : Mettre à jour et tester votre site de staging (une liste de contrôle en 7 étapes)

Maintenant que vous êtes préparé et prêt à partir, voici la partie amusante : mettre à jour votre site de staging. Ce qui est génial avec les sites de staging, c’est que cela n’a pas d’importance si votre site se casse, parce que c’est juste une copie. Jetons un coup d’œil aux étapes impliquées dans cette partie du processus.

Etape 1 : Prenez un instantané de votre site avec WP Boom

La première chose que vous voudrez faire est de prendre un instantané de votre site avec WP Boom. Cela vous donnera un enregistrement visuel de base de votre site de mise en scène, avant la mise à jour.

Etape 2 : Exécutez votre outil de test et assurez-vous que vos tests passent

Comme nous l’avons mentionné précédemment, vous pouvez utiliser un outil de test de bout en bout tel que Ghost Inspector ou Usetrace pour automatiser vos tests. Plus loin dans cet article, nous vous guiderons à travers la façon dont vous pouvez exécuter un test à l’aide de ces deux outils, et vérifier que les tests passent.

Étape 3 : Mettez à jour vos plugins et votre thème

Dans l’étape de préparation, nous avons mentionné de vérifier si vos plugins et votre thème sont compatibles avec la dernière version de WooCommerce vers laquelle vous effectuez la mise à jour. Si vous avez remarqué que vos plugins ou votre thème sont dépassés et ne sont plus compatibles avec la dernière version de WooCommerce, c’est le moment de les mettre à jour vers une version qui est compatible.

Étape 4 : Mettre à jour WooCommerce sur votre site de staging

Une fois que vous avez mis à jour vos plugins et vos thèmes, en vous assurant qu’il n’y aura pas de problèmes de compatibilité, vous êtes prêt à mettre à jour votre site de staging vers la dernière version de WooCommerce. La mise à jour de votre site de staging vous permet d’identifier toute erreur potentielle à résoudre avant de pousser la mise à jour de WooCommerce sur votre site live.

Etape 5 : Vérifiez vos journaux pour les erreurs

Après avoir mis à jour vos plugins, votre thème et WooCommerce, il est intelligent de vérifier vos journaux pour rechercher toute erreur résultant de ces mises à jour. Faites une analyse rapide pour vous assurer que vous pouvez toujours accéder à votre page d’accueil et à la zone d’administration.

Si vous obtenez un écran blanc de la mort ou êtes coincé dans une autre situation irrécupérable, c’est le bon moment pour revenir à un instantané précédent de votre site. Vous pouvez soit faire de la résolution de problème vous-même, soit demander de l’aide.

Étape 6 : Prendre un deuxième instantané pour comparer les changements

Si tout va bien jusqu’à présent, exécutez WP Boom à nouveau et obtenez un deuxième instantané. Comparez vos instantanés avant et après pour voir ce qui a changé.

Ce qui est génial avec WP Boom, c’est qu’il vous dira combien votre site a changé depuis votre dernier instantané.

Par exemple, il pourrait y avoir un changement visuel de 7% entre vos deux ensembles d’instantanés. Bien que cela ne signifie pas nécessairement que votre site est cassé, cela peut signifier que vous devez ajuster certains styles.

Etape 7 : Exécutez à nouveau Ghost Inspector ou Usetrace pour vous assurer que tout fonctionne correctement

Puis, exécutez un autre test en utilisant Ghost Inspector ou Usetrace (ou l’outil de test de bout en bout que vous avez choisi) pour vous assurer que votre flux de paiement est en bon état de fonctionnement. Vous pouvez également effectuer des vérifications manuelles ou automatisées pour toute autre fonctionnalité sur votre site, comme les formulaires de contact.

Si quelque chose ne fonctionne pas comme prévu, c’est le moment de le signaler et/ou de le corriger.

Si vous avez du code personnalisé en cours d’exécution sur votre site (c’est-à-dire, code qui n’est pas maintenu par un développeur de plugin/extension tiers), vous devrez le corriger et vous assurer que les corrections sont appliquées à votre site en direct avant ou après l’exécution de la mise à jour (selon le problème).

Le contrôle de version, comme le fait d’avoir votre site dans Git, peut vous aider à mieux gérer les changements. L’endroit où vous signalez les bugs dépendra des plugins que vous utilisez et de vos dispositions en matière de support. À partir de là, vous devrez soit attendre les nouvelles versions de vos plugins/thème et réessayer le processus, soit travailler sur les correctifs vous-même et mettre à jour votre code.

La bonne nouvelle est que votre site en direct n’est pas cassé, vos clients pourront toujours faire des achats. De plus, vous pouvez prendre le temps de répéter le processus autant que nécessaire jusqu’à ce que vous soyez sûr que tout va fonctionner comme prévu.

Mise à jour de WooCommerce : Mettre à jour et tester votre site en direct (une liste de contrôle en 8 étapes)

Une fois que vous avez mis à jour votre site de mise en scène et que vous l’avez fait fonctionner en douceur, avec toute fonctionnalité cassée corrigée et tous les bugs aplanis, vous êtes prêt à mettre à jour votre site en direct.

Regardons les étapes de la mise à jour de votre site WooCommerce en direct, dont beaucoup seront similaires à celles que vous avez effectuées pendant le test de votre site de staging.

Étape 1 : Sauvegarder votre site en direct

La première étape consiste à sauvegarder votre site en direct. Il est important de s’assurer que vous ne manquez pas cette étape. Si vous êtes un utilisateur de Kinsta, vous avez une variété d’options de sauvegarde à choisir. Cependant, vous pouvez également utiliser un plugin de sauvegarde.

Etape 2 : Prenez un autre instantané de votre site

Puis, vous voudrez prendre un autre instantané de votre site avec WP Boom. Cela vous fournit un enregistrement visuel de base de votre site en direct, avant la mise à jour.

Étape 3 : Exécutez Ghost Inspector ou Usetrace et assurez-vous que vos tests passent

Encore, vous pouvez utiliser Ghost Inspector ou Usetrace pour cela, selon que vous souhaitez utiliser une extension Chrome ou un outil en ligne pour enregistrer vos tests. Cela fournit une autre ligne de base pour votre site avant la mise à jour.

Étape 4 : Synchroniser et pousser vos changements en direct

Puis, selon la façon dont vos environnements de mise en scène et en direct fonctionnent, vous pouvez simplement avoir besoin de synchroniser les changements entre les sites de mise en scène et en direct. Alternativement, vous pourriez avoir à courir à travers la mise à jour de vos plugins et du code à nouveau.

Si vous êtes avec Kinsta, vous pouvez pousser les changements en direct en un clic:

N’oubliez pas de sortir votre magasin WooCommerce du mode maintenance d’abord.

Étape 5 : Vérifiez vos journaux pour les erreurs

Une fois que vous avez terminé la synchronisation de la mise à jour, vérifiez à nouveau vos journaux d’erreurs pour les problèmes qui ont pu se produire en conséquence. Vérifiez que vous êtes toujours en mesure d’accéder à la page d’accueil et à la zone d’administration.

Comme pour le site de mise en scène, si vous obtenez un écran blanc de la mort ou rencontrez une autre situation irrécupérable, il est préférable de revenir à un instantané précédent de votre site et de faire un dépannage ou de demander de l’aide.

Étape 6 : Prenez un autre instantané avec WP Boom

Puis, exécutez à nouveau WP Boom afin d’avoir un deuxième ensemble d’instantanés. Comparez vos instantanés avant et après pour voir si quelque chose a changé.

Etape 7 : Exécutez à nouveau Ghost Inspector ou Usetrace pour confirmer que le site fonctionne correctement

Une fois de plus, vous pouvez utiliser votre outil automatisé pour exécuter un autre test et vous assurer que tout fonctionne comme il se doit. À ce stade, vous pouvez également effectuer toute autre vérification manuelle (ou automatisée) pour d’autres fonctionnalités de votre site, telles que les formulaires de contact.

Si vous avez traité et résolu tous les problèmes plus tôt lors de la mise à jour de votre site d’essai, tels que le code de plugin conflictuel et votre propre code personnalisé, il ne devrait pas y avoir trop de problèmes (s’il y en a) à résoudre à ce stade.

Étape 8 : Effectuer une vérification visuelle finale

Vous avez presque terminé. La seule chose qui reste à faire est de revérifier votre liste d’URLs critiques et de fonctionnalités pour vous assurer que tout fonctionne.

Si tout semble aller bien, c’est fini ! Votre mise à jour WooCommerce est maintenant en direct.

Démarrer avec WP Boom

WP Boom est un outil de test et de comparaison visuelle construit pour WordPress. Une fois qu’il est configuré, vous pouvez comparer des captures d’écran avant et après la mise à jour de votre site, et recevoir des alertes lorsque les mises à jour automatiques provoquent des changements visuels sur vos sites :

Pour commencer avec WP Boom, inscrivez-vous à un compte gratuit. Après avoir saisi votre email et votre mot de passe, une modale apparaîtra pour vous demander de connecter un nouveau site :

Une fois que vous aurez saisi les détails et cliqué sur Create Site, WP Boom se mettra au travail en prenant le premier instantané de votre site. Cela prendra une minute ou deux, selon le nombre de pages que contient votre site :

Quand ce processus sera terminé, la page sera rafraîchie. Lorsque vous cliquez sur le nom de votre site, vous verrez un aperçu de votre instantané, y compris l’heure à laquelle il a été pris et combien de pages se trouvaient sur votre site :

Quand vous êtes prêt à prendre un deuxième instantané, il suffit de retourner au tableau de bord WP Boom, de sélectionner le site que vous voulez capturer, et de cliquer sur Snapshot Selected Sites.

Une autre fonctionnalité intéressante de WP Boom est la possibilité de programmer des instantanés hebdomadaires et des rapports par courriel qui détaillent tout changement visuel sur votre site. Ceci est utile si vous gérez une tonne de sites et avez des mises à jour automatiques en place.

Outils de test automatisés : Ghost Inspector et Usetrace

Il est important de tester et de s’assurer que les fonctionnalités de l’ensemble de votre site WooCommerce fonctionnent correctement après avoir effectué des mises à jour, et pas seulement votre processus de paiement.

Après tout, si un client remplit un formulaire de contact ou essaie d’utiliser le chat en direct et que ces éléments de fonctionnalité sont cassés, comment le saurez-vous si vous ne les avez pas testés ?

Il est facile d’effectuer des tests manuels : il suffit de cliquer sur votre site, de remplir des formulaires et d’utiliser votre fenêtre de chat en direct.

Pour aider à automatiser ce processus, vous pouvez d’abord établir une liste des fonctionnalités critiques, ainsi que des instructions sur la façon d’effectuer manuellement les tests (c’est-à-dire , « Ouvrir le site, naviguer vers la page de contact, remplir le formulaire, etc. »). Cela vous permettra de ne rien manquer à chaque fois que vous effectuerez un test manuel.

Si vous préférez automatiser ce processus, si vous souhaitez avoir plus de contrôle sur vos tests automatisés, ou si vous avez un site ou une fonctionnalité hautement personnalisée, nous vous recommandons de vérifier Ghost Inspector et/ou UseTrace.

Ces deux options sont excellentes si vous n’êtes pas familier avec PHP et ne voulez pas vous embêter avec des scripts et du code. Ces options offrent des fonctionnalités similaires pour automatiser vos tests de vérification.

En fin de compte, l’option avec laquelle vous allez dépendre de si vous voulez utiliser une extension Chrome ou un outil en ligne pour enregistrer vos tests. Sinon, si vous êtes un développeur et que vous aimez vous salir les mains, Codeception est un excellent choix pour les développeurs.

Démarrer avec Ghost Inspector

Ghost Inspector est un outil que vous pouvez utiliser pour automatiser les tests de votre site WooCommerce et vous assurer qu’il fonctionne correctement. La meilleure partie est que vous n’avez pas besoin d’expérience en programmation ou en test pour l’utiliser.

Ghost Inspector fonctionne en ajoutant une extension à votre navigateur Chrome ou Firefox. Ensuite, l’extension enregistre votre site et exécute automatiquement les tests.

Pour commencer, visitez le site Web de Ghost Inspector et cliquez sur Start Your Free Trial. Entrez vos informations dans le formulaire, puis sélectionnez Créer un compte :

Ceci vous redirigera vers une page de bienvenue. En bas, cliquez sur le bouton Installer l’enregistreur de test:

Cela ouvrira le Chrome Web Store dans un nouvel onglet du navigateur. Sélectionnez Ajouter à Chrome:

L’extension Ghost Inspector sera automatiquement ajoutée à votre navigateur, apparaissant dans le coin supérieur droit. La première fois que vous cliquez dessus, elle vous demandera de vous connecter à l’aide de vos informations d’identification :

Rafraîchissez votre navigateur. Lorsque vous êtes prêt à exécuter un test, visitez votre site WooCommerce (en vous assurant que vous êtes déconnecté), puis cliquez sur l’extension du navigateur.

Dans le menu déroulant, sélectionnez l’option « Créer un nouveau test », puis le bouton Démarrer l’enregistrement :

Alors que vous exécutez et testez votre site, Ghost Inspector enregistre toutes vos actions. Lorsque vous avez terminé, cliquez à nouveau sur l’extension, puis sur J’ai fini d’enregistrer :

Vous pouvez alors nommer et enregistrer votre test. Si vous sélectionnez Afficher mon test, cela vous amènera au tableau de bord de l’inspecteur fantôme :

Vous pouvez y voir tous les détails du test. Vous verrez une liste des étapes concernées et aurez la possibilité de les modifier. Vous saurez si le test a réussi et, dans le cas contraire, quelles étapes nécessitent votre attention. Pour des informations plus détaillées, consultez la documentation de Ghost Inspector.

Démarrer avec Usetrace

Si vous voulez utiliser un outil de test automatisé qui n’est pas spécifique à un navigateur, vous pouvez opter pour Usetrace. Avec cet outil, vous créez des  » traces  » en enregistrant vos flux de travail via l’éditeur en ligne Usetrace. Vous pouvez ensuite les utiliser pour tester automatiquement votre site.

Pour commencer, visitez le site web d’Usetrace et cliquez sur S’inscrire et commencer à tester maintenant. Après avoir créé un compte, vous serez redirigé vers le tableau de bord Usetrace. Sélectionnez Commencer par créer une nouvelle trace :

Dans la fenêtre de gauche se trouvent vos étapes de trace et vos paramètres. A droite se trouve le site que vous testez. Pour commencer, cliquez sur Enregistrer les étapes:

Le programme commencera à enregistrer vos interactions sur le site. Chaque fois que vous effectuez une action, comme ajouter un article à votre panier ou remplir un formulaire de contact, il ajoutera un point de contrôle aux étapes de la trace sur la gauche.

Quand vous avez terminé, cliquez sur le bouton Enregistrer les étapes:

Pour parcourir toute la trace afin de confirmer que tout fonctionne, sélectionnez Exécuter la trace dans le coin inférieur gauche :

Une fois qu’il est terminé, vous devriez voir un message de réussite :

Vous pouvez cliquer sur Détails pour en savoir plus sur chaque étape ou sélectionner OK si vous avez terminé. Pour des conseils et des instructions plus détaillés, n’hésitez pas à vous référer à la documentation Usetrace.

Les mots  » mise à jour du site WooCommerce  » vous rendent-ils nerveux ? 😅 Apprenez à compléter le processus en toute sécurité et facilement avec ce guide!Click to Tweet

Summary

Avec les bons outils, un peu de temps de préparation et une solide liste de contrôle en place, vous ne devriez avoir aucun problème pour tester et mettre en œuvre les mises à jour de WooCommerce. Afin d’éliminer l’anxiété entourant la mise à jour de WooCommerce, il est important de démystifier le processus, ce que nous avons fait ici. Avec un peu de chance, ce guide a fourni une base solide pour maintenir votre site WooCommerce à jour.

Nous devrions également souligner qu’il est important de tester également les courriels transactionnels de votre magasin, mais c’est un tout autre voyage.

Maintenant, revenons à vous : Utilisez-vous des outils de visualisation ou de capture d’écran lors de la mise à jour de WooCommerce et de WordPress ? Quels autres outils et flux de travail utilisez-vous pour les mises à jour ? Partagez-les avec nous dans les commentaires ci-dessous !