Comment configurer une page « En construction » pour WordPress (Gratuit ou Pro) 

Lorsque j'ai eu besoin de mettre mon site WordPress en pause pendant une refonte, j'ai créé une page « En construction » pour WordPress afin de maintenir une image professionnelle et de collecter des prospects par e-mail en attendant. Vous pouvez faire de même en 10 minutes environ, gratuitement.

Dans ce guide, je vais vous expliquer comment je crée une page « En construction » personnalisée sans toucher une seule ligne de code, en commençant par la solution gratuite.

Qu'est-ce qu'une page « En construction » pour WordPress ?

Une page « En construction » pour WordPress est une page temporaire qui masque votre site inachevé et affiche un message convivial aux visiteurs pendant que vous construisez. Elle évite que les gens n'atterrissent sur un design à moitié terminé ou cassé qui pourrait nuire à votre réputation.

Elle fait plus que masquer le désordre. Vous pouvez l'utiliser pour susciter l'anticipation, annoncer une date de lancement et développer votre liste d'e-mails avant la mise en ligne.

Si vous comparez cela à l'arrêt complet du site, une page « En construction » et le mode maintenance remplissent des fonctions légèrement différentes, ce qui est important pour le SEO. Plus d'informations ci-dessous.

Que mettre sur une page « En construction » pour WordPress

Avant de construire, il est utile de savoir ce dont une bonne page « En construction » a réellement besoin. Voici les éléments que j'inclus à chaque fois.

• Un message clair : Indiquez aux visiteurs que le site est en cours de construction et quand revenir.
• Une date de lancement ou un compte à rebours : Une horloge qui tourne crée de l'anticipation et donne aux gens une raison de revenir.
• Un formulaire d'inscription par e-mail : La chose la plus précieuse que vous puissiez ajouter, afin que l'intérêt précoce se transforme en une liste qui vous appartient.
• Icônes de réseaux sociaux : Laissez les gens vous suivre sur une plateforme active pendant que le site est hors ligne.
• Design fidèle à la marque : Adaptez vos couleurs, polices et logo pour que la page vous ressemble toujours.

Une page « En construction » est-elle mauvaise pour le SEO ?

Non, pas si vous la configurez correctement. Une page « Bientôt disponible » ou « En construction » qui reste en ligne pendant un certain temps renvoie une réponse HTTP 200 normale, de sorte que les moteurs de recherche peuvent toujours indexer une vraie page de substitution et trouver votre site.

Une interruption courte et planifiée est différente. Pour cela, Google recommande de renvoyer un code HTTP 503 (Service Unavailable) avec un en-tête Retry-After, qui indique aux moteurs de recherche que la panne est temporaire et quand revenir (Google Search Central).

En termes simples : utilisez le mode « Bientôt disponible » ou « En construction » pour une longue période de développement, et réservez le mode maintenance pour des travaux de courte durée. Un plugin gère la réponse appropriée pour vous, ce qui est une chose de moins à mal faire.

Comment créer une page « En construction » dans WordPress

Pour mettre une page « En construction » sur votre site, j'utilise le plugin SeedProd. Avant de commencer, voici la version courte expliquant pourquoi.

SeedProd est un constructeur de sites web par glisser-déposer qui vous permet de créer des thèmes WordPress personnalisés et des pages de destination sans code. Avec des rôles d'utilisateurs autorisés, vous pouvez limiter l'accès à votre site web et décider qui voit le site en direct par rapport à l'écran « En construction ».

Créer une page « Bientôt disponible » ou « Mode maintenance » est rapide, et vous n'aurez pas besoin d'un développeur. Vous faites glisser des blocs comme des formulaires d'inscription par e-mail, des icônes sociales et des compteurs sur la page et vous voyez chaque modification en temps réel.

La version gratuite gère réellement les pages « Bientôt disponible », « Maintenance » et « En construction », ce qui est son cas d'utilisation le plus fort. Vous n'avez besoin de Pro que pour les contrôles d'accès avancés et la création complète de thèmes, c'est donc une mise à niveau, pas une exigence pour cette tâche.

Utilisons ce plugin pour créer une page « En construction » pour WordPress.

Tutoriel vidéo

Étape 1 : Commencez par télécharger SeedProd

La première étape consiste à installer SeedProd. Pour une page « En construction », la version gratuite est tout ce dont vous avez besoin.

Pour l'obtenir, allez dans Plugins » Ajouter un nouveau dans votre tableau de bord WordPress, recherchez « SeedProd », puis installez et activez le plugin gratuit. C'est suffisant pour suivre ce guide complet.

Si vous possédez déjà une licence payante et que vous souhaitez les fonctionnalités Pro, la méthode est légèrement différente. Connectez-vous à votre tableau de bord SeedProd et cliquez sur Voir la clé de licence, les détails et les téléchargements pour accéder à votre page de téléchargements.

Cliquez sur le bouton Télécharger Landing Page Pro pour enregistrer le fichier ZIP.

Ensuite, allez dans Plugins » Ajouter un nouveau » Téléverser un plugin, téléversez le ZIP, puis cliquez sur Activer.

