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.
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:
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
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!