Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment activer le mode maintenance pour WooCommerce

Vous souhaitez activer le mode maintenance pour WooCommerce sans affecter les autres parties de votre site WordPress ?

Lorsque votre site ou page WooCommerce est mis en mode maintenance, vos utilisateurs/utilisatrices verront qu’il est actuellement en construction. C’est un moyen beaucoup plus simple/simple d’utilisation pour donner à vos acheteurs une notification sur ce qui se passe plutôt que d’afficher une page d’erreur.

Dans ce guide, nous allons vous afficher comment activer le mode maintenance pour WooCommerce.

How to enable maintenance mode for WooCommerce

Pourquoi et quand vous devez activer le mode de maintenance de WooCommerce.

Il y a de bonnes raisons d’utiliser le mode de maintenance pour votre magasin WooCommerce. Tout d’abord, lorsque vous apportez de grandes modifications au stock, l’activation du mode de maintenance de WordPress empêche les utilisateurs/utilisatrices de visiter le site et de voir un désordre.

Ensuite, si votre boutique en ligne a des problèmes, en particulier avec les paiements WooCommerce, activer le mode de maintenance empêche les clients/clientes de faire face à des problèmes. À son tour, vous pouvez corriger ces tâches de maintenance jusqu’à ce que vous puissiez remettre votre stock en direct.

Si vous ajoutez une nouvelle boutique en ligne à votre site existant et que vous voulez que ce soit une surprise jusqu’à ce qu’elle soit prête, le mode maintenance est parfait. Vous pouvez afficher une page de mode de maintenance cool pour exciter les gens pendant que vous travaillez sur la page de votre boutique WooCommerce.

Si vous rencontrez l’un de ces scénarios, cet article est fait pour vous. Jetons un coup d’œil à la façon d’activer le mode maintenance dans WooCommerce. Vous pouvez utiliser ces liens rapides pour naviguer à travers les étapes :

Étape par étape : Installation d’une extension de page en mode maintenance

La façon la plus simple d’activer le mode maintenance pour WooCommerce est d’utiliser SeedProd.

SeedProd est le meilleur constructeur de page d’atterrissage pour WordPress, utilisé sur plus d’un million de sites. Il vous permet de créer de belles pages coming soon, d’améliorer votre page 404, et même de concevoir des pages d’atterrissage uniques en utilisant le glisser-déposer.

SeedProd

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 stock WooCommerce en mode maintenance tout en gardant le reste de votre site disponible.

La première chose à faire est d’installer et d’activer l’extension SeedProd. Pour plus de détails, consultez notre guide sur l ‘installation d’une extension sur WordPress.

Après avoir activé l’extension, SeedProd vous demandera votre clé de licence.

Adding the SeedProd license key

Vous trouverez ces informations dans votre compte sur le site de SeedProd. Après avoir saisi/saisie la licence, cliquez sur le bouton ‘Verify Key’.

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

Étape par étape : Création de votre page de mode de maintenance

Après avoir activé SeedProd, allez dans SeedProd  » Pages. Ici, vous pouvez choisir de créer une page en mode maintenance ou une page à venir.

Bien que certaines personnes utilisent ces termes de manière interchangeable, il existe des différences importantes que vous devez 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 « , alors les moteurs de recherche seront toujours en mesure de voir et d’explorer les pages de votre stock. Cela donne à votre site WooCommerce une chance d’être indexé par les moteurs de recherche.

Si vous créez un nouveau magasin, vous voudrez généralement créer une page « coming soon ».

En revanche, si votre stock est indisponible pour des raisons de maintenance, il est préférable de créer une page « Mode maintenance ». Ce mode indique aux moteurs de recherche que votre site est temporairement indisponible, en utilisant le code d’en-tête spécial 503.

Après avoir obtenu ce code, les robots de recherche vérifieront ultérieurement si votre site WordPress est de nouveau en ligne. De cette façon, vous pouvez masquer votre page de magasin aux acheteurs sans affecter le classement de votre moteur de recherche.

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

Creating a maintenance page for your online store

L’étape suivante consiste à créer la page que les acheteurs verront lorsque vous activerez le mode de maintenance pour votre place de marché ou votre magasin en ligne.

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

Pour sélectionner un modèle de kit SeedProd, il suffit de survoler sa miniature et de cliquer sur l’icône de la coche.

Choosing the WooCommerce coming soon page

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

Sur le côté gauche de l’écran, vous trouverez des blocs et des sections que vous pouvez ajouter à votre conception. La partie droite de la page est la Prévisualisation en direct.

How to create a maintenance mode for WooCommerce

La plupart des modèles comportent déjà des blocs, qui sont un élément cœur de tous les modèles de SeedProd. Pour commencer, vous voudrez généralement personnaliser ces blocs en y ajoutant votre texte, vos images, vos liens et d’autres contenus.

Pour modifier le texte d’un titre ou d’un bloc de texte, il suffit de cliquer pour sélectionner ce bloc dans votre mise en page. Tous les réglages de ce bloc particulier s’affichent alors.

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

Adding text to a WooCommerce coming soon page

Vous pouvez également utiliser ces Réglages pour styliser le texte, notamment en ajoutant des caractères gras et italiques, en modifiant l’alignement du texte et la taille de la police.

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 conception.

Par exemple, si vous souhaitez ajouter un logo personnalisé, il vous suffit de faire glisser un bloc Image sur votre mise en page.

Adding a logo to to your online store's maintenance page

Il suffit ensuite de cliquer pour sélectionner ce bloc dans votre mise en page, et le menu de gauche affichera tous les Réglages pour ce bloc.

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

Building a custom coming soon page with WooCommerce

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

