Maintenance is a part of our everyday lives. We maintain our vehicles to make sure they run properly to get us to work. We maintain our air conditioning systems to prevent us from overheating during the hot summer months. But what about our websites? 

Website maintenance is an essential aspect of running a business. Keeping a well-maintained website means visitors can continue to engage with your business online. If your website stops working, your visitors can’t read your blog, download your resources, or purchase your products. 

That’s why it’s important to regularly maintain your site. For some businesses, maintenance may include fixing a bug, changing the site design, or switching servers. Whatever the purpose of your website maintenance, you’ll need a maintenance mode site when making those changes.

Grow Your Business With HubSpot's Tools for WordPress Websites

A maintenance mode site avoids interruption in the visitor experience. The site tells visitors you’re making updates and provides a timeline for the completion of the maintenance. It’s a friendly notice informing visitors to come back to your site later. 

Building a maintenance mode site is easier than ever. WordPress page builder Elementor offers this feature for free to its customers. You can even customize the site by adding a countdown clock and links to your contact pages. 

In this post, we’ll learn how to create a maintenance mode site with Elementor and see a couple of examples in action.

example of create maintenance mode site Elementor

Source: Elementor

Why Create a Maintenance Mode Site

Most site maintenance doesn’t require any downtime. You can publish content, update your themes, and make minor site changes without disturbing the visitor experience. 

However, some site maintenance may take several hours. You might have to manually make substantial changes to your theme or launch a redesign of your site. With so many unknown factors, it’s too risky to conduct the maintenance while visitors are browsing your content or making a purchase. 

The solution is to set up a staging website, so you can make changes to your website in a test environment. Then, when the new changes perform well, you can push them to your live website with confidence. 

But you still need a maintenance mode site. This page will tell visitors about what’s happening, provide an estimated timeline for when maintenance will be done, and offer other links to visit. A maintenance mode site preserves a positive website experience for your visitors.

Elementor comes with a free built-in maintenance mode feature. Learn how to create your maintenance mode site by following the steps below.

1. In your WordPress dashboard, edit a page by clicking on Edit with Elementor.

2. Click on Add template and choose from the maintenance mode templates.

3. Click Insert to add a single template to the page.

4. Customize the template to fit the style of your current website.

5. Click on Save Template and name your template.

6. Go to Elementor > Tools. Scroll to Maintenance Mode. Under Choose Mode, select Maintenance.

WordPress settings to create maintenance mode site Elementor

Source: Elementor

7. Under Who Can Access, select Logged In to allow anyone who logs into your site to not see the maintenance mode template or choose Custom to select all the user roles who can bypass maintenance mode, like administrators, editors, and authors.

who can access for create maintenance mode site Elementor

Source: Elementor

8. Choose the template you saved earlier.

9. Click Save Changes.

The maintenance mode is now activated. You should see a red button on the top WordPress bar with the text: Maintenance Mode ON. After you’ve finished making changes, you can relaunch your website by going back to Elementor > Tools to switch it off.

Maintenance Mode Page Templates

Elementor offers a variety of page templates you can customize to fit your brand message. Here are a couple of templates you might want to try. 

The maintenance mode template below is perfect for pre-planned site updates. If you know the completion time of the maintenance, you can add a countdown clock to the page to entice visitors to come back.

under construction example of create maintenance mode site Elementor

Source: Elementor

For unexpected website fixes, you can use the template below to provide your visitors with a quick notice about the site maintenance. You also can include your contact details on the page if customers need support in the meantime.

under construction tractor example of create maintenance mode site Elementor

Source: Elementor

Elementor offers several other templates for you to customize into a maintenance mode site. Check out the template library here.

Website maintenance is necessary to ensure your site works properly. With a maintenance mode site, you can inform visitors about routine and unexpected site maintenance. Also, Elementor makes it easy to build a maintenance mode site with its premade templates. Take the time to maintain your website while still providing a positive visitor experience. 

Use HubSpot tools on your WordPress website and connect the two platforms  without dealing with code. Click here to learn more.

 Use HubSpot tools on your WordPress website and connect the two platforms  without dealing with code. Click here to learn more.

Originally published Nov 15, 2019 10:23:00 AM, updated November 15 2019


WordPress Plugins