Dernières nouvelles de SeedProd

Tutoriels, astuces et ressources WordPress pour développer votre activité

Comment créer une page WordPress Coming Soon

Comment créer une page WordPress Coming Soon (de manière simple) 

Écrit par : image de l'auteur Stacey Corrin
image de l'auteur Stacey Corrin
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.
     Reviewed By : Turner John
image du réviseur Turner John
John Turner est le cofondateur de SeedProd. Il a plus de 20 ans d'expérience dans le domaine des affaires et du développement et ses plugins ont été téléchargés plus de 25 millions de fois.

One of the most popular questions I receive from readers is, ‘How do I create a WordPress coming soon page?’

It’s an important question because building an under-construction page tells people your site is launching soon and to come back on launch day.

You can also use a coming soon page to get a head start in search engine rankings before you go live. So when you launch, you’ll already have search traffic coming to your WordPress site.

In this guide, I’ll show you how to create coming soon pages in WordPress step-by-step.

How to Create a Coming Soon Page in WordPress:

Dois-je avoir une page "Coming Soon" ?

Avant de plonger dans les étapes de la mise en place d'une page "coming soon", posons une question importante : En avez-vous vraiment besoin ? Voici comment décider :

Raisons d'avoir une page "coming soon

  • Générer un buzz avant le lancement : créez une attente et une excitation autour de votre nouveau site web, du lancement d'un produit ou d'une nouvelle image de marque.
  • Capture Leads: Use a subscription form to collect the email addresses of potential customers or visitors, allowing you to notify them when you’re ready to go live.
  • Projeter le professionnalisme : Même pendant la phase de développement, présentez votre marque comme étant soignée et en cours d'élaboration.
  • Laissez entrevoir ce qui est à venir : Offrez un aperçu de l'esthétique ou des caractéristiques de votre site web, afin de susciter l'intérêt.

Situations où elle n'est pas nécessaire

  • Mises à jour mineures du site web : Si vous apportez de petites modifications à un site existant, un simple message en mode maintenance peut suffire.
  • Lancements urgents : Si le temps presse, il peut être plus important de mettre en ligne rapidement une version de base de votre site web qu'une page "coming soon" dédiée.

The Verdict

If you have the time and want to build excitement or gather leads before your website launches, a coming soon page can be very valuable. It demonstrates that you’re invested in a well-planned launch, helping you gain momentum right from the start.

Comment créer une page "Coming Soon" ?

Vous devrez commencer par choisir un plugin ou une solution "coming soon".

  • Utilisateurs de WordPress.com : Si vous utilisez WordPress.com pour héberger votre site web, vous disposez d'une option "Coming Soon" intégrée dans les paramètres de votre site. Il s'agit d'un moyen simple de rendre votre site privé pendant que vous travaillez dessus, et cela ne nécessite aucun plugin supplémentaire.
  • WordPress.org Users: If you’re self-hosting your WordPress website on WordPress.org, you’ll need to use a plugin. While there are many to choose from, my favorite tool is SeedProd. Other popular options include “Coming Soon Page & Maintenance Mode” and “CMP—Coming Soon & Maintenance Plugin,” which offer similar functionalities.
SeedProd Constructeur de site web WordPress Drag and Drop

SeedProd est l'un des meilleurs constructeurs de sites WordPress. Il est livré avec des pages faciles d'accès (coming soon et mode maintenance) qui vous permettent de limiter l'accès à votre site pendant qu'il est en cours de construction.

La création de ces pages ne prend que quelques minutes et, grâce à son constructeur de pages d'atterrissage par glisser-déposer, chaque centimètre est entièrement personnalisable.

SeedProd s'intègre également à des applications tierces et à des services de marketing par courriel tels que Mailchimp et WooCommerce pour des fonctionnalités supplémentaires. Vous pouvez même créer des thèmes WordPress à partir de zéro.

Voici un aperçu rapide de la comparaison entre SeedProd et les meilleurs plugins alternatifs de page "coming soon" et de mode de maintenance :

SeedProdAlternatives
Facilité d'utilisationConstructeur intuitif par glisser-déposerInterface conviviale
PersonnalisationOptions de personnalisation étenduesDes options de personnalisation intéressantes
ModèlesUne sélection variée de modèles conçus par des professionnelsVariété de modèles
IntégrationsIntégration transparente avec les outils les plus courantsIntégrations avec certains outils tiers
Modes de pageProchainement, Maintenance, Login, 404Limitée
PrixÀ partir de 29 $/anÀ partir de 49 $/an
Version gratuiteOuiLimitée

