RafflePress Logo
RafflePress announcement for review actions

New Update: Boost Social Proof with Reviews & Automation

Introducing RafflePress's new leave-a-review giveaway actions. Boost customer engagement and build trust effortlessly by incentivizing reviews in WordPress.
How to Put WordPress in Maintenance Mode (Beginners Guide)

How to Create a WordPress Maintenance Mode Page (Easy Way)

Written By: author image Stacey Corrin
author image Stacey Corrin
Stacey has been writing about WordPress and digital marketing for over 10 years and on other topics for much longer. Alongside this, she's fascinated with web design, user experience, and SEO.
     Reviewed By: John Turner
reviewer image John Turner
John Turner is the co-founder of RafflePress. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

Do you want to create a WordPress maintenance mode page?

Enabling WordPress maintenance mode lets you show a user-friendly splash page instead of a broken site during website maintenance. You can then safely perform your maintenance and updates, safe in the knowledge that logged-in users have access to your website.

In this tutorial, we’ll show you how to put WordPress in maintenance mode and make your maintenance page engaging, helpful, and useful for visitors.

Before we start, you might want to know, “What is WordPress maintenance mode?”. Let’s find out.

What Is WordPress Maintenance Mode?

WordPress maintenance mode (also known as WP maintenance mode) is a state you can put your website in when making small changes in WordPress. When you enable maintenance mode, it essentially adds a landing page to your site, explaining why it’s unavailable and when it’ll be live again.

Some people get confused about the difference between maintenance mode and a coming soon page. To find out how they differ, see this guide on Coming Soon vs Maintenance Mode.

Why Put WordPress in Maintenance Mode?

There are many reasons why you’d want to put your new website in maintenance mode.

You could be running an update for WordPress themes and plugins, changing your WordPress design, updating your core WordPress installation, or even fixing a security flaw.

Making changes to your website while it’s live can put users off and leave a negative impression. Some users might think that your site is broken and leave, while others could think it has been hacked and never return.

A common way to deal with this is to use your WordPress hosting or web hosting to create a staging website. This allows you to push the changes to your live website when you’re ready.

Moreover, putting WordPress in maintenance mode sends a signal to search engines and Google bots, telling them that your site is down. They can then resume indexing your site when maintenance is over.

If you’re not using a staging site, you’ll want to use maintenance mode. This will prevent any user-experience issues and allow you to show contact forms and other useful elements to help people stay in touch while your site is down.

How to Make a WordPress Maintenance Mode Page

Now that you know what maintenance mode is and when to use it on your WordPress site, how do you put WordPress in Maintenance mode?

The easiest way to add a maintenance page to WordPress is with a maintenance mode plugin. We’ll be using the SeedProd WordPress plugin for this tutorial, which isn’t just any wp maintenance mode plugin.

SeedProd is the best drag and drop WordPress landing page builder

The SeedProd plugin is the best WordPress landing page builder with coming soon and maintenance mode functionality. With its drag-and-drop visual editor, stunning landing page templates, and powerful access controls, creating a maintenance page is super easy.

You can activate and deactivate maintenance mode with a single click. To keep your audience in touch with your brand during downtime, you can add subscription forms, social media buttons, countdown timers, and preview your changes on your website frontend.

We’ll explore all of these features as we guide you through setting up maintenance mode.

Let’s dive into the step-by-step guide.

1. Install and Activate SeedProd

First, click here to get started with SeedProd and download the plugin to your computer.

You’ll then need to install and activate the plugin on your WordPress website’s backend. If you need help, you can follow these instructions for installing a WordPress plugin.

Note: SeedProd has a free version; however, we’ll use the Pro version for the advanced features.

After activating the plugin, you’ll see a welcome message on your WordPress dashboard and a note asking you to enter your license key. You can find the license key either in your SeedProd account area or in the registered email address you used to buy the plugin.

Enter your SeedProd license key

Enter your license key in the field provided and click Verify Key.

Next, scroll down the page and click the Create Your First Page button to view the landing page dashboard.

Create your first wordpress maintenance mode page

2. Create Your WordPress Maintenance Mode Page

Along the top of the landing page dashboard are 3 different modes. Coming Soon Mode allows you to create a coming soon page, which is useful if you haven’t yet launched your website.

SeedProd landing page dashboard

The 404 Page mode lets you show a custom 404 error page when users visit a broken link or missing page on your site.

