Create a Maintenance Mode Site With Elementor

The folks at Elementor Page Builder are proud to announce a new feature called Maintenance Mode. Many of you are familiar with what maintenance mode does. For those who don’t, it’s a way to tell your site visitors that the website is still under construction and coming soon. Not only that, but you can still manage and make edits to your site from the backend, but no one else can see that.

Maintenance Mode comes in handy for a wide range of reasons. First of all, you can build buzz about your website before it even launches. Many maintenance mode pages include countdown timers and information about what’s to come in the future. In addition, maintenance mode allows you to collect information from your customers, like email addresses.

Imagine having a list of email addresses before your site is launched. Not only can you let people know when the site is complete, but you then have contact with those people as long as they don’t unsubscribe.

Finally, maintenance mode pages have all sorts of other features such as social media sharing, text boxes for talking about your services and products and media support. Heck, your maintenance mode page could simply be a video explaining all of the expected features to come.

Anyway, this maintenance mode feature from Elementor is completely free, making it an ideal solution for those interested in a new website builder, and for those who are currently utilizing Elementor.

What is Elementor?

The short answer is that Elementor is a live page builder for WordPress. You can download it for free as long as you punch in your email address. They also sell a Pro Version which goes for $49 for an individual site.

In fact, the pricing plans are as follows:

  • Free
  • Personal – $49 for one site
  • Business – $99 for three sites
  • Unlimited – $199 for unlimited sites

The Elementor user interface is known to be faster than the average page builder. It’s also completely free and open source, making for a beautiful addition to any web designer’s toolbox. The frontend editor has real time results and no coding is required.

Overall, it’s a solid choice for beginners who don’t want to mess around with any coding. But Elementor also turns advanced development into less of a chore, making it ideal for legitimate designers and developers.

Since Elementor integrates with WordPress it allows for the editing of every page and post, so you can complete many tasks including resizing columns, using templates, saving designs and adding media.

How to Use the New Maintenance Mode in Elementor

As one of the sleekest page builders on the market. It makes sense that Elementor now has a maintenance mode.

Placing a coming soon page on a website is far more professional than letting visitors see your progress while building a site. Not to mention, it’s really easy to configure the maintenance mode page, so it’s not too much of a hassle to implement.

How would one go about activating and working with the new Elementor maintenance mode feature? Let’s take a look.

Step 1: Choose a Maintenance Mode Template for Your Site

Start by going to Elementor > My Library on the WordPress dashboard.

This reveals an area where you can see all of the templates created. Seeing as how this is your first time, you most likely don’t have any templates in the list. However, in the future, you can manage all of your templates from this area.

my library

Click on the Add New button towards the top of the page.

add new

Hint: You also have the opportunity to Import Templates through its own button, but the easiest option is to locate the template library and simply go through the Add New button.

The Add New Template looks somewhat similar to a regular page or post, but you won’t see any content area. Fill in a title for the coming soon page. This is just for your reference, but you might as well go with something like Coming Soon or Maintenance Mode. The only other thing you need to do is select an author.

Afterwards, select the Edit with Elementor button, which is a large prevalent blue button right below the title. This leads to the actual Elementor visual page builder on the frontend part of your website.

Upon landing on the Elementor page builder, one setting needs to be adjusted in order for the coming soon templates to show up properly. In order to do so, click on the menu icon in the upper left hand corner. This reveals a wide range of options for you to play around with.

Find the Page Settings tab and click on that.

page settings

Go to the Template field and select the Elementor Canvas option. You’ll notice that the page turns into more of a full screen type situation, clearing out items like widgets and sidebars. In short, the Elementor Canvas preps your current WordPress website for initiating the coming soon page.

elementor canvas

Upon completing that configuration, you can now click on the Add Template button on the frontend of your website.

add template button

The Add New Section button can be used for adding different elements through the drag and drop editor, but right now we’re only looking for templates.

A popup then comes up to reveal a large library of templates. Some of these templates are for regular website pages, but many of the new ones are primarily made for Coming Soon and Maintenance Mode pages. They’re all labeled under the right categories, but keep in mind that some of them are only available in the Pro Version of Elementor.