Si vous êtes pressé de commencer, voici un tutoriel rapide pour débutants sur la façon de créer une page "coming soon" en utilisant le plugin WordPress de SeedProd.

Pour un guide plus approfondi, veuillez poursuivre votre lecture.

Étape 1. Installer et activer le plugin SeedProd

La première étape consiste à ajouter SeedProd à votre site web WordPress.

Si vous avez besoin d'aide pour cette étape, vous pouvez consulter notre guide d'installation du plugin SeedProd.

Note: SeedProd has a free version. You can create a simple coming soon page with the free plugin. For this guide, I’m using the Pro version of SeedProd for more coming soon page templates and features.

Étape 2. Créer une page Coming Soon dans WordPress

Après avoir activé SeedProd, naviguez vers SeedProd " Landing Pages depuis votre tableau de bord WordPress. Ici, vous verrez d'abord les différents modes de pages que vous pouvez activer sur votre site web.

Modes de page d'atterrissage de SeedProd

Ces modes de page vous permettent de créer une page "coming soon", de construire une page en mode maintenance, de créer une page de connexion et de créer une page 404.

Vous pouvez également créer des pages d'atterrissage autonomes dans la zone située sous les sections de mode de page.

Pour créer votre page d'accueil, cliquez sur le bouton Créer une page d'accueil.

Créer une page "coming soon" gratuitement

Il vous sera ensuite demandé de choisir un modèle de page "coming soon".

SeedProd : bibliothèque de modèles de pages "coming soon".

Les modèles couvrent différents designs et secteurs d'activité et sont entièrement personnalisables. Vous pouvez choisir n'importe quel design et le faire vôtre sans avoir à écrire de code HTML ou CSS.

Pour choisir votre modèle, passez votre souris sur sa vignette et cliquez sur l'icône de la coche.

Cliquez sur l'icône de la coche pour lancer votre thème gratuit de page "coming soon".

The Rocket coming soon page is one of my favourite templates. I’ve used it on many projects, including this one from SEO Boost:

SEO Boost page coming soon exemple

Étape 3. Modifier le contenu de votre page Coming Soon

L'écran suivant est l'éditeur visuel de SeedProd, où vous pouvez ajouter du nouveau contenu et personnaliser les différents éléments de votre page de pré-lancement.

You can click the blocks or sections tab down the left-hand side to add new content. While on the right is a live preview of your page.

SeedProd drag and drop coming soon page builder (en anglais)

Les blocs de pages sont répartis entre les blocs standard et les blocs avancés.

Les blocs de page d'atterrissage standard vous permettent d'ajouter des éléments courants à votre page. Il peut s'agir de titres, de listes à puces, d'images, de vidéos, de boutons, etc.

éléments et blocs de contenu standard pour les pages "coming soon

En revanche, les blocs avancés sont davantage axés sur la génération de prospects, avec des blocs qui vous permettent de.. :

  • Créer une page "coming soon" avec un compte à rebours
  • Créez une page "coming soon" avec une option d'adhésion par courriel
  • Concevoir une page "coming soon" avec des icônes de médias sociaux
  • Afficher une page "coming soon" avec un formulaire de contact
  • Ajouter une page "coming soon" avec un login WordPress
  • Et bien d'autres choses encore.
SeedProd : blocs de pages avancés pour l'avenir

Créer une page WordPress Coming Soon avec un formulaire de contact

Pour aider les visiteurs du site à prendre contact avec votre page d'atterrissage "coming soon", vous pouvez ajouter un formulaire de contact à WordPress.

SeedProd s'intègre avec des constructeurs de formulaires tiers comme WPForms. Ainsi, créer une page "coming soon" avec un formulaire de contact est facile.

Pour ce faire, faites glisser le bloc Formulaire de contact depuis la section Blocs avancés et déposez-le sur votre page.

ajouter un formulaire de contact à votre page "coming soon" dans WordPress

Ensuite, sélectionnez le formulaire de votre choix dans le menu déroulant pour l'afficher automatiquement sur votre page.

choisissez un formulaire de contact dans le menu déroulant pour l'intégrer à votre page "coming soon".

Il existe de nombreuses façons d'utiliser votre page "coming soon" pour capter davantage de prospects, même si votre site web n'est pas encore prêt à être mis en ligne.

Par exemple, vous pouvez ajouter :

Vous pouvez même ajouter un formulaire de connexion à votre page "coming soon", ce que nous vous montrerons par la suite.

