WordPress Maintenance Mode Tutorial - With Elementor and Zelle

Editors note. WordPress maintenance mode is a very useful feature you can set up in some circumstances. Particularly, you can benefit from it greatly whenever you want to perform administrative tasks on your website, and you dont want your visitors to see any error pages in the meantime.We wrote about an easy way of enabling WordPress maintenance mode in the past, but now theres a completely new possibility of getting a cool maintenance mode page without the need for a custom-built plugin.Instead, you can use your favorite page builder plugin and your Zelle theme to handle the task. Today, we have Ben Pines explaining all the whys and hows of making that happen. Enter Ben: Zelle Lite theme, for example, and still be able to customize your under construction page nicely.One of the pre-designed templates for your  WordPress maintenance mode in ElementorWhy even use WordPress maintenance mode?Every time you had worked on your site, you might have just shown your visitors your buggy un der-construction site. This isnt the most optimized solution. Your visitors really dont need to see whats going on behind the curtains. WordPress maintenance mode can help you with that. There are two main reasons you need to ALWAYS use maintenance mode before making significant changes to your site:The first reason regards  your visitors. Even if you get only a small amount of traffic to your site, it can still affect your business. Showing those visitors an error page, or an error-ridden site, can give them the wrong impression about your business.The second reason why setting WordPress maintenance mode is important are search engines. If you are in the process of fixing your site, you might accidentally  cause it to be down.  Search engines might still try to scan your site. When they do, they can get the wrong impression the site is down, and not because of maintenance reasons. This can cause Google, or any other search engine, to decide to demote your website on search te rms. This demotion can thus hurt the amount of traffic you get from those searches.Situations that require setting site in maintenanceThere are several situations that would require you to set maintenance mode:1. Updating your theme, child theme or plugin.  If there is a major plugin or theme update that you need, it is recommended to first set WordPress maintenance mode in action. Even performing a small task, like adding a snippet of code for a search bar, you should make sure your visitors see the under construction page instead of a possible error message.Adding a new theme forces you to do at least some customizations: setting the widgets area, creating menus and so on. Setting the maintenance mode will give you the time you need to customize the site for your color, typography, style and other settings.2. Fixing a bug, or updating a feature in your site.Lets say you need to update your site and make it mobile friendly. To make sure the visitors user experience isnt jeopardiz ed while the update is being performed, it is advised to switch to WordPress maintenance mode. Making these changes will influence how different pages and posts are seen each time the visitor loads them, so setting maintenance mode will make sure the user experience stays consistent and friendly.3. Launching a new site. Even though this is a one-time occurrence, the duration of time it takes to launch a site is the most significant one. Launching can sometimes go on for weeks and even months. Setting the coming soon page will make sure your visitors know when you will finally launch.These visitors may possibly subscribe to get notified about the launch. Incorporating your subscription form or possibly your social media links, will make sure you start gathering an audience, even though the site has not yet launched.How to go on maintenance mode?Lets say you are working on implementing a child theme for Zelle Pro, and need to do some modifications of content and design. Using Elemento rs built-in maintenance mode will allow you to customize the Zelle child theme, while displaying a full maintenance mode page without a header or footer.Because you are working on the whole theme and making modifications to the entire page, you want the maintenance mode page to be full page and not include the header and footer, so your visitors wont see the modifications you do in these areas, like changing the menu items.Here are all the steps needed to set up WordPress maintenance mode with Elementor:Step 1 Create the Under Construction templateFirst, we head over to the template library, and create a new template called Under Construction. Next, we edit the template in Elementor, and use one of the pre-designed templates to create the template. Then, we save the template and return to the Elementor tools.Step 2 Setting The maintenance mode pageNow, in Elementor Tools, we choose the maintenance option, as well as the under construction template we created earlier.If we go to i ncognito and reload the website, we will see the template we have created. If we reload the website as logged in Admins, we see the Zelle homepage and can go ahead and perform the maintenance we set out to do.Notice that the same procedure can be used to create a coming soon page. Instead of choosing maintenance, you would need to choose Coming Soon in the mode option. The difference between these two conditions, apart from the templates you customize, is that while Maintenance sends search engines an HTTP 503 response, letting them know the site is temporarily unavailable, Coming Soon sends them HTTP 200 response, meaning the site is up and running, ready to be indexed.Who gets to see the maintenance mode page?Everyone whos not a logged-in admin.If you are running a site that has multiple users, you might decide to allow more than administrators to see the site in development and not the maintenance mode page. For this purpose, Elementors maintenance mode feature has the ability to control who has access under coming soon and maintenance mode.With this feature, you can decide to give access to any role you set up in WordPress, including:  administrators, editors, authors and so on. If you are running a beta test for your new website, for instance, you will be able to use this feature to grant access to the right roles.ConclusionAs weve seen, its very easy to setup an under construction or coming soon page in Zelle using Elementors Maintenance Mode feature.If you are a site owner, web designer or developer, always remember to set a maintenance mode page to prevent your visitors from seeing your site during maintenance or development. If youre already a user of Elementor (and there are lots of reasons to be one), theres no need to download additional plugins to set up a page like that. #WordPress #maintenance mode #tutorial - with @elemntor and Zelle