How to create beautiful maintenance holding pages in WordPress

Out of the box, WordPress doesn’t offer the ability to set up holding/maintenance pages, but with this handy guide, I’m going to teach you how to create beautiful maintenance holding pages in WordPress.

Maintenance pages play a key part in a website before it goes live, as well as while the website is undergoing technical updates which may affect the viewing experience for the visitor. However, your maintenance page must look and feel like your brand, so you need to have a certain level of customisation rather than just plain text on a white page.

There are plenty of plugins available to download for WordPress maintenance pages, but the one I’ve found works the best for me is simply called “Maintenance” by Fruitful Code. It gives the administrator the ability to add a full size image as the background, control blur and colour levels, as well as adding various different levels of text on the page to let the visitors know why your website is down and when it’s coming back.

[row][double_paragraph]

Free plan
  • Responsive HTML layout
  • Backstretch fullscreen background
  • Upload own logo
  • Select color scheme
  • Add your title, headline, text
  • User login with validation
  • Admin bar: show/hide
  • 503 error switcher
  • Blur background effect

[/double_paragraph][double_paragraph]

Pro plan
  • Retina ready (no images)
  • jQuery timer count down
  • Background gallery with overlay
  • Background video support
  • User permissions
  • HTML editable area
  • Social media profiles
  • MailChimp integration
  • Developers support

[/double_paragraph] [/row]

As you can see, the plugin has a host of features and I currently use the free plan on this blog, as well as other projects I have.

I strongly recommend using this plugin – it looks much more professional than the standard 503 page and gives you that extra bit of customisation that can go a long way.

[button link=”https://wordpress.org/plugins/maintenance/” icon=”fa-download” side=”left” target=”blank” color=”6EB0E2″ textcolor=”ffffff”]Download the Maintenance plugin[/button]

So in a nutshell, that is how to create beautiful maintenance holding pages in WordPress.

Do you use a different method? Let me know in the comments!

8 Comments

  • I am currently creating a little project of mine using wordpress and I was wondering how I could stop the public from viewing and using my site. This plugin looks like a great way to stop normal users from viewing the site. Thanks for the recommendation

  • Thanks for sharing this plugin, I can finally put the site in a maintenance mode, so visitors won’t see any possible glitching that may occur 😛

  • I honestly try to avoid any downtime during the day but sometimes working on projects can only be done during the day so having the option to display something other than the standard error message is a lot more attractive to visitors. Impressions are everything and I think a visitor will more likely give a website a second chance if they see this instead of the standard 503 page. I think larger and more active website should definitely consider this so they don’t discourage regular as well as new visitors!

    • Exactly – being able to customise the message shown is perfect as you could link to social media profiles so they can check for updates as to when the website will be back up and running.

  • I have actually wondered how this could be done, and I never really found an answer. However, this wonderful blog with its wonderful authors has shown me a way! I want to thank you guys for making a way for my new in progress wordpress site!

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.