Créer une page WordPress Coming Soon avec Login

Le bloc de formulaires de connexion de SeedProd est un moyen pratique de permettre aux utilisateurs enregistrés de se connecter à votre site web. Vous pouvez ainsi permettre à d'autres membres de l'équipe de travailler en coulisses, même si votre site n'est pas en ligne.

Encore une fois, vous aurez besoin d'une licence premium SeedProd pour utiliser ce bloc, mais l'ajout d'un formulaire de connexion à votre page "coming soon" est tout aussi facile que n'importe quel autre bloc.

Il suffit de trouver le bloc Formulaire de connexion dans le panneau Blocs avancés, puis de le faire glisser sur votre page.

Page WordPress coming soon avec login

Vous pouvez ensuite ouvrir les paramètres du bloc pour personnaliser les champs du formulaire de connexion, les boutons, les modèles, etc.

Ajouter une barre de progression à votre page Coming Soon

Pour représenter visuellement la progression du développement de votre site web, vous pouvez ajouter une barre de progression à votre page "coming soon".

Barre de progression de la page Coming soon de WordPress

SeedProd propose un bloc de barre de progression qui vous permet de personnaliser facilement l'apparence et le pourcentage d'achèvement.

Intégrer les médias sociaux

L'intégration des médias sociaux vous permet d'engager le dialogue avec votre public avant même le lancement de votre site web.

WordPress coming soon page social media icons

SeedProd vous permet d'ajouter des icônes de médias sociaux ou des flux directement sur votre page "coming soon", ce qui permet aux visiteurs de suivre facilement les mises à jour de votre marque sur des plateformes telles que Facebook, Twitter ou Instagram.

N'oubliez pas d'appuyer sur le bouton vert Enregistrer en haut de la page pour sauvegarder vos progrès.

Sauvegardez votre page WordPress à venir

Étape 4. Personnalisez votre modèle de page WordPress Coming Soon

Personnaliser les polices, les éléments et les couleurs de votre page "coming soon" personnalisée est également très simple.

Vous pouvez modifier individuellement les couleurs dans les paramètres du bloc à l'aide du sélecteur de couleurs.

Modifier individuellement les couleurs et les polices dans les paramètres spécifiques du bloc

Vous pouvez également définir des paramètres globaux de couleur et de police dans la zone des paramètres globaux de la page.

Personnalisez les couleurs des éléments de votre page "coming soon

Sous l'onglet Typographie, vous pouvez choisir des centaines de polices Google pour votre page "coming soon".

Personnalisez votre page "coming soon" avec les polices google web fonts

Il suffit de cliquer sur les menus déroulants et de choisir une police dans la liste.

L'étape suivante consiste à personnaliser l'arrière-plan de votre page d'atterrissage. Pour ce faire, cliquez sur l'onglet Arrière-plan de la page Paramètres généraux.

personnaliser l'arrière-plan de votre page "coming soon" dans les paramètres globaux

Ici, vous pouvez modifier la couleur d'arrière-plan, télécharger une nouvelle image d'arrière-plan ou ajouter un dégradé de couleurs.

Si vous cliquez sur le menu déroulant Position de l'arrière-plan, vous pouvez configurer votre image d'arrière-plan de la manière suivante :

  • Couvercle plein écran
  • 100% de la largeur en haut
  • 100% de la largeur du fond
  • Répéter
  • Répétition de la partie supérieure horizontale
  • Répéter le fond horizontal
  • Répéter le centre vertical

Les utilisateurs de SeedProd Pro peuvent également ajouter un diaporama ou une vidéo en arrière-plan.

Vous avez besoin d'ajouter un CSS personnalisé à votre page ? Aucun problème. Il vous suffit de développer l'onglet CSS et de coller votre code personnalisé.

Ajoutez un CSS personnalisé à votre page "coming soon".

Étape 5. Configurer les paramètres de votre page

Une fois que l'apparence de votre page "coming soon" est parfaite, il est temps de se plonger dans les fonctionnalités les plus cool et les plus avancées qui peuvent vraiment faire travailler votre page pour vous.

Cliquez sur l'onglet Paramètres de la page en haut de votre écran, et vous verrez plusieurs paramètres que vous pouvez utiliser pour configurer votre page "coming soon".

paramètres personnalisés de la page "coming soon

Ici, vous pouvez modifier les paramètres généraux de votre page, tels que l'ajout d'un nouveau nom ou la modification de l'URL de la page.

