How to Build a Maintenance Mode Page for Your Divi Website

How to Build a Maintenance Mode Page for Your Divi Website

Coming soon and maintenance pages are not as popular as they used to be. For one thing, it’s faster to get a website running today than it was even just a few years ago thanks to themes like Divi and tools like the Divi builder. There’s still a need for them, though, and Divi is a great choice to build them. In this article, we’ll see how to build a maintenance mode page for your Divi website.

What is Maintenance Mode?

  • Google+
  • Facebook
  • Twitter
Maintenance pages inform your visitors that your site is down and prevents them from seeing your pages until they’re ready. The maintenance page can block your entire website or specific pages from those not logged in with the permission to see the site.

Using maintenance mode can be tricky. If maintenance mode is used incorrectly, it can make your site look unfinished and scare readers away. Used correctly, maintenance mode can provide information and attract readers, and even get their help in spreading the news of your website.

The best use of a maintenance page is to show that your site is coming soon, provide information about the site, show when the site will be available, share your social links in order to build your social following, and capture emails to build your email list. All of this can be done while you’re building the site. This helps make it possible to have readers on the day of launch.

Another option is to tease a product while you build the website for it. Show information about the product, capture emails, include social buttons, and provide information about when the product will be ready.

It doesn’t make as much sense to use it for one page on your website since pages can be hidden until they’re ready for public viewing. If you’re actually performing maintenance it’s probably better to restore a previous backup than for your website to be down for a long period of time.

It also doesn’t make sense to take the site down while you’re working on a redesign. It’s easy enough to use a staging site to create new designs so you don’t need to take your website down until a redesign is complete.

If you’re making major changes to your site, like a redesign, it’s a good idea to leave the original site running until you’re ready to make the change. Once the site is in the final stages and is ready to go live, you could turn on maintenance mode and perform your final testing before the site goes live.

You’ll need a good plugin and a well-designed layout.

Maintenance Mode Plugins

Maintenance mode is not a native feature to be enabled within WordPress. This feature requires hiding pages from public view or by using a plugin. A maintenance mode or coming soon plugin is the easiest way to use and control maintenance mode.

1. Divi Switch

  • Google+
  • Facebook
  • Twitter
Divi Switch gives you the most customization options of any Divi plugin available, including Custom Maintenace Pages. This premium plugin adds a dashboard menu where you can choose which page will display for maintenance mode. It includes 5 layouts or you can build your own using the Divi builder. You can also create your own custom 404 page in the Divi Page Builder and use it in place of standard 404 page.
  • Google+
  • Facebook
  • Twitter

2. Coming Soon Page & Maintenance Mode by SeedProd

  • Google+
  • Facebook
  • Twitter
This plugin has a free and a premium version that lets you create a simple coming soon or a maintenance mode page. It works with any theme and you can customize it with HTML and CSS. It supports multi-site and BuddyPress. The premium edition allows logged in users to see the site, adds a bypass link, lets you choose backgrounds, embed videos, display an incentive after signup, adds social profiles, integrates with Gravity Forms and MailChimp, has a built-in referral system, adds a custom footer, a progress bar, and lots more.

3. WP Maintenance Mode

  • Google+
  • Facebook
  • Twitter
This free plugin lets you add a maintenance page if your site is down for maintenance, or a coming soon page for a new website. Anyone with admin rights sees the regular site. It displays a countdown timer with a date to show when the site will be available. Change the colors, fonts, and backgrounds. It includes a contact form, social media icons, landing page templates, and a coming soon page. It collects emails. You can choose which URLs to exclude from maintenance mode. It works with any theme, works with multi-site, and it’s GDPR ready.

Maintenance Mode Layouts for Divi

Here are a few pre-made layouts for Divi from across the web with everything you need to show your coming soon or maintenance message to your visitors. You can use these as the homepage and keep all of your other pages as drafts, or you can use them along with a maintenance mode plugin that lets you choose a page to display. Be sure to use a blank page template when creating the page so your navigation menu doesn’t show.

1. Maintenance Pages – Premium Divi Layouts

  • Google+
  • Facebook
  • Twitter

Divi Switch comes with 10 Free 404 and Maintenance page layouts that can be customized to create your own stunning designs. Layouts come in JSON format, so you can import them to your Divi Library in one click. Preview Layouts >>

Layouts are available for free for Annual and Lifetime Members.  See Everything Included in The Membership

2. Divi Coming Soon Pages Layout Pack

  • Google+
  • Facebook
  • Twitter

This one is from Elegant Themes. It’s a free download from the Divi 100. It includes 8 different layouts that include background images, a company message, countdown timers, read more button, email signup forms, and a progress bar.

3. Coming Soon Layout – Background Hero Slider with Bloom

  • Google+
  • Facebook
  • Twitter
This free layout includes a full-screen background image with information in overlays for the bottom portion of the screen. It includes a place for your logo, social buttons, an email button so visitors can send you an email, and an email sign-up form. The email form is a Bloom template. It also includes CSS with instructions of where to add it.

Ending Thoughts

That’s our look at how to build a maintenance mode page for your Divi website. The maintenance page will hide the site to visitors, but anyone that’s logged in and has the proper permission would see the site as normal.

Maintenance mode is easy to use and, if used correctly, can be beneficial. You’ll need a good plugin and a nice layout. Another option is to only publish the page with the maintenance layout or keep them private until you’re ready to publish the website.

However you decide to use them, Divi is an excellent theme to create maintenance mode pages to keep your visitors informed, build your email list and social following, and have readers when your site launches.

Do you use maintenance mode or coming soon pages? Let us know in the comments below.

Randy Brown

Randy A Brown is a professional writer specializing in WordPress, eCommerce, and business development. He loves helping the WordPress community by teaching readers how to improve their websites and businesses. His specialties include product reviews, plugin and theme roundups, in-depth tutorials, website design, industry news, and interviews. When he's not writing about WordPress he's probably reading, writing fiction, or playing guitar.