Would you like to create a maintenance page for your WordPress website?
The maintenance pages are also called "coming soon page". All websites need a pre-launch page. It allows you to create anticipation, to spread the word even before the launch of your main website.
In this tutorial, we will show you how to quickly and easily create beautiful "maintenance" or "Coming Soon" pages on WordPress. In our case, we'll talk more about "coming soon", how is the actual use of this type of page.
But before, if you have never installed WordPress discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog
Then, let's go back to why we are here.
Why create maintenance pages on WordPress?
The maintenance pages are not just a placeholder for your website. They can be an effective tool for generating leads for your business even before launching the website.
Here are some different ways to use these maintenance pages on WordPress.
- User interest gauge - If you are not sure of an idea, then the coming soon pages can help you understand the interest of visitors.
- Promote – Coming soon pages can also be used to promote a product/service. Give product information and encourage users to share.
- Capture emails – You can start building your email list and asking users to follow your social media profiles. This allows you to have a certain audience during the launch of the website.
To create a "coming soon" page on WordPress, you will need to have a good web hosting.
Here is an example of a "coming soon" page
How to create a coming soon page?
First of all, you need to install and activate the plugin " SeedProd ". For more details, see our step-by-step guide on way to install a WordPress plugin.
SeedProd is a WordPress Plugin premium. Its prices range from $29 for a single license with 1 year of customer support.
After activation, you must go to " Settings> Comin Soon Pro To configure your page coming soon ».
First of all, you have to click on " Enable Mode Coming Soon And save your changes.
From now on, logged out users and search engines will be redirected to the “coming soon” or “available soon” page. You will still be able to see your website when you are logged in.
Discover also our 5 WordPress plugins to offer downloads on your blog
Then you have to click on " Change Coming Soon / Maintenance Page ". This will open the SeedProd customizer.
You will see a list of page templates you can choose from. Each of these themes is fully customizable. You need to select the theme that best suits your needs.
By selecting a theme, you will access the "live customizer".
You will see a list of options in the left panel. Clicking on an option will display its sub-parameters. Any changes made appear instantly in the live preview.
You can also switch between the mobile and desktop view. After making your changes, you must click the Save button to save your settings.
Using the "customizer" allows you to add your own logo, background, content, add an email capture form, social sharing buttons, a countdown, a progress bar, etc…
Each option is well thought out and very easy to configure.
Then we will connect this "coming soon" page to a email marketing service, so you can start building your email list.
First, you click on "form settings" from the left panel to expand it. After that you have to select your service provider under the heading "Save Subscribers To ».
Check out our Tutorial in French on MailChimp: the complete guide to create a newsletter
For the purposes of this tutorial, we show you how to connect MailChimp. You can also choose any other email service.
See also our article on How to add a MailChimp form to WordPress
Then you need to click on the “Configure” button to continue. This will take you to the settings page for your email service provider.
You will need to enter the API key, which you can get from MailChimp. After that, you have to select the subscriber list and view the rest of the settings.
Remember to save your settings each time.
Once it's done, you will come back to the "Customizer". You can continue to edit your form or save the customizer data again.
Your “coming soon” page can now retrieve user emails.
How to add a coming soon page
Some website owners may want to display a page in maintenance mode instead of a "soon available" page. A maintenance mode page is useful if your website is undergoing maintenance, and you want to inform your users that you will be back soon.
See also How to add a countdown to your WordPress blog
« Coming Soon Pro "Also allows you to create beautiful maintenance pages on WordPress.
First of all you have to visit " Settings> Coming Soon "And select the" Enable Maintenance Mode ».
Do not forget to save your changes to activate the « maintenance »
From now on, if you are logged in, you will be able to see your website, otherwise only unconnected users and search engines will be redirected to the maintenance page.
Then you have to click on " Edit Coming Soon / Maintenance". This will open the customizer where you can choose a theme and customize the appearance.
Discover also some themes and premium WordPress plugins
You can use other WordPress plugins to give a modern appearance and to optimize the handling of your blog or website.
We offer here some premium WordPress plugins that will help you do that.
1. The Grid
The Grid is a WordPress Plugin grid premium that allows you to showcase all types of posts in a fully customizable and responsive grid system. It is perfectly suited for displaying your blog, portfolio, e-commerce products, or any kind of WordPress post types.
This plugin supports the following file formats: standard, video, audio, gallery, link, quote. The possibilities are endless and can be easily controlled with a powerful control panel.
See also our 8 WordPress plugins to customize the look of your website
The Grid is one of the most advanced grid plugins on WordPress and also the only one with a 100% responsive touch slider. You can filter any kind of grid in this touch slider, which is just unique. The plugin can be easily integrated into a WordPress theme and with a personalized style ...
Download | Demo | Web hosting
2. Yellow Pencil: Visual Style CSS Editor
Yellow Pencil is a visual style editor that you can use with any theme to personalize your website in minutes (fonts, colors, animations and more…).
Ce WordPress Plugin premium will create CSS styles in the background while you play with colors as if it were a game. It was designed for both beginners and experienced users.
Read also our article on 5 WordPress plugins to receive donations on your blog
No coding knowledge is required; However, the plugin has a good CSS editor for those who like to code. You can code live with this editor and customize your CSS.
Download | Demo | Web hosting
3. Mega Menu Monster
Mega Menu Monster is a premium WordPress plugin that will allow you to add mega menu to your pages on WordPress. 
Even if its use is much more suited to header menus, the fact remains that this plugin also allows you to use it at the footer.
Discover more How to Apply Interface and User Experience to WordPress
Among its features we find among others: the support of all modern browsers, responsive on all devices, the layout hhighly customizable (Background, colors, fonts) and many others.
Download | Demo | Web hosting
Recommended Resources
For go further in monetizing your blog or your website, we also recommend reading articles following:
- How to Apply Interface and User Experience to WordPress
- Affiliation: 3 simple questions to understand why you do not earn money
- How to create an animated promotion bar on Divi
- 10 WordPress plugins to hide premium content on your blog
Conclusion
Here ! That's all for this tutorial, I hope it will allow you to easily create a page coming soon on WordPress.
However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation or the one on Divi: the best WordPress theme of all time.
We also invite you to share on your different social networks.
...
