Comment activer le mode maintenance pour WooCommerce

Un propriétaire de boutique WooCommerce a récemment partagé comment un client lui a envoyé un e-mail pendant une mise à jour de routine, demandant si l'entreprise avait fermé. Pourquoi ? Le client est tombé sur une page de paiement cassée pendant que le site était mis à jour.

Les situations comme celle-ci sont plus courantes que vous ne le pensez – et elles montrent pourquoi chaque boutique en ligne a besoin d'un mode maintenance approprié. C'est comme mettre un panneau professionnel « Bientôt disponible » qui maintient votre marque soignée pendant que vous effectuez des changements en coulisses.

C'est important car même une brève interruption peut entraîner des pertes de ventes et ébranler la confiance des clients.

Au fil des années, en aidant de nombreux propriétaires de boutiques WooCommerce, nous avons trouvé les meilleures façons de gérer la maintenance du site sans confondre les visiteurs ni nuire à votre réputation.

Dans ce guide, je vais vous montrer comment activer facilement le mode maintenance pour WooCommerce en utilisant des outils testés et des conseils pratiques — afin que vous puissiez mettre à jour votre boutique en toute confiance. 🌟

Pourquoi et quand vous devez activer le mode maintenance WooCommerce

Il y a de bonnes raisons d'utiliser le mode maintenance pour votre boutique WooCommerce. Premièrement, lorsque vous apportez des modifications importantes à la boutique, activer le mode maintenance WordPress empêche les utilisateurs de visiter le site et de voir un désordre.

Ensuite, si votre boutique en ligne rencontre des problèmes, notamment avec les paiements WooCommerce, l'activation du mode maintenance empêche les clients de rencontrer des problèmes. En retour, vous pouvez effectuer ces tâches de maintenance jusqu'à ce que vous puissiez rendre votre boutique à nouveau opérationnelle.

Si vous ajoutez une nouvelle boutique en ligne à votre site Web existant et que vous souhaitez que ce soit une surprise jusqu'à ce qu'elle soit prête, le mode maintenance est parfait. Vous pouvez afficher une page de mode maintenance attrayante pour susciter l'enthousiasme pendant que vous travaillez sur votre page de boutique WooCommerce.

Si vous rencontrez l'un de ces scénarios, alors cet article est pour vous. Dans les sections suivantes, nous verrons comment activer le mode maintenance dans WooCommerce. Vous pouvez utiliser ces liens rapides pour naviguer dans les étapes :

1. Installer un plugin de page de mode maintenance
2. Créer votre page de mode maintenance
3. Configurer les paramètres du mode maintenance
4. Mettre votre boutique WooCommerce en mode maintenance
5. Astuce bonus : Créer une page de destination virale pour liste d'attente pour votre boutique WooCommerce
6. Ressources bonus : Plus de guides de maintenance WordPress

Commençons.

Étape 1 : Installer un plugin de page de mode maintenance

Le moyen le plus simple d'activer le mode maintenance pour WooCommerce est d'utiliser SeedProd.

SeedProd est le meilleur constructeur de pages de destination pour WordPress, utilisé sur plus d'un million de sites Web. Il vous permet de créer de belles pages « bientôt disponible », d'améliorer votre page 404, et même de concevoir des pages de destination uniques en utilisant le glisser-déposer.

Certaines de nos marques partenaires utilisent SeedProd pour construire leurs sites Web. Elles ont eu d'excellentes expériences avec, et nous vous recommandons fortement de l'essayer.

Consultez notre avis détaillé sur SeedProd pour plus d'informations.

Il existe une version gratuite de SeedProd qui vous permet de créer une page en mode maintenance. Cependant, nous utiliserons la version premium car elle vous permet de mettre votre boutique WooCommerce en mode maintenance tout en gardant le reste de votre site disponible.

La première chose à faire est d'installer et d'activer le plugin SeedProd. Pour plus de détails, consultez notre guide sur comment installer un plugin dans WordPress.

Après avoir activé le plugin, SeedProd vous demandera votre clé de licence.

Vous pouvez trouver ces informations dans votre compte sur le site Web de SeedProd. Après avoir entré la clé, cliquez sur le bouton « Vérifier la clé ».

Une fois que vous avez fait cela, vous êtes prêt à mettre votre boutique WooCommerce en mode maintenance.

Étape 2 : Créez votre page de mode maintenance

Après avoir activé SeedProd, allez dans SeedProd » Pages. Ici, vous pouvez choisir de créer une page de mode maintenance ou une page 'Bientôt disponible'.

Bien que certaines personnes utilisent ces termes de manière interchangeable, il existe des différences importantes que vous devriez connaître. Consultez notre explication détaillée dans notre article 'Bientôt disponible' vs mode maintenance.

Mais essentiellement, si vous créez une page 'Bientôt disponible', les moteurs de recherche pourront toujours voir et explorer vos pages de boutique. Cela donne à votre site WooCommerce une chance d'être indexé par les moteurs de recherche.