Après avoir ajouté une image, vous pouvez en modifier la taille, ajouter un texte alt, incorporer un lien, etc. en utilisant les Réglages du menu de gauche.

The SeedProd page builder plugin

Si vous utilisez l’extension WPForms, alors 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 panne pour la maintenance.

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

Adding a contact form to your maintenance page

Ensuite, il suffit de cliquer pour sélectionner le bloc Formulaire de contact.

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

Adding a contact form to the WooCommerce maintenance screen

Vous pourriez même utiliser WPForms pour créer un formulaire d’inscription par e-mail afin que vous puissiez informer les abonnés/abonnées de l’ouverture de votre magasin. Pour des instructions étape par étape, Veuillez consulter notre guide sur la création d’une liste d’e-mails dans WordPress.

Pour retirer un bloc de votre dessin, il vous suffit de cliquer dessus. Vous pouvez ensuite sélectionner l’icône de la corbeille.

Deleting blocks in the SeedPage page builder

Vous pouvez également déplacer les blocs dans la page par « glisser-déposer ».

Il vous suffit de continuer à ajouter des blocs à votre mise en page, puis de les personnaliser à l’aide des Réglages du menu de gauche.

Par exemple, si vous utilisez RafflePress, alors vous pourriez créer un cadeau sous forme de coupon WooCommerce, puis en faire la promotion sur votre page de mode de maintenance.

A giveaway, created using RafflePress

En savoir plus, veuillez consulter notre guide sur l’organisation d’un concours dans WordPress.

Lorsque vous êtes satisfait de l’aspect de la page de maintenance, n’oubliez pas de cliquer sur « Enregistrer ».

Saving the maintenance mode template

Étape par étape : Définir les Réglages du Mode de Maintenance

Maintenant que vous avez créé une page personnalisée en mode coming soon ou en mode maintenance, allons-y et activons-la sur votre site e-commerce.

Ici, nous voulons mettre le stock en mode maintenance mais pas l’ensemble du site. Pour ce faire, cliquez sur l’onglet ‘Réglages de la page’ dans l’éditeur/éditrices de SeedProd.

Sélectionnez ensuite l’onglet « Contrôle d’accès ».

SeedProd's access control settings

Vous pouvez utiliser ces Réglages pour spécifier où la page « coming soon » ou « maintenance » apparaît sur votre site WordPress et qui la voit. Par exemple, vous pouvez afficher cette page aux personnes qui ont un rôle d’utilisateur/utilisatrice particulier ou une adresse IP particulière.

Puisque nous voulons mettre notre site WooCommerce en mode maintenance, défilez jusqu’à la section  » Inclure/Exclure des URL « .

Cliquez ensuite sur le bouton « Inclure les URL ».

Enabling maintenance mode for a WooCommerce store

Maintenant, vous devez saisir les URL de votre magasin WooCommerce. Cela peut varier en fonction de la façon dont votre magasin est configuré, et si vous voulez qu’il s’affiche uniquement sur certaines pages, comme dans la page de panier personnalisée de WooCommerce ou une page de paiement personnalisée.

Si vous souhaitez mettre l’ensemble de votre magasin WooCommerce en maintenance, alors 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. Confirmez la présence de l’astérisque !

L’astérisque est un caractère de remplacement qui indique à SeedProd d’inclure toutes les URL qui correspondent à la composition 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 un identifiant de produit.

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

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

Étape par étape : Mettez votre stock WooCommerce en mode maintenance.

Vous pouvez désormais mettre votre magasin WooCommerce en maintenance à tout moment. Dans le Tableau de bord WordPress, il suffit de se rendre dans SeedProd  » Pages d’atterrissage.

Cliquez ensuite sur le Diaporama « Inactif » sous « Mode Bientôt disponible » ou « Mode Maintenance » pour qu’il se modifie en « Actif ».

Activating maintenance mode for a WooCommerce store

Maintenant, il suffit de visiter 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 stockage public, retournez simplement à SeedProd  » Landing Pages.

Cliquez ensuite sur le Diaporama  » Actif  » pour qu’il affiche  » Inactif « . Désormais, toute personne qui visite votre site verra votre stock WooCommerce et pourra acheter des produits et des services comme d’habitude.

Astuce bonus : Créer une page d’atterrissage virale de liste d’attente pour votre stock WooCommerce.

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

Avec cette page d’atterrissage, vous pouvez faire savoir à votre public que quelque chose d’excitant est à venir. 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 les informations de cette liste d’attente pour envoyer par e-mail des lettres d’information sur les promotions à venir.

Si ce Sujet vous intéresse, consultez notre article sur la création d’une page d’atterrissage virale pour liste d’attente sur WordPress.

Waitlist landing page preview

Nous espérons que cet article vous a aidé à apprendre comment activer le mode maintenance pour WooCommerce. Vous pouvez également jeter un œil à notre liste des meilleures extensions WooCommerce et à notre guide sur la création d’une fenêtre surgissante WooCommerce pour augmenter les ventes.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

8 commentairesLaisser une réponse

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    It’s great to have the option to separate WooCommerce from the rest of the website and put only the e-shop in maintenance mode without affecting other parts of the website. Thanks, I’ll try out your procedure.

  3. Francesco

    Hi,
    what about users with « Customer » role? will they still see the store?

    • WPBeginner Support

      They would not while your store was in maintenance mode.

      Administrateur

  4. Tom Backlack

    This doesnt helps if you have for example blog and shop, and you would like to disable only shop.
    Disappointing

    • WPBeginner Support

      We would recommend reading our entire article, we cover how to only have the maintenance mode on certain pages of your site :)

      Administrateur

  5. Shaha Alam

    wow, it is helpfull post for us. thank you for shared with us.

    • WPBeginner Support

      You’re welcome, glad you liked our post :)

      Administrateur

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.