Yet, the option we’re interested in is Maintenance Mode. Under the Maintenance Mode heading, click the Set Up a Maintenance Mode Page button. This will take you to a screen where you can choose your maintenance mode template.

Set up a WordPress maintenance mode page

3. Choose a WordPress Maintenance Mode Template

This plugin comes with a wide variety of stunning maintenance mode page templates. Each landing page template is designed to be mobile-friendly and easy to customize with the drag-and-drop page editor.

WordPress Maintenance mode templates

To choose a maintenance page template, hover your mouse over a template thumbnail and click the tick icon.

Choose a maintenance mode template for WordPress

For our example, we’ll use the Coffee Maintenance Mode Page template.

After clicking the template, it will launch automatically in the visual page builder, where you can add your own content and customize it to suit your brand. Moreover, you won’t need to edit your function.php file or use code snippets to customize your page.

4. Add Content to Your Maintenance Page

SeedProd drag and drop visual page editor

The drag-and-drop page builder has a simple, user-friendly interface. On the left-hand side are landing page blocks, and on the right is a preview of your maintenance mode page design.

You can drag any landing page block from the left-hand panel and drop it into place on the right and see the real-time changes.

The landing page blocks are split into 2 categories: Standard and Advanced.

Standard blocks include everything you need to design your page with images, videos, headlines, text, columns, spacers, and so on.

Standard landing page blocks

Yet, the Advanced blocks are more focused on helping you generate leads via your maintenance page.

Advanced landing page blocks

For instance, you can use the giveaway block to display a RafflePress giveaway and capture leads while your website is in maintenance.

You could also use the optin form block to allow users to sign up for notifications of when your site is live again, which is an excellent way to grow your email list.

Many of the landing page blocks also include pre-made block templates. These are ready-made block styles that you can implement with a single click.

To show you how this works, let’s add a countdown timer block to your maintenance page design.

Just drag and drop the block onto your live page preview. Clicking the block shows several content settings, such as the countdown type, end date and time, alignment, and more.

Add a countdown timer to your maintenance mode page

Then when you click the Templates tab, you’ll see 5 different countdown timer styles. To add the style to your block, just click the one you prefer.

To change the block colors, spacing, and shadow, click the Advanced tab and adjust the styles.

Advanced landing page block settings

If you have an eCommerce website or run an online store, you can use the built-in WooCommerce modules to add new functionality to your WooCommerce maintenance mode page.

This is an excellent way to help your WooCommerce store gain traffic and conversions while it’s under maintenance without extra WooCommerce plugins.

As well as blocks, SeedProd also includes handy landing page sections. These are pre-made page areas that you can add to your maintenance page without building them block by block.

Landing page sections in SeedProd for WordPress

Just click the Sections tab to see the different areas, which include:

  • Header
  • Hero
  • Call to Action
  • FAQ
  • Features
  • Footer

Click any section to add it to your page automatically.

In the example below, we used the FAQ section to answer any questions our audience may have about our maintenance process.

FAQ section content settings and advanced settings

As you can see, it’s easy to change the content and style of different sections by adjusting the settings in the Content and Advanced tabs.

Keep adding content to your maintenance page until you’re happy with how everything looks.

To save your changes, click the green Save button in the top-right corner of your screen.

5. Customize Your WordPress Maintenance Page

Customizing WordPress maintenance mode with SeedProd is just as easy.

The visual editor gives you complete control over the colors, fonts, and styling of your page. You can also set global color and image settings in the Global Settings panel.

To view the Global Settings, click the gear icon in the bottom-left corner of your screen.

Global landing page settings

This panel has different sections where you can customize your global fonts, colors, backgrounds, custom CSS, and HTML.

In the Fonts section, you can choose from various Google fonts for your page headers and body text.

Customize your landing page fonts

If you click the Font Themes button, you can see a curated list of font combinations, so you have an idea of which fonts look good together.

SeedProd font themes library

Just click the one you like to add it to your page automatically.

Landing page global color settings

The Colors section is similar to the fonts. Here you can choose colors for your headers, text, buttons, and links.

SeedProd landing page color palettes

Alternatively, you can click the Color Palettes button to see over 20 professionally designed landing page color combinations.

If you’d like to change your WordPress maintenance mode background, click the Background section.

You can set global background colors and gradients here or upload a custom background image from your computer or WordPress media library.

