WordPress Maintenance Mode: Customize Your Maintenance Mode & Coming Soon Page

Today, we explain in detail about a new and important FREE feature: WordPress maintenance mode. This is the simplest & most visual way to create under construction and coming soon pages on WordPress.

WordPress maintenance mode In Elementor
Maintenance Mode Made Easy

Sites constantly need updating and maintenance. The problem is that when you are working on your sites, things can get buggy, and you don't want to show your visitors a buggy site.

This is why, when you are working on your site, it is recommended to set maintenance mode:

Instead of showing your visitors a complete site, you show them a maintenance mode page, and only users with access still see the full site.

Until now, there was no easy way to fully customize your maintenance mode page.

Now, Elementor includes a built-in and completely free maintenance mode feature. This also works for coming soon mode, so you can setup a coming soon page before your site launches.

Using this feature, you can create your own maintenance mode and coming soon pages, using the design capabilities of Elementor. It's quick, easy to use, and the result is beautiful and custom made. 

In this article, I want to go over every detail of how to put your site on maintenance mode, step by step.

You will learn:

  • Setting up maintenance mode in Elementor
  • Getting WordPress out of maintenance mode
  • How search engines are handled in maintenance mode and coming soon mode
  • Setting which roles have access under maintenance mode
  • Using designer made coming soon, under construction and login templates

Before we start, make sure you download and activate the Elementor Page Builder, with the built-in & free maintenance mode feature:

What is WordPress maintenance mode?

When your site is set to Maintenance Mode, it means users other than administrators cannot use or view your site while maintenance is taking place, or before the site has launched.

Instead, those users see a maintenance mode page or a coming soon page, informing them of the fact that the site is temporarily unavailable.

The site administrators, on the other hand, still have access to the site, so they can test it and make sure the site is fixed or is ready for launch.

Why & When you should use Maintenance Mode

There are many situations when your site would need to be set as maintenance mode and coming soon.

  • Making changes to your website
  • Fixing a bug
  • Launching a new product or service
  • Launching a redesign of a site
  • Getting search engines to know if your site is going to be launched or is down for repair (More on that later...)

These are just some examples of situations when you would want to be able to see the website yourself, but present an under construction or coming soon page to visitors.

How to Put WordPress in Maintenance Mode or in Coming Soon Mode

1. Add a Maintenance Mode Page

  • Edit a page by clicking on 'Edit with Elementor'
  • Click on 'Add template', and choose from the 12 designated maintenance mode templates. Click Insert to add a single template to the page
  • Customize the template to fit your website. You can consider adding widgets like Login, Counter, Share Buttons and Subscribe Form that are popular in under construction pages
  • Click on Save Template and name your template

2. Set the Maintenance mode template

  • Go to Elementor > Tools and choose between coming soon and maintenance.
  • Choose the template you saved earlier
  • Click 'Save changes'

3. Set access roles

You can set the specific roles that will have access to the site in development.

This way you can control who, apart from Admins, has access to the complete site, while regular users see an under construction or coming soon page. These roles include Administrators, Editors, Authors, Contributors and Subscribers.

Pro users can include a login form in the maintenance mode page, so users with proper access can login to the site from the maintenance mode itself.

When you set Maintenance Mode, you will see a red button on your top WordPress bar with the text: "Maintenance Mode ON". 

How to Get WordPress Out of Maintenance Mode

Once you are finished with working on your site, and you want to relaunch it again and get it out of maintenance mode, you can go back to Elementor tools to switch it off.

Go to Dashboard > Elementor > Tools > Maintenance Mode, and under 'Choose Mode' switch it to disable. Now save and you will see the red notification on the top of the page removed.

Elementor Maintenance Mode & Search Engines

Basically, every time you visit a website, before the website itself even loads, your browser requests that the page returns a response regarding its status.

That response tells users, as well as search engines, what the current status of the page. Is it live? Is it down for maintenance? Perhaps you reached a broken link...

Maintenance Mode - When you set Elementor's Maintenance Mode on, it will make your site tell search engines that your site is temporarily down for maintenance. It does so by sending the temporary maintenance response (HTTP 503). This way, search engines know to come back a short time later to check again if the site is already online.

Coming Soon - Setting Elementor to Coming Soon, on the other hand, makes your site tell search engines everything is working as normal, and they can index the website as usual. This is done by returning a response of HTTP200.

9 Free & Pro Maintenance Mode & Coming Soon Page Templates

To help you get a jumpstart on using the new feature, we are releasing 9 new and stunning maintenance mode & coming soon page templates.

These templates include everything you might like from a maintenance mode page, including a counter, registration form, social media icons and more. Bare in mind that you can easily turn a maintenance mode template to a coming soon template and vice versa.

Check them out:

This beautiful coming soon template features a large background image with a purple background overlay. It includes a clean counter, clear message and short description of vision, services and contact details

This FREE template feature a close up on a clock, signaling that time is ticking till launch. This is a clean and minimal coming soon template that can be a good fit for business and fashion websites

This FREE flowery template has an original use of Elementor's progress bar widget. It shows the user just how far long we are from launching the site. It also includes social media icons to connect users with your profile pages

A split screen and dramatic coming soon template that features a counter, as well as a minimalist subscription form. This template is specifically for fashion websites, but can be easily adapted to fit other topics

This hip coming soon template is straight to the point, with a short message and a counter. It features your email and social icons, so people can get in touch with you before launch. It is well suited for a freelancer website

If you are going to a pre-planned update of your site, with a designated ETA for finishing the repair, you can use this high-tech under construction template to tell your loyal visitors when the update will be finished

