7 bonnes pratiques pour mettre à jour les sites de commerce électronique

En tant que designer indépendant ou en agence, la mise à jour de sites WordPress peut être très amusante. Vous pourriez avoir à faire une exploration complète de la marque, à moderniser un site Web ou à explorer de nouvelles fonctionnalités qui ne manqueront pas d'impressionner votre client.

Mais comme vous le savez probablement, lorsque les mises à jour concernent un site de commerce électronique, il y a un certain nombre de choses à considérer avant de changer quoi que ce soit.

Afin de vous aider à faire face à ces mises à jour du site tout en minimisant les temps d'arrêt ou les pertes de ventes, j'ai conçu ce guide inspiré des conseils des ingénieurs du bonheur de Flywheel et des membres de notre programme de partenaires d'agence.

Ce guide couvrira :

1. 5 signes qu'il est temps pour une refonte du commerce électronique (ou au moins des mises à jour importantes)
2. Pourquoi devriez-vous être prudent lors de la mise à jour des sites de commerce électronique
3. Meilleures pratiques à suivre pour éviter les temps d'arrêt ou les pertes de revenus

5 signes qu'il est temps pour une refonte du commerce électronique (ou au moins des mises à jour importantes)

Nous savons tous que ce n'est pas toujours la meilleure solution pour un client qui demande une refonte complète de son site. En ce qui concerne les sites de commerce électronique en particulier, si vous n'avez pas à le reconcevoir, il est parfois préférable d'essayer de vous débrouiller avec des mises à jour plus petites (pour éviter certains des problèmes dont nous parlerons dans la section suivante).

Cela ne signifie pas pour autant qu'une refonte n'est pas envisageable. En fait, il existe quelques grands scénarios où c'est probablement le bon choix :

1. Le taux de conversion du site est faible.
2. Le taux de rebond du site est élevé.
3. Votre client reçoit des plaintes de clients concernant la fonctionnalité du site.
4. Le thème ou un plugin clé avec lequel le site est construit n'est plus pris en charge par le développeur.
5. Vous lisez cet article.

1. Le taux de conversion du site est faible

Si votre client a une bonne quantité de trafic entrant mais un faible taux de conversion, cela peut être un signe que des problèmes UX se produisent sur le site. Tirez l'URL et commencez à cliquer. Vous pourrez probablement remarquer le problème assez rapidement.

Quelques questions que vous pouvez vous poser :

• La navigation est-elle facile à suivre ?
• Les pages de produits sont-elles claires et faciles à acheter ?
• Le site et le flux de paiement fonctionnent-ils sur les appareils mobiles ?
• Les pop-ups et les widgets s'affichent-ils correctement ?
• Est-il facile de visualiser le panier ?
• La saisie des informations de carte de crédit est-elle sécurisée ?

Bien qu'une refonte de site ne soit pas le seul moyen de résoudre certains de ces problèmes (et ce n'est certainement pas le seul moyen d'augmenter un taux de conversion), c'est un moyen de résoudre certains des problèmes sous-jacents, en particulier si vous rencontrez plus d'un.

2. Le taux de rebond du site est élevé

Comme le taux de conversion, un taux de rebond élevé peut indiquer que quelque chose dans la conception actuelle du site ne résonne pas auprès des acheteurs. L'un des plus grands contrevenants : les temps de chargement lents.

Selon une étude réalisée en 2017 par Google , lorsque le temps de chargement des pages passe de 1 seconde à 5 secondes, la probabilité de rebond augmente de 90 %.

Pour les sites de commerce électronique, un taux de rebond élevé se traduit directement par une perte de revenus. Si c'est quelque chose que vous pouvez résoudre pour vos clients, vous leur fournirez une tonne de valeur (et beaucoup plus d'argent sur leur compte bancaire).

Encore une fois, bien qu'une refonte ne soit pas le seul moyen d'accélérer un site WordPress, elle pourrait être nécessaire si le coupable semble être une partie de la technologie avec laquelle le site est construit. Si le moment semble être le bon moment pour passer à WooCommerce ou passer à une solution de commerce électronique tout-en-un, il peut être judicieux de combiner tous ces changements en une seule grande mise à jour au lieu de les déployer lentement.

3. Votre client reçoit des plaintes de clients concernant la fonctionnalité du site

S'il est littéralement cassé… c'est une assez bonne raison pour une refonte. L'expérience utilisateur est essentielle pour les sites de commerce électronique, car vous avez besoin que le client final se sente en confiance pour faire des choses comme entrer des informations de carte de crédit, ajouter une adresse de livraison ou fournir d'autres données personnelles au site de votre client.