the editor

However, all you have to do is select the one you like the most and click on the Insert button.

Once the template has been placed on the page you can pretty much do whatever you want to it. This is where the general Elementor functionality comes into play. You can click on the text and change that. The editor also has tools for modifying links, sizes, HTML tags, alignments and much more. For example, I might want to remove the Google + button from the template I chose.

My hypothetical company doesn’t happen to have a Google+ page, so I can remove that with the click of a button.

Keep in mind that just because you’ve activated your maintenance mode page and brought in a template to add to your library doesn’t mean that you’ve successfully published the maintenance mode page.

Your users can still stop by your website and see everything that’s going on. However, moving onto the second step shows you how to keep most users out of the construction area.

Step 2: Activate Coming Soon or Maintenance Mode

Assuming you already have Elementor installed on your WordPress site, we’re only going to walk through how to use maintenance mode. If you go to Elementor > Tools on the WordPress dashboard, you’ll notice an area called Maintenance Mode.

Go to the Choose Mode dropdown and select whether you’d like to have Maintenance Mode or Coming Soon.

maintenance mode backend

Both of these are pretty similar, so some companies won’t care about which one to select.

However, there are a few differences:

Maintenance Mode  This mode pretty much just tells the world that you’re working on your website. You can customize the page and include whatever information you want, but it’s a more basic “under construction” option. Maintenance Mode also tells search engines to come back later instead of indexing your sites.

Coming Soon Mode – The Coming Soon mode is more about building buzz. In terms of SEO, the Coming Soon Mode tells search engines they can index the site because it’ll be around soon. That’s the only difference when talking about Elementor, but Coming Soon pages are typically about building buzz and getting people to start talking about your website. So, you might have a countdown timer, social media buttons and an email signup form, anything to get people talking about and sharing your site.

choose a coming home page

If you were to choose Disabled, neither of the options we just talked about would be shown on the frontend of your site. Therefore, it’s important to complete this step if you’d like any of the functionality to be delivered.

The next setting is called Who Can Access. You only have two options for this. One is Logged In and the other is Custom. If you go with the Custom option it’ll give you a list of all the user roles. For example, if you want Admins, Authors and Editors to get past the maintenance mode, you can go ahead and specify that.

The Logged In option is generally the best choice, since anyone who logs into your website doesn’t have to see the maintenance mode page. However, if someone isn’t logged in, they are probably just a regular visitor, meaning there’s no reason for them to see anything but the maintenance mode.

The last field is called Choose Template. If you haven’t saved a template in your library nothing comes up when you click on this drop down menu. However, if you followed the template creation step above, you’ll see whatever you named the template. You can also start building your library, in which case you’ll see several options in this dropdown menu.

After that, click on the Save Changes button. This activates the maintenance mode page and keeps out the people who aren’t logged into your site. You can test the page by logging out of your site and trying to access it via the regular URL. I would also recommend having other people test out the website to make sure everyone is being blocked.

Is it Time For You to Implement the Elementor Maintenance Mode?

It’s hard not to recommend Elementor because of its smooth interface, ability to interact with all WordPress themes and the fact that it’s completely free. Elementor comes out with new features like this all of the time, and you’re bound to feel comfortable with the company’s wide collection of professional themes.

Maintenance mode and coming soon pages should be a consistent part of your website building arsenal. This is particularly true if you have clients who aren’t as tech savvy and they’d be bummed out to realize that their web presence looked like a mess because there’s no maintenance mode page installed.

coming soon

Overall, we highly recommend trying out the new maintenance mode feature for some of your WordPress sites. The cool part is that you can turn them on and off instantly and you don’t have to spend much time in terms of the design.

With that said, let us know in the comments section if you have any questions about the new, free Elementor Maintenance Mode.

Get Elementor

Create a Maintenance Mode Site With Elementor
5 (100%) 1 vote
  • Ben Pines

    Thanks for writing about this feature