Change your landing page background image

Hover your mouse over the existing background thumbnail and click the gallery icon to select and upload a custom image.

You can also upload a video background or full-width slideshow background by toggling the appropriate settings.

Remember to click the Save button when you’re happy with your maintenance page customizations.

6. Integrate Your Email Marketing Service

When creating a maintenance page, it’s a smart idea to notify users when your website is back up. One of the best ways to do this is to add a subscription form where users can subscribe for notifications.

As well as reminding people that your site is live again, it’s a great way to boost your email subscribers.

Luckily SeedProd makes managing your subscribers easy by integrating with popular email marketing services. Click the Connect tab at the top of your screen to see a list of available providers.

SeedProd email integration settings

You can learn how to integrate with individual email services in the SeedProd integration documentation.

If you don’t have an account with an email provider, you can still manage your subscribers.

Anyone who signs up via your maintenance landing page has their details stored in SeedProd’s subscriber overview, which you can find by visiting SeedProd » Subscribers.

SeedProd landing page subscribers overview

SeedProd also allows you to set up Google Analytics, enable Recaptcha, and connect to marketing automation tools via Zapier.

7. Configure WordPress Maintenance Mode Settings

Now let’s look at your maintenance page settings. Click the Page Settings tab to see your General settings, Access Controls, SEO settings, and Scripts.

WordPress maintenance mode page settings

In the General settings, you can give your maintenance page a new page title, create a temporary redirect for specific URLs, and choose a new maintenance mode page template.

The Access Controls panel is where you can choose who will see your maintenance landing page and who will see your potentially broken website.

WordPress maintenance mode access controls

You can exclude URLs with login, admin, and dashboard from seeing your maintenance page by default. This prevents you and your administrators from getting locked out.

It’s also possible to use a Bypass Cookie so users with specific browser cookies can get past your maintenance page. However, this might not work if you use a cache plugin to cache your website.

Instead, you could create a Bypass URL giving visitors a secret URL that will allow them to avoid maintenance mode.

If you prefer, you can enter individual IP addresses to bypass maintenance mode, allow access by role, and even include and exclude specific pages from showing your maintenance screen.

8. Preview WordPress Maintenance Mode on Mobile Devices

Now that you’ve created your maintenance page, it’s time to make it live. But first, you’ll want to see if your page looks good on mobile devices.

To do this, click the Mobile Preview icon in the bottom left corner of your screen.

Click the mobile preview icon

You can now see what your maintenance design looks like on mobile phones and tablets. If anything doesn’t look right, you can continue editing your page. Any changes you make are added to both versions of the page.

Preview your maintenance page on mobile devices to see if it's responsive

To switch back to the desktop, click the Desktop Preview icon.

9. Publish Your WordPress Maintenance Mode Page

Once you’re happy with how everything looks, click the down arrow next to the green Save button in the top-right corner of your screen and click Publish.

Click the publish button to make your maintenance mode page live

A lightbox popup will open, telling you that your page has been published.

Popup saying that your page has been published

Go ahead and click the See Live Page button to see how it looks to visitors.

Preview of your WordPress maintenance mode page

10. Enable WordPress Maintenance Mode

To enable maintenance mode and show the page to your website visitors, navigate to SeedProd » Pages from your WordPress admin area. Then click the toggle under Maintenance Mode from Inactive to Active.

Enable WordPress maintenance mode

To turn off maintenance mode, just click the toggle again to make it Inactive.

And if you ever find yourself stuck in maintenance mode, here’s how to fix it.

That’s it!

We hope this article helped you learn how to put WordPress in maintenance mode. Now you can notify search engines that your website is temporarily unavailable and keep your website visitors up-to-date.

If you liked this article, you might also like this guide on adding a survey to your website.

Don’t forget to follow us on YouTube, Twitter, and Facebook for more great tips and tutorials.

author avatar
Stacey Corrin Writer
Stacey has been writing about WordPress and digital marketing for over 10 years and on other topics for much longer. Alongside this, she's fascinated with web design, user experience, and SEO.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.

Let's Connect

Join Our Newsletter

Subscribe to get Free WordPress Tips and Resources

We do not sell or share your information with anyone.

Copyright © 2024 SeedProd LLC. RafflePress® is a registered trademark of SeedProd LLC

WPBeginner Verified Badge