A FREE under construction template that gives a short notice of the situation, and also provides all the contact details the user might need. The background shows a tractor plowing away at a construction site

This is a classic coming soon template, that features 'lift off' using our counter widget. It also features a subscription form, so people can register and be notified after the site has launched

A bold coming soon template, featuring strong orange and black colors. This template featues a login form, so users who have access can log in and enter the full website. 

Another login template, this time featuring a form column and a portrait image of a model. This type of landing page can be used not only for under construction and maintenance mode, but also to restrict access to your site

A classic & FREE coming soon template, also featuring a clock element. This template is another example of using black and white colors, as well as another accented color on the main headline and email address

Even though under construction and coming soon pages have recurring patterns, like a big headline announcing the maintenance mode, a timer and an update subscription form, there still are a lot of design possibilities to explore when you set your own maintenance mode and coming soon page. 

This is why we have created 9 different under construction and coming soon templates for you to use as the basis for your customization. These are available in our template library.

Been wanting to add a new feature for your site for a while now? Then use our new feature, go on maintenance mode, use one of our beautiful maintenance mode templates, and work on your site to make it better for your visitors. With Maintenance Mode, you don't ever have to dread your visitors seeing a white screen of doom.

In this article, we covered all the main features of WordPress Maintenance Mode in Elementor, including:

Maintenance Mode Features

  • Full customization and design
  • Login, subscription, forms, counters, social share buttons and other widgets
  • Access roles control
  • One click Maintenance mode and coming soon mode
  • Proper search engine HTTP200 and HTTP503 status
  • 12 designer-made maintenance mode and coming soon templates

Conclusion

Besides saving you from installing a separate plugin for WordPress maintenance mode, the new feature allows you to fully customize the design of your maintenance mode and coming soon pages. 

When you set maintenance mode, I recommend also using our Canvas template, and setting up a page that doesn't have the header or footer of the site.

If you've designed a unique under construction or coming soon page, send it over and we might feature it in this blog.

… It’s absolutely FREE!

About the Author

Ben Pines

Ben Pines is Elementor's CMO. He has been in the online marketing industry for over 10 years, specializing in content marketing. WordPress has been Ben's platform of choice since the time when it was only used to blog.

36 Responses

  1. youve been busy again. everythings just getting more and more complete. great!

    but now i really want to have a possibility to call cpt custom fields from within elementor. and everything would just be even greater and completely beat up every other competitor!
    how are your plans on this???

  2. Sorry, I’m using google translator because I do not speak English.

    Congratulations, again, last week I was researching a page template under construction, since ever since I started using Elementor, my life has changed. My address is in the Northeast of Brazil, a region that is poor in financial resources, I am design by talent but I live the dream of living exclusively in the production of websites. But to make sites equal to others is not my beach … with Elementor I could enjoy the freedom to create my own design. I am a Christian and I believe that all things cooperate for the good of those who love God … so I am deeply grateful to God and to you who inspire us every week with Elementor, I am a user of Elementor Pro and I am very, very, Very happy with all this. God bless everyone on the team and one day I will have resources to visit you. Amen.

  3. Again an impressive and very welcome update. We love to have as less plugins as possible, so this is just awesome. Thank you!

    **Suggestion**

    Now that you offer so many wonderful templates in the builder, please consider add a filter bar. I would be a time saver / decision helpen if you could filter on ‘free’, ‘pro’ or type like ‘contact’, ‘about’, ‘coming soon’, etc..

  4. What I’d really like to see is a company like yours give me a plugin compatible with your editor that allows me to create funnels and keep the pages together in a particular funnel. It is hard to organize funnel pages in WordPress without it getting unwieldy to sort which is which. There is a program called Learn-Dash that does this really well with training now we just need the same type of program for funnels.

  5. This is amazing! One suggestion: allow certain pages to be under maintenance while others are live. This way you can keep your home page and with a CTA button live for your visitors while you work on other pages.

  6. Is it possible to enter a read more tag in the text editor or should i buy the pro version. That’s not a problem because I buy it anyway. Want to let you know that you deliver an excellent and user-friendly product. Greeting from Holland from Rob

  7. I have been creating wordpress sites for over 5 years and in that time have experienced many inferior wordpress products. Nothing i have found comes close to Elementor, it is a cut above everything else.

    Thank you for developing such a wonderful product

  8. Thanks for this update Ben and Team. Outside of the Pro release, this latest update is easily my favorite release to date! You guys keep upping the bar. Great job guys n gals of Elementor!

  9. I should also add that the new beta testing approach was really helpful and an enjoyable experience to see what was coming and have the opportunity to not only get intimate with it prior to release but also help ensure it is a solid release. Thank you!

  10. I am very glad you guys are stepping up to bring us key features that exists in other 3rd party plugings that relied on Elementor. Please add someof the innovative features into the main plugins. WE TRUST YOU MORE.

  11. Just amazing I’ve been using this system for a whole year It helps me in promoting the site in Google and the customers I build new sites Thank you for the help and amazing supplement that changed my business

  12. I set up the Maintenance Mode which displays as expected on the front end but now I can’t log in. When I go to mysite.cm/wp-admin my Under Construction page is displayed. How do I get access to my Dashboard?

  13. I should’ve asked this sooner, but how do we get the template examples you showed above? Right now, each of my Elementor Pro installs needs a template created first for use of the Maintenance Mode feature, so obviously they’re not available that way. Is there a download available? Thanks for the great products!

    1. The idea of maintenance mode is that you are working on the site, so things can go wrong. For this reason using maintenance mode will show the user a Maintenance mode page telling the user to come back later.

Leave a Reply