Skip to Main Content

How to Create a maintenance page on WordPress

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 901.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

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 before even launching your main website.

create a maintenance page coming soon 2

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.

  1. User interest gauge - If you are not sure of an idea, then the coming soon pages can help you understand the interest of visitors.
  2. Promote - "coming soon" pages can also be used to promote a product / service. Give product information and encourage users to share.
  3. Capture emails - You will be able to start building your email list and asking users to follow your profiles on social networks. 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" pageHow to create maintenance page wordpress coming soon

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 premium WordPress plugin. Its prices range from 29 $ for a single license with 1 for customer support.

After activation, you must go to " Settings> Comin Soon Pro To configure your page coming soon ».

Coming soon example page

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.

Seedprod theme customization

You will see a list of page templates that you can choose. Each of these themes is fully customizable. You must select the theme that best suits your needs.

By selecting a theme, you will access the "live customizer".

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

Customization of a seedprod customizer page

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.

Customization of seedprod customizer 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 that 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 creating a newsletter

Seedprod email marketing service

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.

Seedprod mailchimp configuration settings

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

Seedprod maintenance mode settings

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 look and optimize the grip 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 premium WordPress grid plugin that allows you to present 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 type.The grid responsive wordpress grid plugin

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…).

Yellowpencil visual css style editor plugin wordpress

This premium WordPress plugin will create CSS styles in the background while you play with colors as if it were a game. It was designed for beginners as well as 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. Mega menu monster 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 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

To go further in monetizing your blog or your website, we also recommend reading articles following:

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.

...

This article features 0 comments

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
9 shares
Share8
tweet
Save1