Si vous ou votre client ne testez pas régulièrement leur site, des problèmes fonctionnels peuvent passer inaperçus pendant un certain temps. Espérons que votre client a des clients qui n'ont pas peur de fournir des commentaires et qui enverront un e-mail ou soumettront un ticket d'assistance si des éléments du site sont cassés ou confus.

Si votre client mentionne recevoir des plaintes ici et là, ce n'est probablement pas grave (ou du moins peut être résolu avec des corrections de bogues ponctuelles). Si votre client mentionne un grand nombre de ces plaintes, ou s'il semble y avoir une tendance, c'est un bon signe qu'il peut y avoir un problème plus important et qu'une refonte peut être nécessaire.

4. Le thème ou un plugin clé sur le site n'est plus pris en charge par le développeur

C'est probablement la raison la plus évidente d'une refonte de cette liste, et pourrait en fait être responsable de faibles conversions, d'un taux de rebond élevé et de fonctionnalités cassées. Si le site de votre client dépend d'un logiciel qui n'est plus pris en charge, ce n'est qu'une question de temps avant qu'une refonte ne soit nécessaire.

Avant de tirer des conclusions sur l'arrêt d'un thème ou d'un plugin, c'est une bonne idée de faire vos recherches pour voir ce qui se passe. Peut-être que l'auteur du plugin ou du thème a publié une mise à jour critique que votre client a manquée, ou peut-être qu'il a été acquis par une autre société et qu'il existe un processus de support différent.

En fin de compte, vous pouvez toujours décider qu'une refonte avec un nouveau thème ou un ou plusieurs plugins est nécessaire, mais il est utile d'établir ce contexte avant d'apporter des modifications, afin qu'il n'y ait pas de surprises sur la route.

5. Vous lisez cet article

Si vous êtes ici, je suppose que quelque chose dans votre instinct vous dit que des mises à jour importantes sont en fait nécessaires pour que le site de commerce électronique de votre client puisse prospérer.

Écoutez votre instinct.

Bien que vous deviez identifier l'objectif exact de la refonte, si vous et votre client êtes alignés sur l'ampleur des changements nécessaires, c'est une raison suffisante pour lui donner la priorité au lieu d'essayer de s'en tirer avec de petits correctifs.

Une refonte demandera beaucoup de travail, mais n'oubliez pas que la quantité de travail (et les problèmes potentiels) ne fera qu'augmenter au fur et à mesure que vous retarderez la résolution des problèmes sous-jacents.

Donc, pour récapituler : bien que les mises à jour majeures ne soient pas le seul moyen de résoudre les problèmes des sites de commerce électronique, elles sont parfois nécessaires, en particulier si la fonctionnalité du site ou l'expérience utilisateur est compromise. Si vous vous trouvez dans cette position avec le site d'un client, vous devez réfléchir à quelques éléments avant d'effectuer les mises à jour.

Pourquoi devriez-vous être prudent lors de la mise à jour des sites de commerce électronique

Pour être clair, "prudent" dans ce sens ne signifie pas "ne le fais pas". Les concepteurs Web mettent à jour les sites de commerce électronique tous les jours sans problème, et vous le pouvez aussi !

Quand je dis "prudent", je veux dire qu'il y a quelques éléments supplémentaires à prendre en compte lors de la mise à jour des sites de commerce électronique, et vous vous épargnerez beaucoup de maux de tête si vous y réfléchissez avant de mettre quoi que ce soit en production.

Les temps d'arrêt signifient des ventes perdues et une perte de crédibilité

Les temps d'arrêt sont quelque chose que vous essayez probablement d'éviter avec tous vos sites clients, mais pour les magasins de commerce électronique, le temps de disponibilité est essentiel . Si les visiteurs du site ne peuvent pas accéder à la boutique de votre client, il n'y a littéralement aucune chance pour eux de devenir des clients et cela augmente les chances qu'ils fassent affaire ailleurs.

Un site défectueux peut même détourner définitivement certains visiteurs, leur faisant penser que le magasin a été piraté ou a cessé ses activités.

Pas pour mettre la pression, mais les enjeux sont un peu plus élevés lorsque l'on travaille avec un site de commerce électronique. C'est pourquoi il est préférable d'être préparé avant de faire des mises à jour.

L'écrasement de la base de données risque de perdre des commandes sur le site en direct

Supposons que vous apportiez des modifications dans un environnement intermédiaire alors que le site en ligne est opérationnel et fonctionne normalement. Vous mettez à jour votre code, testez les modifications et passez en production quatre heures plus tard.

