With Elementor installed and activated on your WordPress site, you don’t need to install an extra plugin to create a maintenance page. The visual editor of Elementor allows you to create a stunning maintenance page on your WordPress site without having to deal with CSS. You can add any element you want (called widget) such as counter, form, image, button, text, and so on. In this post, we will show you how to create a maintenance page in WordPress using Elementor.
In case you haven’t known about Elementor (we are not sure about that). It is the most popular WordPress page builder plugin with over 5 million installations. You can use Elementor to create any type of web page. From the homepage, about page, contact page, 404 page, to a maintenance page. The pro version of Elementor even allows you to create a custom header, custom footer, and custom single post layout. You can read the beginners’ guide we have written to learn how to use Elementor.
How to create a maintenance page with Elementor
There are two ways to create a maintenance page in WordPress with Elementor. First, you can create the page from scratch. You can choose this option if you have your own design concept for the maintenance page you want to create. Second, you can create the maintenance page from a template. This option is a great fit if you need an instant way to create the maintenance page. You just need to replace the default content (text, button, image, and so on) with your own content. In this post, we will use the second method.
You can download the free version of Elementor on the official plugin directory of WordPress.
Assuming you have installed and activated Elementor on your WordPress, create a new page (Pages -> Add New) and edit it with Elementor.
You will be taken to the Elementor editor after clicking the Edit with Elementor button above. Before you start to edit the page, set the page layout first. To do so, open the Settings panel by clicking the gear icon on the bottom-left corner. Set the page layout on the Page Layout option under the General Settings block under the Settings tab.
Since we want to create the maintenance page from a template, click the folder icon on the canvas area to open the template library.
Search for the maintenance page template you like. You can use the search box to ease your job. Click the INSERT button to load the template to the Elementor editor.
Once the template is loaded to the Elementor editor, you can start editing it. Click/select a widget you want to edit and go to the left panel to edit the content.
Again. You can read this guide if you are completely new to Elementor. You can learn how to edit a widget, column, and section in Elementor from the guide.
Once you are done editing the page, click the PUBLISH button on the bottom side on the left panel.
Applying the maintenance page
Once you are done creating the maintenance page, you can apply it by setting it as the homepage of your website. To do so, switch back to the WordPress dashboard and go to Settings -> Reading. On the Your homepage displays option, set to static page and select the maintenance page you have just created from the dropdown menu.
Click the Save Changes button to apply the new change.
You can revert the static page to your actual homepage once your website is ready.