Pour Pro, collez votre clé de licence dans le champ et cliquez sur Vérifier la clé. Vous trouverez la clé dans votre e-mail de compte ou sous le menu Paramètres SeedProd.

Une fois que vous êtes prêt, faites défiler vers le bas et cliquez sur Créer votre première page pour accéder au tableau de bord SeedProd.

Étape 2 : Créez une page "en construction"

Sur le tableau de bord SeedProd, vous verrez 4 modes en haut :

• Mode « Bientôt disponible » : Ajoute une page « Bientôt disponible » à votre site web.
• Mode maintenance : Met votre site web en mode maintenance.
• Page 404 : Affiche une page de destination 404 sur votre site web.
• Connexion : Crée une page de connexion WordPress personnalisée.

Ces modes signifient que vous n'aurez pas besoin d'un plugin « En construction » ou d'un plugin de mode maintenance séparé.

Le mode « Bientôt disponible » est le bon choix pour un site qui n'est pas encore en ligne, car il sert une page indexable HTTP 200. Le mode maintenance est destiné à un site établi qui est temporairement hors ligne.

Donc, pour créer une page « En construction », cliquez sur le bouton Configurer une page « Bientôt disponible ». Ensuite, choisissez un modèle de page « Bientôt disponible ».

Sélectionnez le modèle de votre choix, ou choisissez le modèle vierge pour commencer à partir de zéro. SeedProd ouvre ensuite son constructeur visuel par glisser-déposer.

Étape 3 : Ajoutez du contenu à votre page "en construction"

Vous pouvez maintenant ajouter du contenu avec le constructeur par glisser-déposer. À gauche se trouvent les blocs de contenu ; à droite, un aperçu en direct de votre page.

Les blocs sont divisés en deux groupes. Les blocs standard couvrent les bases :

• Titre, Texte et Liste
• Bouton, Image et Vidéo
• Séparateur, Espaceur et Colonne

Les blocs avancés sont plus axés sur la génération de prospects, y compris le bloc Concours, les formulaires d'inscription, les formulaires de contact, les comptes à rebours, les icônes de médias sociaux et les témoignages.

Le compte à rebours est celui que j'ajouterais en premier. Une date de lancement visible crée de l'anticipation et donne aux visiteurs une raison de revenir, alors faites glisser le bloc de compte à rebours sur la page.

Chaque bloc a des options de style. Cliquez sur le bloc, ouvrez l'onglet Modèles à gauche, et choisissez un style avec le contour, le dégradé ou les couleurs que vous souhaitez.

Vous pouvez également modifier le texte, la taille et l'alignement, et l'onglet Avancé contrôle la couleur, la typographie et l'espacement.

L'onglet Sections ajoute des mises en page préconçues, comme un En-tête, une Section Héro, un Appel à l'action ou une section FAQ.

Cliquez sur n'importe quelle section pour l'ajouter. Dans l'exemple ci-dessous, j'ai ajouté une section FAQ, qui est un moyen pratique de répondre aux questions que les visiteurs pourraient avoir sur votre entreprise.

Cliquez sur le bouton vert Enregistrer dans le coin supérieur droit pour sauvegarder votre progression. Une fois le contenu en place, vous pouvez styliser le tout pour qu'il corresponde à votre marque.

Étape 4 : Personnalisez votre page "en construction"

Pour correspondre à votre marque, cliquez sur l'icône d'engrenage dans le coin inférieur gauche pour ouvrir les Paramètres globaux. De là, vous pouvez définir la police globale, les couleurs, l'image d'arrière-plan et le CSS personnalisé.

Pour changer l'arrière-plan, cliquez sur Arrière-plan pour définir l'image, le style, la position et la couleur. Vous pouvez même utiliser un arrière-plan vidéo.

Sous Image d'arrière-plan, cliquez sur l'icône circulaire de photo pour choisir une image dans votre bibliothèque de médias ou en télécharger une nouvelle.

Pour ajuster les couleurs, cliquez sur l'onglet Couleurs. Vous pouvez modifier individuellement les en-têtes, le texte, les boutons, les liens et les arrière-plans.

Ou utilisez l'une des 20 palettes de couleurs préconçues de SeedProd pour donner instantanément à la page un aspect professionnel.

Appuyez sur Enregistrer au fur et à mesure. Une fois que vous êtes satisfait de la conception, passez à l'étape suivante.

Étape 5 : Intégrez votre service de marketing par e-mail

C'est l'étape qui transforme la curiosité pré-lancement en quelque chose que vous conservez. Connecter un service d'e-mail signifie que chaque visiteur qui s'inscrit fait partie d'une liste que vous possédez, prête pour le jour du lancement.

SeedProd s'intègre aux services de marketing par e-mail et aux répondeurs automatiques populaires, y compris :

• Drip et Constant Contact
• Mailchimp, AWeber et ConvertKit
• GetResponse, Mad Mimi et plus

Tout d'abord, allez dans l'onglet Connexion en haut de l'écran.

Trouvez votre service dans la liste et cliquez sur Connecter un nouveau compte.