Si vous écrasez la base de données, les commandes passées sur le site en direct dans ce délai de quatre heures pourraient être effacées… entraînant des clients confus et des problèmes d'inventaire pour votre client.

Si leur site ne reçoit pas encore trop de trafic, vous pourrez peut-être vous en sortir en écrasant la base de données indemne, mais à mesure que le magasin de votre client devient plus performant (et que la fréquence des commandes commence à augmenter), le risque augmente. Cela signifie que votre flux de travail pour effectuer les mises à jour du site est essentiel pour vous assurer de ne pas écraser tout ce que vous ne voulez pas.

Des changements massifs pourraient mettre en péril l'expérience utilisateur

Avec les sites de commerce électronique, des actions importantes de l'utilisateur se produisent constamment en temps réel, telles que l'ajout de produits à un panier, la saisie d'informations de facturation, la soumission de paiements, etc. Imaginez que vous êtes sur le point d'acheter quelque chose lorsque la conception complète du site que vous êtes sur les changements. Y feriez-vous confiance ?

Probablement pas. Vous cliqueriez sur Actualiser, vous seriez confus, et peut-être même consulteriez-vous le site Web d'un concurrent à la place.

Dans la section suivante, j'examinerai les moyens d'éviter cette incertitude liée aux mises à jour (en particulier à l'échelle d'une refonte). Avec toute mise à jour d'un site de commerce électronique, cependant, c'est une bonne idée de réfléchir à la façon dont les changements seront perçus par les utilisateurs actuellement sur le site au moment des mises à jour, pour vous assurer que vous ne faites rien de trop drastique (surtout pour le flux de paiement).

Maintenant que vous savez quelques éléments à garder à l'esprit lors de la mise à jour des sites de commerce électronique, passons aux bonnes choses !

Meilleures pratiques à suivre pour éviter les temps d'arrêt ou les pertes de revenus

Selon l'ampleur de vos mises à jour, il peut être nécessaire ou non de suivre toutes ces étapes. Mon objectif est que vous puissiez mélanger et assortir ces meilleures pratiques pour découvrir le flux de travail qui fonctionne le mieux pour vous et votre client !

1. Assurez-vous que WordPress, le thème et les plugins clés sont mis à jour

Cette étape résoudra-t-elle à elle seule tous vos problèmes de mise à jour ? Non.

Mais cela garantira que vous n'apportez pas de modifications majeures au site uniquement pour apprendre que quelque chose va se casser ou aurait pu être corrigé en mettant d'abord à jour un plugin.

De plus, une refonte est toujours un bon moment pour l'entretien du site, alors embrassez votre Marie Kondo intérieure et organisez-vous. Effectuez des mises à jour de WordPress, des thèmes et des plugins, archivez les anciennes commandes, nettoyez la base de données et peut-être même désinstallez certains de ces thèmes ou plugins que le site n'utilise plus.

(Nous savons tous à quelle vitesse ils peuvent s'additionner, surtout si votre client gérait son propre site avant de venir vous voir !)

Une fois que tout fonctionnera sur la dernière version, vous saurez exactement avec quoi vous travaillez en ce qui concerne cette refonte. Et qui sait, vous raccourcirez peut-être même votre liste de tâches en résolvant un problème de fonctionnalité simplement en mettant à jour quelque chose !

2. Envisagez d'informer les utilisateurs de la maintenance du site, afin qu'ils sachent quand ne pas magasiner

Cela peut ne pas sembler correct pour tous les sites de commerce électronique, mais si votre client a une petite communauté d'acheteurs, la transparence d'une notification sur les mises à jour du site pourrait être bien appréciée. La meilleure partie est que cela n'ajoute pas trop de travail supplémentaire de votre côté ; il vous suffit de communiquer clairement les délais avec votre client, afin que chacun sache exactement quand s'attendre à ce que les changements se produisent.

Si votre client a beaucoup de clients réguliers, vous pouvez lui suggérer d'envoyer un e-mail informant les utilisateurs de la fenêtre de maintenance. Si votre client vend à un grand nombre de nouveaux visiteurs nets, il peut être intéressant d'explorer un en-tête contextuel ou collant avec un message indiquant quand les mises à jour auront lieu.

Et en parlant de "quand les mises à jour ont lieu", si vous ou votre client êtes inquiet à ce sujet, une autre mesure que vous pourriez prendre consiste à effectuer les changements pendant les heures "hors" (comme tard le soir si la plupart de leurs ventes ont lieu de 9h à 19h). -5).

Bien que ces techniques ne puissent pas garantir que les gens n'achèteront pas pendant la fenêtre de mise à jour, elles peuvent aider à atténuer une partie du risque d'activité sur le site pendant que vous poussez les modifications vers la production.