Grâce aux fonctions de contrôle d'accès, vous pouvez décider qui peut voir votre site alors qu'il n'a pas encore été dévoilé. Que ce soit en fonction des rôles des utilisateurs, d'adresses IP spécifiques ou d'un lien secret que vous partagez avec les VIP, vous avez le pouvoir d'accorder un accès anticipé.

URL de contournement de la page "Coming soon" (à venir)

C'est un excellent moyen d'accorder l'accès aux clients pour leur montrer ce sur quoi vous travaillez sans révéler ce travail au public.

Il vous suffit de créer un mot de passe secret. Vous pouvez ensuite copier l'URL de contournement et la donner à toute personne à qui vous souhaitez accorder l'accès. Vous pouvez également cliquer sur une option pour masquer la page d'atterrissage aux utilisateurs connectés, tels que les administrateurs de sites web.

Vous pouvez même choisir d'appliquer le mode "coming soon" à certaines parties de votre site. Cette option est idéale lorsque vous êtes prêt à présenter une section de blog ou une page d'accueil, mais que vous souhaitez continuer à travailler sur le reste.

Il suffit d'ajouter les URL où vous souhaitez afficher la page "coming soon" dans la section Inclure/Exclure les URL.

Les autres paramètres de la page vous permettent de configurer le référencement et l'analyse de votre page d'atterrissage. Pour plus d'informations, veuillez consulter notre guide sur les paramètres des pages.

Étape 6. Publier votre page WordPress Coming Soon

Lorsque vous avez configuré tous vos paramètres dans l'éditeur de page SeedProd, cliquez sur le bouton Enregistrer . Cliquez ensuite sur la flèche vers le bas et sélectionnez Publier pour mettre en ligne votre page "coming soon".

Publier votre page "coming soon" dans WordPress

Lorsque vous avez publié votre page "coming soon", vous devez activer le mode "coming soon" pour que vos visiteurs puissent voir cette page sur l'ensemble de votre site web.

Pour ce faire, cliquez sur le bouton "X" pour fermer l'éditeur de page et revenir au tableau de bord de SeedProd.

Vous pouvez ensuite activer votre page "Coming Soon" en vous rendant dans la section "Coming Soon Mode" et en faisant passer le commutateur de "Inactif" à " Actif".

activer le mode de votre page "coming soon" dans wordpress

Le mode "coming soon" est désormais activé sur l'ensemble de votre site web. Les visiteurs verront donc la page que vous venez de créer.

comment créer une page "coming soon" dans wordpress

Comment supprimer la page "Coming Soon" une fois que mon site est en ligne ?

Lorsque vous serez prêt à publier votre site web WordPress, vous devrez désactiver la page "coming soon". Cela permettra aux visiteurs du site de voir l'ensemble de votre site au lieu de la page d'atterrissage "coming soon".

Pour désactiver la page, allez dans SeedProd " Pages et cliquez sur le bouton "Actif" situé sous la case "Coming Soon Mode" pour le mettre en position "Inactif".

Désactiver le mode "bientôt disponible".

Et voilà ! Les visiteurs ne verront plus votre page "coming soon" et pourront naviguer sur votre tout nouveau site web.

A/B Testing Your Coming Soon Page

You’ve designed a great coming soon page, but how do you know it’s getting you the most email sign-ups or social shares? That’s where A/B testing comes in. It’s like trying out different outfits to see which one gets the most compliments!

Tests fractionnés A/B

Here’s how it works: You create two (or more) slightly different versions of your page. Then, you show each version to a group of visitors. By tracking how each version performs, you can see what works best and make your page even more effective.

What to Test:

Think of your coming soon page like a movie poster – it needs to grab attention! Here are some things you can test:

  • Headlines: Try different headlines with different words, lengths, or styles.
  • Call to Action Button: This is the button people click to sign up. Test different button text, colors, sizes, and placements.
  • Benefits: Clearly tell people why they should sign up! Try different ways to explain the value you offer.
  • Images and Videos: Do images or videos work better? Test different visuals to see what resonates with your audience.
  • Content Length: Some people like short and sweet messages, while others want more details. Test a shorter version of your page against a longer one.
  • Color Schemes: Colors can make people feel different emotions. Experiment with different color combinations for your buttons, backgrounds, and text.
  • Social Proof: Show people that others trust you! You can test testimonials, media mentions, and trust badges.

For more split testing help, see our guide on how to A/B test landing pages.

Examples of Successful Coming Soon Pages

If you need help coming up with some design ideas, here are some successful coming soon page designs that we love.

Fixers

Fixers coming soon page example

