Last updated on: August 14, 2020
Wondering how to put your WordPress site in maintenance mode?
Adding a WordPress maintenance mode page to your site is a great way to hide broken pages from your visitors while you tweak your theme, plugins, content, or anything else in the backend of your website.
But most importantly, it saves your website from potentially losing search engine rankings by notifying it that your site is temporarily down for maintenance.
So instead of indexing your broken site, Google skips indexing any changes on the site that are not complete. This also saves your SEO from being affected.
In this article, we will tell you how to put your WordPress site in maintenance mode quickly and easily.
Here are the steps for easy navigation:
- Set up SeedProd
- Enable maintenance mode
- Design your maintenance page
- Add extra design elements
- Customize colors and typography
- Check it’s mobile responsive
- Publish your page
Why Put WordPress in Maintenance Mode
Normally you can customize your website without having to activate WordPress maintenance mode. Small tweaks like publishing content and updating a theme or plugin won’t require any downtime.
But sometimes you’ll need to work on your site for a little longer. For example when you’re configuring a new theme or plugin that changes the nature of your website. At this time, your site might appear as broken to visitors for a longer period of time.
If your site has a significant amount of traffic, you won’t want users to see your site broken. This is because it hurts their user experience and gives them a poor impression of your business.
Website owners often deal with that situation by working on a staging website which is usually including with their WordPress hosting. This lets them iron out any issues before pushing the changes to their live website. However, you’ll still need to put up a WordPress maintenance mode page for a short time, so visitors know what’s going on.
If you’re not using a staging site, you should definitely enable maintenance mode, as you’re making changes to your live website. This lets you solve the user-experience issues you might otherwise face.
When you put your site in maintenance mode, you can show user-friendly notifications, links to direct visitors to other information, and a time-frame for when your site will be available again.
So how to put your WordPress site in maintenance mode? Follow the steps below.
Putting Your WordPress Site into Maintenance Mode
Your first plan of action should be to install a WordPress maintenance mode plugin. With so many around in the WordPress repository, you can pick any maintenance plugin of your choice.
For this article, we’ll be using the SeedProd plugin which lets you put a maintenance page on WordPress in a matter of minutes.
SeedProd is a premium WordPress plugin that lets you put your site in maintenance, as well as enable a coming soon page. It comes with several professionally designed templates and guaranteed support so you can get up and running as quickly as possible.
You can also gather leads while your site’s down for maintenance by adding optin-forms to your maintenance page so visitors can sign up for notifications when your site’s back up.
So let’s check out how to use this plugin to enable WordPress maintenance mode.
Step 1: Setting Up SeedProd
Once you install and activate SeedProd on your WordPress website, it will ask you to verify your license key via the WordPress dashboard page. On purchasing the plugin, you will get a license key on your registered email address. Paste the key in the blank field you see on your screen.
Once your license is verified, click on the Go to the Settings Page option. You will now be redirected to the SeedProd dashboard.
This page will also have a quick video showing you how to use the plugin. You can use it for a better understanding of the plugin. Let’s now move on to creating your WordPress maintenance mode page.
Step 2: Enabling Your WordPress Maintenance Mode Page
You should now be on the following page. This page will show you 4 different options. By default, the first option will be selected when you land on this page for the first time.
To build a maintenance page on your website check the third option, Enable Maintenance Mode.
You will see a few other options too like Enable Coming Soon Mode and Enable Redirect Mode.
That’s because, with SeedProd, you can create with a beautiful coming soon page, and enable redirections as well.
Many people get confused between the Coming Soon mode and Maintenance mode. Coming soon pages are generally used on websites that are not live yet and still under construction.
On the other hand, Maintenance Mode should be used on already established sites that are currently inactive due to maintenance, like switching your WordPress theme or other big changes that can take a while.
Now that you have selected Maintenance Mode, click on the Edit Coming Soon/Maintenance Page option to proceed further. It will redirect you to a page builder where you can start designing your maintenance mode page.
This real-time page builder lets you take full control over the look and feel of your entire page.
You can see the live changes on the right side of your screen as and when you use the options on the left to style your page.
Step 3: Designing Your WordPress Maintenance Mode Page
Coming Soon Pro and Maintenance mode by SeedProd offers you tons of design options. You can either build your page from scratch or use a ready-made theme from the library of more than 50 beautiful templates.
You can select the theme for your splash page by clicking on the Theme » Select a Theme option on the left side of your page builder. On doing that you’ll see several beautiful themes on your screen.
You can pick a style that resembles your brand closely, and then change the design to suit your needs.
You’ll then see the template on the right side of the page builder. You can edit every single part of the template by using the options on your left.
To change the maintenance message on your page, click on the Content tab on the left.
Here you can enter a custom maintenance message explaining the downtime to your visitors. You can also change the page name, add your logo and include a headline.
It’s also possible to change the order of the content on your page by scrolling down to the Sections Order area. From there, just drag and drop different elements to rearrange them.
Below that, are options to upload a favicon, add your own SEO title and description, and upload your social media thumbnails.
Scrolling further down the page, you can add your Google Analytics code snippet so that you can keep track of your visitors.
The next option lets you customize your Background. Click on the Background settings tab and it will expand with several settings to personalize your background.
You can use these options to change your background image, color, alignment, and more. It’s also possible to upload a video and add a slider of different background images.
When you click the Select Stock Image button, you can choose from a library of more than 5k free stock images. So if you’d like to change the template’s background image, use this option. You can also use the search box to find an image of your choice.
The next option is Container transparency. Here you can set how transparent you want your content containers to be. You can also set the container position, and width if you want.
This section also lets you add an animation effect to your container.
Next, you have the Element color option. To use this option you first have to add the elements to your page. You can enable them by scrolling further down the page.
The email form, social icons, count down timer, and progress bar are all different element options you can add to your page.
Step 4: Adding Elements to the Maintenance Page
Let’s now add some elements to the page.
We’ll start with the email form. This setting is available 2 options after the element color option.
Click the Enable Form slider to activate that setting. If you want you can also display the name and add a checkbox to enable sending notifications to your users.
Once activated, the email field is added to the page on your right.
To make things easier, SeedProd comes with more than 23 different email marketing service options for you.
You can choose to connect to any service to save your subscriber’s information. Just click the drop-down arrow under the Save Subscriber’s to option and choose your platform.
You can also enable the auto-responder option by clicking the Configure Optional Autoresponder tab. Then you’ll be redirected to a new page where you can add the subject line and message that you want to send.
Don’t forget to hit save after every step. Then click the Go back to the customizer page option to continue working on your page builder.
Now let’s save the changes and move ahead.
Like the email form, you can also add a Contact Form on your page. Just toggle the Enable Contact Form option and customize it just like the email form.
The next option is for adding social profiles. You can do that by selecting your favorite social icon from the drop-down arrow. Then add the link to your social account in the blank field next to it.
There are more than 20 social networking options that SeedProd offers, so select the ones relevant to your business.
If you want to keep your visitors up-to-date with how long you’ll be down for maintenance, choose the countdown timer option.
You can select the time zone, and end date and a format for your timer. It will automatically disappear on the set end date.
The last element is the progress bar. You can either set a manual percentage to show the progress of your work or set a start and an end date.
By choosing the date, you let the bar work on its own to show its progress as it approaches the end date.
Step 5: Customizing Element Colors and Typography
Finally, you can change the color of your elements under the Element color option that we previously skipped.
Use this option to control the color of all the elements on your page. You can change the color of your buttons, count down timer, form input background, and progress bar.
When you click the Typography option, you can take control of the fonts, sizes, and text colors on your page.
If you want to change your footer credits, you can do that using the option below the Progress Bar in your page builder.
For inspiration, you might want to check out our roundup of coming soon page examples.
Now that your page is ready, its time to check the responsiveness before you hit publish.
Step 6: Checking Responsiveness
By checking the responsiveness of your page, you can ensure your maintenance page looks stunning across all devices.
The option for checking responsiveness is available at the top left corner of your screen.
If you click on Desktop you will see how it appears on bigger screens. Similarly, by clicking on Mobile you can check its appearances on smaller screens like mobile phones.
Step 7: Publishing Your Page
The final step is to hit the publish button so that your page goes live. To do that you will have to click on the Back to Settings option on the top left corner of your screen.
You will now be on the main page where you enabled your Maintenance mode. On this page, click on the Save All Changes button. And that’s it. Your page is live now.
This is just an example. Using your creativity, you can come up with much better-looking maintenance mode pages for your WordPress site.
Logged in users will be able to access the backend normally just like you did before. But your visitors will see the maintenance page that you just created with SeedProd. Even better, your page won’t be affected if you update WordPress either.
How to Turn off the Maintenance Mode
You can use this process to put your website on the maintenance mode, any time you want to take down your site for a quick fix.
When you are done with all the maintenance processes, you can disable the maintenance mode and get the normal view back.
You can turn off your maintenance mode by heading to your WordPress admin area and accessing the SeedProd settings. Now, click on the Disable button instead of the Enable Maintenance Mode option on your SeedProd dashboard. Remember to click Save All Changes to perverse your settings.
Voila! Maintenance is now disabled and anyone can access your website.
That’s it. Wasn’t that easy? You now know how to put your WordPress site in maintenance mode.
What if you find yourself stuck in maintenance mode? This tutorial will help you out.
We hope this article was helpful to you! Looking for more useful plugins? Check out our list of the best WordPress plugins for any site.