3. Mettez en place une page de maintenance pendant que vous diffusez les mises à jour en direct

Si la mise à jour du site de commerce électronique pendant que les visiteurs sont actifs n'est pas un risque que vous souhaitez prendre, un moyen infaillible d'arrêter les achats consiste à mettre le site en mode maintenance.

Une page de maintenance ou une page "Bientôt disponible" masque essentiellement tout le contenu de votre site, généralement avec un message du type "Des mises à jour arrivent ; revenez bientôt!”

L'avantage de cette technique est qu'elle a l'air beaucoup plus professionnelle qu'un site cassé. Au lieu de voir votre refonte en cours (et potentiellement dans un état cassé), les visiteurs verront une page de destination simple avec un contexte sur ce qui se passe.

L'inconvénient est que les visiteurs ne pourront pas acheter pendant que le site est en mode maintenance, il est donc préférable de l'activer dès que vous êtes prêt à faire des mises à jour, puis de l'éteindre dès que vous avez terminé. afin que votre client puisse recommencer à générer des ventes.

Ces plugins peuvent vous aider à mettre le site en mode maintenance :

• Mode de maintenance WP
• Fantaisie à venir et mode maintenance
• Mode d'entretien intelligent

Et encore une fois, effectuer des mises à jour pendant les heures creuses peut aider à atténuer toute perte de revenus due à la refonte.

4. Effectuez d'abord des modifications sur un site local ou intermédiaire, puis mettez à jour le site en ligne

Vous avez probablement entendu dire que vous ne devriez jamais apporter de modifications sur un site en ligne et que vous devriez plutôt utiliser un environnement de test ou un environnement local pour tester vos mises à jour avant de passer en production.

C'est toujours une bonne idée de tester d'abord vos mises à jour dans un environnement de développement, mais vous devez faire attention à ne pas pousser automatiquement les modifications en production, au cas où ce processus écraserait la base de données du site en ligne. (Comme je l'ai mentionné plus tôt, cela peut entraîner la perte de commandes, et ce n'est pas un mal de tête auquel vous voulez faire face.)

Ce que de nombreux concepteurs de sites Web font à la place, effectuent les mises à jour manuellement sur le site en direct, après avoir testé le code dans un environnement de développement correspondant. Ce n'est pas le flux de travail le plus fluide, mais cela garantit que votre base de données reste inchangée et vous donne toujours la possibilité de tester des choses avant de modifier le magasin.

Si vous n'avez jamais utilisé de site intermédiaire auparavant, voyez si c'est quelque chose que votre hébergeur WordPress fournit. (Flywheel et WP Engine incluent un site intermédiaire avec chaque plan !) S'il n'est pas déjà inclus dans votre pack d'hébergement, vous devrez peut-être envisager de mettre à niveau votre plan pour déverrouiller cette fonctionnalité.

En ce qui concerne un environnement local, Local est une plate-forme de développement local gratuite avec laquelle vous pouvez démarrer en moins de cinq minutes. Vous pouvez également connecter des sites Flywheel ou WP Engine, ce qui facilite grandement l'extraction d'une copie d'un site de commerce électronique, afin que vous sachiez que les environnements et la base de données correspondent.

5. Contrôle qualité avant et après mise en ligne des modifications

Les tests sont essentiels lors de la refonte d'un site de commerce électronique, et je recommande de le faire avant et après avoir mis en ligne vos modifications.

Les sites de mise en scène de Flywheel et WP Engine, ainsi que Local, vous permettent de travailler sur une copie du site en direct (vous pouvez donc être raisonnablement sûr que si les choses fonctionnent là-bas, elles fonctionneront en production), mais il est toujours judicieux de confirmer tout fonctionne comme prévu une fois vos modifications mises en ligne.

Après tout, vous ne voulez jamais risquer d'imposer des changements à la production, de vous éloigner, puis de recevoir un appel téléphonique en colère de votre client parce que quelque chose s'est cassé et que vous ne vous en êtes pas rendu compte.

Bien sûr, vous voudrez tester tout ce que vous mettez à jour et examiner toutes les pages avec des modifications de conception importantes, mais l'autre élément des sites de commerce électronique que vous voudrez vérifier est la possibilité d'effectuer des achats.

Ces ressources peuvent vous aider lorsque vous testez le processus de règlement :

• Tester les paiements WooCommerce : un document d'aide WooCommerce
• Liste de contrôle des tests de base de WooCommerce : une liste de contrôle WooCommerce sur GitHub
• Ghost Inspector : une application pour tester les mises à jour du site Web
• Usetrace : un système de test qui ne nécessite pas de code
• Cypress : un framework de test JavaScript de bout en bout
• Puppeteer : une bibliothèque de nœuds pour contrôler Chrome via le protocole DevTools

