Tester les plugins WordPress et WooCommerce en staging
En savoir plus sur le test des plugins WordPress et WooCommerce dans le staging. Le site Web de commerce électronique moyen gagne environ 330 000 $ par mois à la fin de sa première année, mais une erreur lors d’une mise à jour ou de l’installation d’un plugin peut vous coûter votre part du gâteau du commerce électronique. Heureusement, vous pouvez éviter cela si vous testez vos plugins WordPress et WooCommerce en staging.
Cet article explique le processus de création d’un site web de staging pour tester vos plugins WordPress et WooCommerce afin d’éviter des erreurs coûteuses. Il couvrira :
- Qu’est-ce que la mise en scène
- Pourquoi devriez-vous tester les plugins WordPress et WooCommerce en staging
- Comment tester correctement les plugins WordPress et WooCommerce
- Les outils dont vous avez besoin pour tester vos plugins WordPress et WooCommerce
- Liste de contrôle pour tester les plugins et les mises à jour WordPress et WooCommerce
- Le rôle des scripts automatisés dans les mises à jour et les installations de plugins WordPress et WooCommerce
Qu’est-ce que la mise en scène ?
Dans WordPress, le staging fait référence à un clone hors ligne que vous concevez de votre site WordPress pour tester. C’est un excellent outil pour tester votre site web et vos plugins sans affecter ce que vos visiteurs voient.
Le clone hors ligne sert de site de test et de site de sauvegarde. Le moment de la sauvegarde et du clonage dépend de la taille d’un site Web, mais Plug-ins offrir une solution simple. En quelques secondes seulement, vous pouvez créer un clone de votre site Web, afin d’effectuer des mises à jour et d’installer des plugins WooCommerce sans effort.
Pourquoi devrais-je tester les plugins WordPress et WooCommerce en staging ?
Le staging est essentiel lorsque vous mettez à jour votre site web car il peut empêcher votre site web de :
- Cassage
- Devenir indisponible
- Travailler sur certains appareils et pas sur d’autres (c’est-à-dire travailler sur des appareils Apple mais pas Android ou travailler sur des ordinateurs portables mais pas sur des tablettes).
- Perte d’accessibilité des pages essentielles (comme la page de paiement, les avis sur les produits ou les formulaires de contact)
- Perte d’accessibilité du menu mobile
- Suppression du pied de page du site
- Afficher l’effrayant « Écran Blanc de la Mort » (WSOD) – un phénomène où votre site web ne montre qu’un écran blanc vide.
Il existe de nombreuses façons dont le lancement de mises à jour de votre site peut mal tourner, et si vous avez un trafic élevé sans savoir que le site ne fonctionne pas correctement, vous pourriez perdre énormément de ventes ! Le lancement des mises à jour est une tâche qui pourrait être Vous rendre fou Si vous ne l’abordez pas avec un plan en tête.
Pour éviter tous les tracas, testez vos mises à jour et Plug-ins avant de les publier. Vous bénéficierez de nombreux avantages en testant, notamment :
- Un site web qui fonctionne sans problème
- Un site web rapide et sécurisé
- La confiance de vos visiteurs sur votre site web.
Comment tester correctement les plugins WordPress et WooCommerce
Le développement de sites web est un jeu à long terme. Tout au long de la vie de votre site, vous lancerez probablement plusieurs nouvelles mises à jour et plugins, qui peuvent devenir monotones. Certains diront même que c’est agaçant, mais vous pouvez éviter cette monotonie agaçante en utilisant les bons outils et une liste de contrôle de toutes les étapes à suivre avant et après une mise à jour.
*N’oubliez pas de ne pas mettre à jour votre site WordPress un vendredi. Vous éviterez énormément de chaos et de problèmes potentiels pendant le week-end.
Les outils dont vous avez besoin pour tester vos plugins WordPress et WooCommerce :
- Outils de capture d’écran pleine page : Utilisez un outil de capture d’écran pleine page avant et après l’installation du plugin ou la mise à jour.
- Lieu de rassemblement : Il s’agit de votre site Web cloné.
- Test de script automatisé : Les outils de test de script automatisés testent automatiquement plusieurs scripts sur votre site Web après l’installation de votre mise à jour ou de votre plugin pour s’assurer que tout fonctionne comme il se doit.
- Outils de comparaison de captures d’écran : Les outils de comparaison de captures d’écran vous permettent de comparer les captures d’écran avant et après que vous prenez afin que vous puissiez repérer les incohérences.
3 outils de capture d’écran pour simplifier votre travail
Outil de capture d’écran Browserstack
Outil de capture d’écran de Browserstack Facilite la génération de captures d’écran en un clic. Tout ce dont vous avez besoin est de sélectionner les types d’appareils et les navigateurs (jusqu’à 25) sur lesquels vous souhaitez vérifier vos URL pour utiliser l’outil. L’outil fait le reste.
Outil de capture d’écran TestingBot
L’outil de capture d’écran de TestingBot Vous permet de choisir parmi plus de 3 200 combinaisons de navigateurs et d’appareils à tester. L’outil propose une comparaison de captures d’écran, des versions bêta et de développement, ainsi qu’un outil de débogage natif.
CrossBrowserTesting Outil de capture d’écran
L’outil de capture d’écran de CrossBrowserTesting vous permet de prendre des captures d’écran à l’aide de l’application Web ou de son API. Lorsque vous utilisez l’API, vous pouvez prendre plusieurs captures d’écran à la fois sur vos URL.
Liste de contrôle pour tester les plugins et les mises à jour WordPress et WooCommerce
Avant l’installation/la mise à jour
1. Listez tous vos plugins et thèmes premium qui ne sont pas mis à jour automatiquement.
2. Visitez le site où vous avez acheté vos plugins et thèmes et recherchez la version la plus récente de l’article.
3. Listez les URL que vous testerez après mise à jour. Vous devrez inclure vos modèles personnalisés de types de publications, des modèles WordPress et les pages principales de votre site web (comme votre page contact, la page d’accueil, les pages produits, les pages de catégorie et la page de paiement).
4. Listez les scénarios à tester. Par exemple, un utilisateur peut se connecter, aller sur la page des produits, puis sur la page de paiement. Vous voudrez tester tout scénario pertinent pour votre site web.
5. Créez une liste de scripts de test pour tester les scénarios.
Sur votre site de staging
1. Dupliquez l’ensemble de votre site Web dans un environnement de staging tout en vous assurant que MySQL et PHP sont identiques sur les deux sites Web. Selon votre fournisseur d’hébergement, vous pouvez avoir la création de staging en un clic. Parmi les fournisseurs d’hébergement qui proposent la création de staging en un clic, citons WP Engine, SiteGround et Flywheel.
2. Assurez-vous que le site de staging correspond au site Web d’origine. Vous pouvez le faire en jetant un coup d’œil sur le site.
3. Prenez des captures d’écran de toutes vos URL à l’aide de l’outil de capture d’écran pleine page. Assurez-vous d’obtenir des captures d’écran de tous les systèmes, tels que Chrome, Firefox, Safari, Edge, Android et iPhone. Il existe quelques outils pour simplifier ce processus.
4. Mettez à jour les éléments suivants :
-
-
- Fichiers de thème et de plugin
- Fichiers de base WordPress
- Tous les éléments qui ne se mettent pas à jour automatiquement.
-
5. Prenez des captures d’écran du site Web de staging mis à jour. Encore une fois, prenez des captures d’écran de toutes les URL et de tous les systèmes.
6. Utilisez votre outil de comparaison de captures d’écran pour comparer les captures d’écran avant de l’étape 3 et les captures d’écran après de l’étape 5.
7. Exécutez les scripts de test que vous avez répertoriés précédemment. Assurez-vous que vos formulaires, votre paiement et d’autres éléments essentiels de votre site Web fonctionnent correctement.
Sur votre site en ligne
1. Effectuez une sauvegarde du site en direct.
2. Créez des captures d’écran de toutes les URL.
3. Mettez à jour le site en direct.
4. Regardez si tout est mis à jour dans le backend. Cliquez sur Actualiser pour voir si la mise à jour a échoué pour quoi que ce soit sur le site.
5. Videz la cache de votre site en direct.
6. Créez vos captures d’écran.
7. Comparez vos captures d’écran de la deuxième étape à celles de la sixième.
8. Exécutez les scripts de test que vous avez répertoriés précédemment.
9. Vérifiez votre site Web avec une vérification visuelle rapide.
10. Tapotez-vous dans le dos !
Le rôle des scripts automatisés dans les mises à jour et les installations de plugins WordPress et WooCommerce
Les scripts automatisés simplifient le test de votre site Web WordPress, mais il existe d’autres options. La première consiste à vérifier manuellement. L’autre est d’embaucher un développeur.
Créer un script de test peut prendre du temps, mais réutiliser le script une fois créé est assez simple. Voici les avantages de tester des scripts par rapport aux tests manuels :
- Les scripts de test éliminent l’erreur humaine.
- Ils vous font gagner du temps de deux façons :
-
- Quand on exécute de longs scripts, vous pouvez laisser le script gérer la vérification tout en se concentrant sur ce qu’ils ne peuvent pas faire.
- Vous pouvez tester jusqu’à 2 appareils et 4 navigateurs à la fois.
L’essentiel à retenir est que tester vos plugins WordPress et WooCommerce dans la staging peut vous éviter une catastrophe. Le processus est relativement simple et, avec cette liste de contrôle, vous avez tout ce qu’il faut pour une mise à jour réussie.
Qu’il s’agisse de vous fournir les étapes nécessaires pour installez en masse vos plugins ou en train d’effectuer Maintenance de WordPress ou WooCommerce , nous nous engageons à vous aider à prospérer dans le eCommerce. Si vous souhaitez que nous gérions votre WordPress afin que vous puissiez vous concentrer sur les aspects fondamentaux de votre entreprise, Contactez-nous dès aujourd’hui , et nous serons ravis de vous aider !