Si vous construisez une nouvelle boutique, vous voudrez généralement créer une page 'Bientôt disponible'.

D'un autre côté, si votre boutique est hors service pour maintenance, vous devriez plutôt créer une page 'Mode maintenance'. Ce mode indique aux moteurs de recherche que votre site est temporairement hors service, en utilisant le code d'en-tête spécial 503.

Après avoir obtenu ce code, les robots d'exploration vérifieront plus tard votre site Web WordPress pour voir s'il est de nouveau en ligne. De cette façon, vous pouvez masquer votre page de boutique aux acheteurs sans affecter votre classement dans les moteurs de recherche.

Nous allons créer une page de mode maintenance dans ce guide, mais les étapes seront les mêmes, que vous cliquiez sur le bouton « Configurer une page de mode maintenance » ou « Configurer une page « Bientôt disponible » ».

L'étape suivante consiste à construire la page que les acheteurs verront lorsque vous activerez le mode maintenance pour votre place de marché en ligne ou votre boutique.

Vous pouvez soit choisir un modèle prêt à l'emploi, soit commencer avec un design vierge. Nous utilisons « Célébrer bientôt disponible » dans toutes nos images, mais vous pouvez utiliser le modèle de votre choix.

Pour sélectionner un kit de modèles SeedProd, survolez simplement votre souris sur la miniature de ce design, puis cliquez sur l'icône de la « coche ».

Après avoir sélectionné un modèle, vous serez dirigé vers le constructeur de pages glisser-déposer, où vous pourrez commencer à personnaliser le design du mode maintenance.

Sur le côté gauche de l'écran, vous trouverez des blocs et des sections que vous pouvez ajouter à votre design. Le côté droit de la page est l'aperçu en direct.

La plupart des modèles ont déjà quelques blocs, qui sont un élément essentiel de tous les designs SeedProd. Pour commencer, vous voudrez généralement personnaliser ces blocs en modifiant le texte ou en ajoutant votre image, des liens et d'autres contenus.

Pour modifier le texte dans n'importe quel bloc Titre ou Texte, cliquez simplement pour sélectionner ce bloc dans votre mise en page. Cela fait apparaître tous les paramètres de ce bloc particulier.

Vous pouvez maintenant taper votre texte dans le petit éditeur de texte.

Vous pouvez également utiliser ces paramètres pour styliser le texte, y compris l'ajout de formatage gras et italique, la modification de l'alignement du texte, la modification de la taille de la police, et plus encore.

Vous pouvez ajouter d'autres blocs à votre page de maintenance en les faisant glisser depuis le menu de gauche, puis en les déposant sur votre design.

Par exemple, si vous souhaitiez ajouter un logo personnalisé, vous pourriez simplement faire glisser un bloc Image sur votre mise en page.

Ensuite, cliquez simplement pour sélectionner ce bloc dans votre mise en page, et le menu de gauche affichera tous les paramètres de ce bloc.

Pour ajouter un logo, cliquez sur « Utiliser votre propre image ».

Vous pouvez ensuite choisir une image dans la médiathèque WordPress ou télécharger un nouveau fichier depuis votre ordinateur.

Après avoir ajouté une image, vous pouvez modifier sa taille, ajouter du texte alternatif d'image, intégrer un lien, et plus encore en utilisant les paramètres du menu de gauche.

Si vous utilisez le plugin WPForms, vous pouvez rapidement et facilement ajouter un formulaire de contact à la page de maintenance. Cela donne aux acheteurs un moyen de vous parler même lorsque votre site WooCommerce est en maintenance.

ℹ️ Remarque : WPForms est notre constructeur de formulaires de contact de prédilection ici chez WPBeginner. Nous l'utilisons pour créer bon nombre de nos formulaires, y compris nos enquêtes annuelles auprès des lecteurs et notre formulaire de demande de migration de site. Apprenez-en davantage sur le plugin dans notre avis complet sur WPForms.

Après avoir créé un formulaire de contact, vous pouvez faire glisser le bloc Formulaire de contact sur votre mise en page SeedProd.

Ensuite, cliquez simplement pour sélectionner le bloc Formulaire de contact afin d'ouvrir ses paramètres.

Dans le menu de gauche, ouvrez le menu déroulant et choisissez le formulaire que vous avez créé précédemment.

Vous pourriez même utiliser WPForms pour créer un formulaire d'inscription par e-mail afin de pouvoir informer les abonnés lorsque votre boutique est ouverte. Pour des instructions étape par étape, veuillez consulter notre guide sur comment créer une liste d'e-mails dans WordPress.

Pour supprimer un bloc de votre conception, cliquez simplement dessus. Vous pouvez ensuite sélectionner l'icône de la corbeille.

Vous pouvez également déplacer des blocs sur la page en utilisant le glisser-déposer.

Continuez simplement à ajouter des blocs à votre mise en page, puis personnalisez-les à l'aide des paramètres du menu de gauche.