6. Adoptez les tests itératifs (quand vous le pouvez)

Si vous vous sentez dépassé par le nombre de modifications que vous devez apporter à un site de commerce électronique, à un moment donné, il peut être utile de vous demander : doivent-elles se produire toutes en même temps ou peuvent-elles être divisées en plusieurs mises à jour plus petites ?

Si vous travaillez sur une refonte complète de la marque et une refonte des fonctionnalités, il serait peut-être préférable de mettre en place le mode maintenance et d'essayer de tout éliminer en même temps. Cependant, si vous apportez des modifications mineures ou si vous pensez à des phases naturelles pour déployer les mises à jour, une bonne pratique consiste à adopter des modifications itératives au fil du temps.

Cela a quelques avantages :

1. Si quelque chose se brise, il sera plus facile de retrouver ce qui ne va pas (car vous aurez moins de lignes de code à trier).
2. L'expérience utilisateur est moins susceptible d'être perturbée, car vous mettrez à jour une seule partie du site à la fois (par opposition à l'ensemble).
3. Si vous mesurez l'impact des mises à jour de votre site (sur la vitesse du site ou les taux de conversion, par exemple), vous serez en mesure d'identifier exactement les changements qui ont causé les résultats.

Si cela vous incite à apporter de nombreuses petites modifications au lieu d'une refonte complète, il peut être utile d'utiliser un système de gestion des versions comme GitHub. Cela vous aidera à savoir quand et comment le code a été modifié, et vous aidera également à annuler facilement une mise à jour si quelque chose est poussé avant qu'il ne soit prêt.

7. Ayez un plan de soutien, au cas où quelque chose tournerait mal.

J'espère qu'au minimum, vous avez d'abord testé les modifications dans un site intermédiaire ou créé une sauvegarde du site en direct avant de pousser de nouvelles lignes de code. Des étapes comme celle-ci vous permettront de revenir à votre point de départ, au cas où quelque chose se briserait vraiment.

Dans le pire des cas, cependant, il peut arriver un moment où vous deviez téléphoner à un ami pour obtenir de l'aide, et il est préférable d'avoir ce plan en place avant de regarder une page Web cassée.

Pensez à vos ressources. Si vous avez un ami dans l'entreprise, vous lui posez souvent des questions, prévenez-le lorsque vous êtes sur le point de faire une grande refonte et voyez s'il est disponible pendant la même période, si une question se pose.

Si vous êtes actif dans les communautés Facebook ou Slack pour les concepteurs Web, envisagez de faire de même ou même de demander conseil avant de commencer la mise à jour.

Enfin, assurez-vous de savoir comment contacter l'équipe d'assistance de votre hébergeur WordPress et tous les thèmes ou plugins clés qui alimentent le site, surtout si vous en activez un nouveau pour la première fois. Les clients Flywheel et WP Engine ont un accès 24h/24 et 7j/7 à des experts WordPress qui sont toujours en attente en cas de problème de serveur.

Cliquez ici pour en savoir plus sur le support Flywheel, le support WP Engine, ou cliquez ici pour accéder au support via le tableau de bord Flywheel.

La mise à jour des sites de commerce électronique peut être plus difficile que votre site Web traditionnel, mais avec ces conseils, j'espère que vous vous sentirez en mesure d'apporter des modifications à votre site avec un risque minimal de temps d'arrêt ou de perte de revenus ! En suivant quelques bonnes pratiques simples, vous pouvez réduire considérablement les risques de rupture, tout en augmentant considérablement la valeur que vos services offrent à vos clients.

Bien que cette liste soit longue, elle n'est en aucun cas exhaustive. Que faites-vous d'autre pour mettre à jour en toute sécurité les sites de commerce électronique ? Faites-le moi savoir dans les commentaires ci-dessous!

Mettez à jour les sites de commerce électronique WordPress plus facilement avec Flywheel

Flywheel facilite la gestion des sites de vos clients, grâce à des fonctionnalités telles que des sites de développement gratuits, des sauvegardes automatisées gratuites, des outils de collaboration gratuits et une assistance 24h/24 et 7j/7 par des experts WordPress. Tout cela s'ajoute à notre impressionnante infrastructure d'hébergement cloud, qui offre à leurs sites des vitesses fulgurantes et une sécurité verrouillée.

Découvrez la différence d'un partenaire d'hébergement (au lieu d'un fournisseur) dès aujourd'hui !