I love how this coming soon page uses striking visuals – it immediately grabs your attention and sets the tone for an adventurous experience. The headline, is bold, impactful, and resonates with a desire for unique travel experiences.

The call to action is clear and enticing, prompting users to sign up. I appreciate the simple email capture form and the playful “Take me away” button. Additionally, the option to opt out with “No thanks, I like boring holidays” adds a touch of humor and personality to the page.

 LAB Petite

Coming soon page example

I adore the playful and whimsical feel of this coming soon page. The hot air balloon motif is charming and perfectly suits a brand aimed at children’s products.

The headline is catchy and playful and immediately tells me what the brand is all about. I love the emphasis on showcasing modern makers and unique children’s items—it definitely piques my interest.

The countdown timer is a great touch, creating a sense of excitement and anticipation for the launch. I’m also happy to see the email signup form so I can stay in the loop.

WiseJack

wisejackcooking.com Coming Soon Page

This coming soon page has me drooling. The photo of the steak and peppers is absolutely mouthwatering, and it immediately makes me crave delicious food.

“Wisejack Cooking” is a cool name, and the tagline is clever and funny. I love how the headline speaks directly to busy lifestyles and promises easy solutions. And the video thumbnail is super enticing.

The email signup is clear and simple, and I appreciate the playful “Notify Me” call to action. This coming soon page makes me excited to try out Wisejack Cooking.

For more inspiration, check out our roundup of the best coming soon page examples.

FAQ sur la page Coming Soon de WordPress

Here are some frequently asked questions from readers about creating a WordPress coming soon page that I’m happy to answer.

Qu'est-ce qu'une page WordPress Coming Soon ?

Une page "coming soon" est une page web que vous pouvez afficher pour les visiteurs avant le lancement officiel de votre site.

Vous pouvez créer une page "coming soon" pour indiquer aux visiteurs que votre site web est en cours de construction ou qu'il n'a pas encore été lancé. Cette page vous permet d'offrir aux visiteurs la possibilité de s'inscrire pour recevoir des notifications lorsque votre site sera officiellement lancé.

Qu'est-ce qu'une page "Coming Soon" ou un mode "Maintenance" ?

Certaines personnes confondent les pages "coming soon" et les pages de maintenance. Pourtant, les deux modes de pages sont légèrement différents.

Il est préférable de mettre en place une page "coming soon" lorsque vous en êtes au stade de la conception et de la planification de votre site web, afin que les utilisateurs ne voient pas un site inachevé. Le mode maintenance est préférable lorsque vous effectuez des mises à jour mineures sur votre site. Il permet d'éviter que les visiteurs ne voient un site défectueux lorsque vous effectuez de petites modifications.

Consultez ce guide pour en savoir plus sur le mode "bientôt" et le mode "maintenance".

Quelles sont les stratégies de référencement pour les pages "coming soon" ?

Les stratégies de référencement pour les pages "coming soon" peuvent inclure l'utilisation de mots-clés pertinents dans le titre et le contenu de votre page, l'ajout de balises méta pour la description et les mots-clés, et l'inclusion d'un fichier sitemap.xml pour les moteurs de recherche. Vous pouvez également utiliser un plugin WordPress SEO pour optimiser votre page.

Une page "coming soon" est-elle une page d'atterrissage ?

Oui, une page "coming soon" est un type de page d'atterrissage car les utilisateurs "atterrissent" sur cette page après avoir cliqué sur un lien dans les résultats de recherche, les médias sociaux ou ailleurs.

Comment puis-je mesurer les résultats de ma page "coming soon" ?

Vous pouvez mesurer l'efficacité d'une page "coming soon" en suivant des indicateurs tels que le nombre de pages vues, le nombre d'inscriptions aux mises à jour et le taux de rebond. Vous pouvez utiliser des outils d'analyse comme Google Analytics pour suivre ces paramètres.

Ensuite, faites la promotion de votre nouveau site web

Félicitations ! Vous venez d'apprendre comment créer une page WordPress "coming soon" sans code.

Now it’s time to create yours. Get started with SeedProd and create high-converting coming soon pages without hiring a developer.

Prêt à promouvoir votre nouveau site ? Nous pouvons vous aider :

Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à laisser un commentaire pour nous faire part de vos questions et de vos réactions.

Vous pouvez également nous suivre sur YouTube, X (anciennement Twitter) et Facebook pour obtenir d'autres contenus utiles au développement de votre entreprise.

avatar de l'auteur
Stacey Corrin Rédacteur
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.