How to set a site to 'Under Construction' mode in a few steps

Created by Mark Alfon, Modified on Fri, 13 Sep at 9:53 AM by Mark Alfon


In this guide, we’ll walk you through exactly how to set a site to ‘Under Constructions’ mode. 


But before we dive into the few steps needed to set a site to ‘Under Construction’ mode, let’s talk a little bit about this mode and why we need it in the first place:


There are times when temporarily taking a client's website offline is necessary. Whether you're working on a major redesign or rebrand project, implementing significant updates, or troubleshooting issues, displaying an 'Under Construction' page when temporarily taking the live site offline ensures visitors are informed and expectations are managed. Most clients need this functionality to maintain a professional online presence even during downtime.


Current trends of an ‘Under Construction’ page include:


  • Interactive elements: Incorporating interactive features like countdown timers, progress bars, or even mini-games can engage visitors and keep them informed about the site’s progress.
  • Personalized messaging: Using personalized messages tailored to the visitor’s previous interactions or their geographical location adds a touch of personalization and shows that the site values its users.
  • Social media integration: Adding links to social media profiles or embedding social media feeds keeps visitors connected with the latest updates and maintains engagement even while the site is offline.


Yes, there’s a lot to designing an Under Construction page, but technically speaking, setting a site to ‘Under Construction’ mode is a walk in the park - just follow these steps:


Step 1: Create the 'Under Construction' page


Add a New Page:

  • Go to the "Pages" section in the editor.
  • Click on "Add Page" to create a new page.
  • Customize this page with the desired content, such as a message informing visitors that the site is under construction, images, or any other elements you want. For example, you might add text like "We'll be back soon!" along with a relevant image or graphic.


Step 2: Set the new page as the homepage


Set as Homepage:

  • Navigate to the page settings of your client’s newly created 'Under Construction' page.
  • Select the option to "Set as Homepage."
  • It will prompt you to rename the old homepage. Give it a new name (e.g., "Old Homepage").


Step 3: Convert other pages to draft


Change Pages to Draft:

  • Go back to the "Pages" list in the editor.
  • Click on the cogwheel (settings icon) next to each page you want to hide.
  • Select "Set as Draft" for each page. This will effectively hide them from public view while keeping the content intact.


Step 4: Republish the site


Republish:

  • Once you have set all the necessary pages to draft and designated your 'Under Construction' page as the homepage, republish your site.
  • After republishing, anyone who visits your site will be greeted with the 'Under Construction' page you just created.

And that's it!

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article