I often get asked, “How do I put a coming soon page on my WordPress site?”. It’s a really common question, and it’s something I’ve helped many people with at SeedProd.
I’ve seen how a good coming soon page can be super helpful. It lets you keep your site hidden while you’re working on it, get people excited about your launch, and even start building your audience early.
In this guide, I’m going to show you the steps to make a great coming soon page in WordPress. By the end of it, you’ll have a page that does all of that—keeps your site private and helps grow your business before you go live.
How to Create a WordPress Coming Soon Page:
Why Build Coming Soon Pages in WordPress?
You might wonder why you should even bother with a coming soon page. Here are the main reasons I think they’re worth it:
- Keep Your Site Private: Coming soon pages let you hide your unfinished site while you’re still building and designing it. This makes sure people see a polished site when you’re ready to launch.
- Build Excitement: They let you create buzz for your upcoming site. You can show your logo, share what you’re planning, and get people excited.
- Grow Your Audience: You can start getting followers early by adding an email sign-up form to your coming soon page, so people can get notified when your site launches.
- Help Your SEO: Even with a basic coming soon page, you can include keywords to help search engines find your site when it launches.
- Look Professional: A good coming soon page makes your site look professional and ready.
Basically, a coming soon page is a smart way to make a bigger impact when your website goes live.
Check out this guide to learn more about coming soon vs. maintenance mode.
Steps to Create a Coming Soon Page in WordPress
The easiest way to create a coming soon page in WordPress is by using SeedProd. I believe it’s the best landing page builder and use it on all of my personal projects. It comes with an easy drag-and-drop editor that lets you create professional-looking pages quickly.
With SeedProd, you can make pages about your upcoming launch that have a countdown timer, email form, and social buttons. This helps people get excited about your launch and want to follow you.
Plus, SeedProd has over 320 ready-made page templates and 90 different blocks you can simply drag onto your designs. This makes it possible to create many different page designs without needing to write any code.
✏️ 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.
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.
Step 2. Set Up Your Coming Soon Page Template
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.
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.
Il vous sera ensuite demandé de choisir un modèle de page "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.
The Rocket coming soon page is one of my favorite templates. I’ve used it on many projects, including this one from SEO Boost:
Step 3. Customize Your Coming Soon Page
On the next screen is SeedProd’s visual editor, where you can add new content and customize different elements of your pre-launch page.
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.
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.
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.
For example, let’s add a countdown timer, so visitors to your page know when your new site will launch.
In the left-hand sidebar, find the ‘Countdown’ block and drag and drop it onto your page preview.
Next, select the Countdown block in your layout.
In the left-hand sidebar, you can set the date and time for when you plan to publish your website.
The countdown block will show the day, hours, minutes, and seconds until your website goes live. This allows you to build excitement around your site’s official launch date.
Pour représenter visuellement la progression du développement de votre site web, vous pouvez ajouter une barre de progression à votre page "coming soon".
SeedProd propose un bloc de barre de progression qui vous permet de personnaliser facilement l'apparence et le pourcentage d'achèvement.
Now go ahead and add more blocks to your WordPress coming soon page following the same process as above. You can also read these guides if you need help building your page:
- How to Build a Landing Page with a Form
- How to Add Custom Social Media Icons to WordPress
- How to Create Text Animations in WordPress
- How to Add a Number Count Animations in WordPress
- How to Add a Login Form to WordPress
N'oubliez pas d'appuyer sur le bouton vert Enregistrer en haut de la page pour sauvegarder vos progrès.
Étape 4. 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".
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é.
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.
Step 5. Publish Your WordPress Coming Soon Page
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".
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".
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 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".
Et voilà ! Les visiteurs ne verront plus votre page "coming soon" et pourront naviguer sur votre tout nouveau site web.
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
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
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
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.
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 :
- Comment créer un plan de marketing pour le lancement d'un nouveau site web
- Comment commercialiser votre site web avant son lancement
- Comment promouvoir votre blog
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.
