Apprenez à tester les plugins WordPress et WooCommerce dans Staging. Le site e-commerce 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 de l'e-commerce. Heureusement, vous pouvez éviter cela si vous testez vos plugins WordPress et WooCommerce en phase de test.
Cet article explique le processus de création d'un site web de démonstration pour tester vos plugins WordPress et WooCommerce afin d'éviter des erreurs coûteuses. Il couvrira :
Dans WordPress, la mise en scène fait référence à un clone hors ligne que vous concevez de votre site WordPress pour le tester. C'est un excellent outil pour tester votre site web et vos plugins sans affecter ce que voient les visiteurs de votre site web.
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 du site web, mais les plugins offrent une solution simple. En quelques secondes seulement, vous pouvez créer un clone de votre site web, ce qui vous permet d'effectuer des mises à jour et d'installer des plugins WooCommerce sans effort.
La mise en scène est essentielle lorsque vous mettez à jour votre site web, car elle peut éviter que votre site ne soit endommagé :
Le lancement d'une mise à jour de votre site web peut se dérouler de bien des façons, et si vous avez un volume de trafic important et que vous ne savez pas que le site ne fonctionne pas correctement, vous risquez de perdre des tonnes de ventes ! Le lancement des mises à jour est une tâche qui peut vous rendre fou si vous ne l'abordez pas avec un plan en tête.
Pour éviter tous ces tracas, testez vos mises à jour et vos plugins avant de les publier. Vous bénéficierez de nombreux avantages grâce aux tests, notamment
Le développement d'un site web est un travail de longue haleine. Tout au long de la vie de votre site web, vous lancerez probablement plusieurs nouvelles mises à jour et plugins, ce qui peut devenir monotone. Certains diront même que c'est ennuyeux, mais vous pouvez éviter cette monotonie ennuyeuse 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 le vendredi. Vous éviterez ainsi des tonnes de chaos et de problèmes potentiels pour le week-end.
Outil de capture d'écran Browserstack
L'outil de capture d'écran de Browserstack permet de générer facilement des captures d'écran en cliquant sur un bouton. Il vous suffit 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 se charge du reste.
Outil de capture d'écran de 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 offre la possibilité de comparer les captures d'écran, les versions beta et dev, et un outil de débogage natif.
Outil de capture d'écran CrossBrowserTesting
L'outil de capture d'écran de CrossBrowserTesting vous permet de faire des captures d'écran en utilisant l'application web ou leur API. Lorsque vous utilisez l'API, vous pouvez prendre plusieurs captures d'écran en même temps à travers vos URL.
1. Dressez la liste de 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. Dressez la liste des URL que vous testerez après la mise à jour. Vous voudrez inclure vos modèles de post-types personnalisés, les modèles WordPress et les pages principales de votre site web (comme la page de contact, la page d'accueil, les pages de produits, les pages de catégories et la page de paiement).
4. Dressez la liste des 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 tous les scénarios pertinents pour votre site web.
5. Créer une liste de scripts de test pour tester les scénarios.
1. Dupliquez l'ensemble de votre site web dans un environnement de démonstration tout en vous assurant que MySQL et PHP sont les mêmes sur les deux sites web. En fonction de votre fournisseur d'hébergement, vous pouvez avoir la possibilité de créer un environnement de test en un clic. WPEngine, SiteGround et GetFlyWheel sont quelques hébergeurs qui proposent la création d'un environnement de test en un clic.
2. Veillez à ce que le site de démonstration corresponde au site d'origine. Vous pouvez le faire en jetant un coup d'œil sur le site.
3. Faites des captures d'écran de toutes vos URL à l'aide de l'outil de capture d'écran pleine page. Veillez à faire des captures d'écran de tous les systèmes, tels que Chrome, Firefox, Safari, Edge, Android et iPhone. Il existe des outils pour simplifier ce processus.
4. Mettez à jour les éléments suivants :
5. Faites des captures d'écran du site de démonstration mis à jour. Une fois de plus, faites 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 énumérés précédemment. Assurez-vous que les formulaires, la caisse et les autres éléments essentiels de votre site Web fonctionnent correctement.
1. Effectuez une sauvegarde du site actif.
2. Créez des captures d'écran de tous les URL.
3. Mettre à jour le site en direct.
4. Vérifiez que tout est mis à jour dans le backend. Cliquez sur rafraîchir pour voir si la mise à jour a échoué pour quoi que ce soit sur le site.
5. Videz le cache de votre site en ligne.
6. Créez vos captures d'écran.
7. Comparez les captures d'écran de l'étape 2 à celles de l'étape 6.
8. Exécutez les scripts de test que vous avez énumérés précédemment.
9. Contrôlez votre site web à l'aide d'un contrôle visuel rapide.
10. Félicitez-vous !
Les scripts automatisés facilitent les tests de votre site web WordPress, mais il existe d'autres options. La première consiste à vérifier manuellement. L'autre consiste à faire appel à un développeur.
La création d'un script de test peut prendre du temps, mais il est assez simple de réutiliser le script une fois qu'il a été créé. Voici les avantages des scripts de test par rapport aux tests manuels :
Ce qu'il faut retenir, c'est que tester vos plugins WordPress et WooCommerce en phase d'essai peut vous éviter une catastrophe. Le processus est relativement simple et, armé de cette liste de contrôle, vous avez tout ce qu'il faut pour réussir votre mise à jour.
Qu'il s'agisse de vous fournir les étapes nécessaires à l'installation de vos plugins ou d'effectuer la maintenance de WordPress ou de WooCommerce, nous nous engageons à vous aider à prospérer dans le domaine du commerce électronique. Si vous souhaitez que nous gérions votre site WordPress afin que vous puissiez vous concentrer sur les aspects essentiels de votre activité, contactez-nous dès aujourd'hui et nous nous ferons un plaisir de vous aider !
