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 ?

In WordPress, staging refers to an offline clone you design of your WordPress site to test. It’s an excellent tool for testing your website and plugins without affecting what your website visitors see.

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
• Losing the site’s footer
• Displaying the horrifying “White Screen of Death” (WSOD)- a phenomenon that involves your website only showing a blank white screen.

There are many ways that launching updates to your website could go wrong, and if you have a high volume of traffic and don’t know the site isn’t functioning correctly, you could lose tons of sales! Launching updates is one task that could Vous rendre fou  if you don’t approach it with a plan in mind.

Pour éviter tous les tracas, testez vos mises à jour et Plug-ins  before publishing them. You’ll enjoy many benefits by testing, including:

• Un site web qui fonctionne sans problème
• Un site web rapide et sécurisé
• Your website visitors’ trust.

Comment tester correctement les plugins WordPress et WooCommerce

Website development is a long-term game. Throughout the life of your website, you’ll likely launch several new updates and plugins, which can become monotonous. Some might even say it’s annoying, but you can avoid the annoying monotony by using the right tools and a checklist of all the steps you should take before and after an update.

*Please remember not to update your WordPress site on a Friday. You’ll avoid tons of potential chaos and problems for the weekend.

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

Browserstack’s screenshot toolFacilite 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

TestingBot’s screenshot toolVous 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

CrossBrowserTesting’s screenshot toolvous 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. List any of your premium plugins and themes that aren’t updated automatically.

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. List the URLs you’ll test after updating. You’ll want to include your custom post-type templates, WordPress templates, and your website’s primary pages (like your contact page, homepage, product pages, category pages, and checkout page).

4. List scenarios for testing. For instance, a user might log in, go to the products page, then the checkout page. You’ll want to test any scenarios relevant to your website.

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 WPEngine, SiteGround et GetFlyWheel.

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
    • Any items that don’t update automatically.

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. Clear your live site’s cache.

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.

Creating a testing script can be time-consuming, but it’s a pretty straightforward process to reuse the script once it’s made. Here are the advantages of testing scripts over manual testing:

• Les scripts de test éliminent l’erreur humaine.
• Ils vous font gagner du temps de deux façons :

1. 1. When running long scripts, you can let the script handle the checking while focusing on what the scripts can’t do.
   2. Vous pouvez tester jusqu’à 2 appareils et 4 navigateurs à la fois.

The key takeaway is that testing your WordPress and WooCommerce plugins in staging can save you from a catastrophe. The process is relatively straightforward, and, armed with this checklist, you’ve got everything you need to have a successful update.

Whether it’s providing you with the necessary steps to installez en masse vos plugins ou en train d’effectuer Maintenance de WordPress ou WooCommerce , we’re committed to helping you thrive in eCommerce. If you would like us to manage your WordPress so you can focus on the core aspects of your business, Contactez-nous dès aujourd’hui , and we’ll be glad to help!