Suivez ensuite les instructions pour connecter et vérifier votre compte. Pour les étapes spécifiques au fournisseur, consultez la documentation d'intégration de SeedProd.

Vous pouvez également connecter Zapier, Google Analytics et reCAPTCHA sur la page Connexion.

Étape 6 : Configurez les paramètres de votre page

Ensuite, cliquez sur l'onglet Paramètres de la page en haut de l'écran. Ici, vous définissez les paramètres généraux tels que le titre de la page et l'URL.

Vous pouvez également modifier vos paramètres de référencement et d'analyse, ainsi que vos rôles utilisateur. C'est là qu'intervient le contrôle d'accès : autorisez un rôle comme Administrateur, et les administrateurs connectés verront le site en direct, tandis que tous les autres visiteurs verront la page en construction.

Une fois vos paramètres terminés, cliquez sur le bouton Enregistrer les modifications.

Étape 7 : Publiez votre page « En construction »

Il est maintenant temps de mettre votre page en ligne. Avant de le faire, prévisualisez son apparence sur mobile et sur ordinateur pour qu'elle fonctionne sur tous les appareils.

Cliquez sur l'icône Aperçu en bas de l'écran pour voir la vue mobile.

Cliquez à nouveau sur l'icône pour revenir à la vue ordinateur, ou utilisez l'icône en forme d'œil pour ouvrir un aperçu complet en direct dans un nouvel onglet.

Lorsque vous êtes satisfait, cliquez sur la flèche sous le bouton Enregistrer et cliquez sur Publier. Vous verrez un message de succès confirmant que la page est en ligne.

Cliquez sur Voir la page en direct pour afficher votre page en construction terminée.

Et voilà. Vous avez maintenant une page WordPress conviviale en construction qui masque votre site, collecte des prospects et suscite l'enthousiasme, le tout sans code.

FAQ sur la page de site en construction WordPress

Comment mettre mon site WordPress en construction sans plugin ?

Vous pouvez déposer un fichier .maintenance dans le répertoire racine de votre site, ou ajouter un extrait personnalisé au fichier functions.php de votre thème qui s'accroche à wp_loaded pour afficher un message. Les deux approches nécessitent de modifier des fichiers principaux via FTP ou dans un éditeur de code.

Pour la plupart des gens, un plugin est la solution la plus simple. Il vous offre une page conçue, un formulaire d'opt-in par e-mail et des contrôles d'accès sans toucher au code, et il est plus difficile de le casser.

Une page en construction est-elle mauvaise pour le référencement ?

Non, pas lorsqu'elle est correctement configurée. Une page « Bientôt disponible » ou « En construction » renvoie une réponse HTTP 200 normale, de sorte que les moteurs de recherche peuvent indexer un espace réservé réel pendant que votre site est en cours de création.

Pour une interruption brève et planifiée, Google recommande un code HTTP 503 temporaire avec un en-tête Retry-After afin que les robots d'exploration sachent quand revenir. Un plugin comme SeedProd gère la réponse correcte pour vous.

Quelle est la différence entre « Bientôt disponible », « Mode maintenance » et « En construction » ?

Les pages « Bientôt disponible » et « En construction » sont destinées à un site qui n'est pas encore en ligne, et elles renvoient une page HTTP 200 indexable. Le mode maintenance est destiné à un site établi qui est temporairement hors ligne pour des travaux de courte durée.

En pratique, « en construction » n'est qu'une étiquette plus conviviale pour une page « bientôt disponible ». La différence fonctionnelle qui importe est « bientôt disponible » par rapport au « mode maintenance », en raison du statut HTTP que chacun renvoie.

Puis-je montrer la page en construction aux visiteurs tout en voyant le site en direct moi-même ?

Oui. Les contrôles d'accès de SeedProd vous permettent d'autoriser des rôles d'utilisateur, de sorte que les administrateurs connectés voient le site complet en direct, tandis que tous les autres voient la page en construction.

Cela vous permet de continuer à construire et à tester sur le site réel sans exposer le travail en cours aux visiteurs.

Comment puis-je cacher mon site WordPress du public ?

Suivez ce guide étape par étape sur comment masquer votre site WordPress jusqu'à ce qu'il soit prêt. Il explique comment limiter l'accès afin que seules les personnes que vous choisissez puissent voir le site.

Puis-je utiliser une page en construction pour collecter des prospects par e-mail ?

Oui. Avec un outil comme SeedProd, vous pouvez ajouter des formulaires d'opt-in par e-mail à votre page en construction pour développer votre liste avant le lancement.

Cela vous permet de rester connecté avec les premiers visiteurs et de créer un élan pour le jour du lancement.

Créez votre page en construction dès aujourd'hui

La refonte que vous cachez ne signifie pas nécessairement un site inactif entre-temps. Vous pouvez mettre en place une page en construction personnalisée dès maintenant, capturer des prospects pendant que vous construisez, et lancer auprès de personnes qui attendent déjà.

Commencez avec SeedProd dès aujourd'hui, ou lisez comment commercialiser votre site web avant son lancement.

Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.