Par exemple, si vous utilisez RafflePress, vous pourriez créer un concours de coupons WooCommerce, puis le promouvoir sur votre page de mode maintenance.

ℹ️ Remarque : RafflePress est également l'un de nos plugins préférés, et nous l'utilisons pour organiser notre concours d'anniversaire annuel. Consultez notre avis complet sur RafflePress pour plus d'informations sur le plugin.

Pour plus d'informations, veuillez consulter notre guide sur comment organiser un concours dans WordPress.

Lorsque vous êtes satisfait de l'apparence de la page de maintenance, assurez-vous de cliquer sur « Enregistrer ».

Étape 3 : Configurer les paramètres du mode maintenance

Maintenant que vous avez créé une page personnalisée « Bientôt disponible » ou « Mode maintenance », activons-la sur votre site e-commerce.

Ici, nous voulons mettre la boutique en mode maintenance, mais pas tout le site. Pour ce faire, cliquez sur l'onglet « Paramètres de la page » dans l'éditeur SeedProd.

Ensuite, sélectionnez l'onglet « Contrôle d'accès ».

Vous pouvez utiliser ces paramètres pour spécifier où la page « Bientôt disponible » ou « Mode maintenance » apparaît sur votre site WordPress et qui la voit. Par exemple, vous pourriez afficher cette page aux personnes ayant un rôle utilisateur particulier ou une adresse IP spécifique.

Comme nous voulons mettre notre site WooCommerce en mode maintenance, faites défiler jusqu'à la section « Inclure/Exclure les URL ».

Ensuite, cliquez simplement sur le bouton « Inclure les URL ».

Maintenant, vous devez entrer les URL de votre boutique WooCommerce.

Cela peut varier en fonction de la configuration de votre boutique et si vous souhaitez qu'elle s'affiche uniquement sur certaines pages. Par exemple, vous pourriez vouloir l'ajouter à votre page de panier WooCommerce personnalisée ou à une page de paiement personnalisée.

Si vous souhaitez mettre toute votre boutique WooCommerce en maintenance, vous pouvez ajouter toutes les pages que WooCommerce crée automatiquement :

https://example.com/shop
https://example.com/cart
https://example.com/checkout
https://example.com/my-account

Vous devrez également ajouter les URL des produits. N'oubliez pas d'inclure l'astérisque !

L'astérisque est un caractère joker, qui indique à SeedProd d'inclure toutes les URL qui correspondent au modèle qui le précède.

Cela signifie que les acheteurs verront la page de maintenance lorsqu'ils essaieront d'accéder à un produit, une catégorie de produits ou une étiquette de produit.

https://example.com/product/*
https://example.com/product-category/*
https://example.com/product-tag/*

Après avoir ajouté toutes ces URL, cliquez sur le bouton « Enregistrer » pour sauvegarder vos modifications.

Étape 4 : Mettez votre boutique WooCommerce en mode maintenance

Vous pouvez maintenant mettre votre boutique WooCommerce en maintenance à tout moment. Dans la zone d'administration de WordPress, allez simplement dans SeedProd » Pages de destination.

Ensuite, cliquez sur le curseur « Inactif » sous « Mode Bientôt disponible » ou « Mode maintenance » pour qu'il passe à « Actif ».

Maintenant, visitez simplement votre boutique WooCommerce dans un onglet de navigateur incognito, et vous verrez votre design personnalisé plutôt que votre boutique en ligne.

Lorsque vous êtes prêt à rendre votre boutique publique, retournez simplement dans SeedProd » Pages de destination.

Cliquez ensuite sur le curseur « Actif » pour qu'il affiche « Inactif ». Désormais, toute personne visitant votre site verra votre boutique WooCommerce et pourra acheter des produits et services normalement.

Astuce bonus : Créer une page de destination virale pour liste d'attente pour votre boutique WooCommerce

En plus de mettre votre boutique en ligne en mode maintenance, une autre chose que vous pouvez faire avec SeedProd est de créer une page de destination de liste d'attente virale.

Avec cette page de destination, vous pouvez informer votre public que quelque chose d'excitant arrive. Vous pouvez également ajouter un formulaire les invitant à rejoindre votre liste d'attente et à être les premiers informés lorsque vous aurez rendu la page publique.

De plus, vous pouvez utiliser ces informations de liste d'attente pour envoyer des newsletters par e-mail sur les promotions à venir.

Si ce sujet vous intéresse, consultez notre article sur la création d'une page de destination avec liste d'attente virale dans WordPress.

Ressources bonus : Plus de guides de maintenance WordPress

Nous espérons que cet article vous a aidé à apprendre comment activer le mode maintenance pour WooCommerce. Ensuite, vous voudrez peut-être aussi consulter nos articles sur :

• Conseils de maintenance pour site e-commerce
• Comment préparer votre site WordPress pour un événement à fort trafic
• Tâches de maintenance WordPress à effectuer régulièrement
• Combien de temps dure la maintenance WordPress
• Meilleures agences de support WordPress

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.