How to create an Under Construction Page for your website

How to create an “Under Construction” page for your WordPress site

As you grow your business, your website evolves too. Often, you need to make changes that will take some time to implement, but you don’t want your visitors to see your page in this half-done state. The solution is to put up an “Under Construction” page.

The “Under Construction” page can be as plain or as fancy as you want it to be. It can simply say something like “Pardon Our Dust” and users won’t be able to do much else, or, it can have a email list sign up on it for those who can’t wait for your site to come back up and be the first to know, or a Contact Us to accept the questions the visitors might have.

The “Under Construction” page is a plugin for your WordPress site and, as many plugins, has a myriad of options. In this guide, we will cover  one of them that I like since it can be equipped with email list sign up or contact us, which is useful. The version that I will cover, as I always try to find, is free.

How to create an Under Construction page for your website

 

Let’s do this!

Step 1: Log in to your WordPress dashboard:

Step1_WordPress_Dashboard

Step 2: Add new plugin:

From the Dashboard, go to Plugins -> Add New.
Step2_Plugins_Add_New

Step 3: Locate an Under Construction plugin:

Now, that you are on the Add Plugins screen, in the search field, look for an Under Construction plugin. Enter the search term and hit the Enter key on your keyboard.

Step3_location_under_construction_plugin

Step 4: Choose WP Construction Mode:

As I mentioned earlier, there are many “Under Construction” plugins available. The one I really like, with the most highest reviews and installs, is WP Construction Mode. Click on “Install Now” button to install it.

Step4_chose_WP_construction_Mode

Step 5: Activate the WP Construction Mode plugin:

You will be brought to Installing Plugin screen. Wait till the plugin installs and you see “Successfully installed plugin…”. Click “Activate Plugin” link to activate WP Construction Mode on your blog.

Step5_installed_Activate_WP_construction_Mode

Step 6: Check and update settings for WP Construction Mode plugin:

Now, that the plugin is installed on your blog, you need to check and, if needed, customize the setting to fit your needs.

Locate the plugin on the left side in your Dashboard. It will say “Construction Mode”. Click on it and the setting page will come up.

By default, the under construction mode is off. Let’s keep it this way for now, while we are updating the settings.

Make sure that application of the under construction mode applies to the entire website. This way, no matter what page the visitors access, it will show up as being under construction.

Step6_settings_screen_WP_construction_Mode

Step 7: Update settings for WP Construction Mode plugin, cont’d:

While still on the same settings page, scroll down until you see Appearance. This is a portion that controls what visitors will actually see on the under construction page.

By default, it already has a verbiage pre-filled for two lines of text that will be on the screen. If you are happy with them, just keep them as they are.

Further down, there is a section for “Newsletter/Contact Form Shortcode”. This is where you enter the shortcode for either your email list or for your Contact Us form and by entering the shortcode, you make one of these forms appear on the under construction page and collect information for you.

Let’s use the Contact Us form. Placed the shortcode for it into the “Shortcode” space provided in the construction mode settings screen. If you are unsure where to find the shortcode for the Contact Us form or how to create one, see my guide on setting up the Contact Us page.

Step7_keep_upper_part_default_add_contact_short_code_WP_construction_Mode

Step 8: Update settings for WP Construction Mode plugin, cont’d some more:

While still on the same settings page, scroll down further until you see Social Icons. This is a portion where you can setup the links to your Twitter or Facebook page, that will appear on your under construction page. It will provide your visitors yet another way of contacting you while your website is inaccessible to them.

In the “Facebook URL” enter the link to your Facebook page. You can acquire this link if you go to your own Facebook page and copy the web address from the top of the browser.

In the “Twitter URL” enter the link to your Twitter page. You can acquire this link if you go to your own page on Twiiter and copy the web address from the top of the browser.

Enter links for any other social media platforms you desire.

If there are some of the social platform links that are prefilled and you don’t want them, simply erase the information in the URL fields. This form, by default, comes prefilled with the URLs of the company that created this plugin and you probably don’t want them.

Step8_add_social_icons_WP_construction_Mode

Step 9: Save the changes and preview:

Now scroll all the way to the bottom of the construction mode settings page and click Update to save the changes you made.

If you want to take a look at your Under Construction page before you enable it, click on Preview.

Step8a_save_updates_WP_construction_Mode - Copy

Step 10: Your Under Construction page is looking good!

Once you hit the Preview button, your freshly created Under Construction page will come up in a new browser window. Inspect it, make sure that it looks acceptable to you.

Notice that this particular plugin offers a progress bar that slides and stops at 30%. You can go back into settings and update this number to any percent you want (if only just for fun), but you don’t have to. This number doesn’t really mean anything, just looks cool to the visitors.

Also notice how the fields from the Contact Us form appear on the page. These are real fields and if the visitor enters their information and submits, you will receive an email with their request.

At the bottom of the page you see the social icons I have setup (Twitter and Facebook). They are functioning buttons that would take visitors to my social media pages if clicked.

Step9_preview_WP_construction_Mode

Step 11: Enable the Under Construction page:

If you are happy with the way the page looks, go back to the setting page where you were, scroll all the way up and slide the “Activate Construction/Maintenance Mode” button to green (On).

Then, scroll all the way to the bottom and click Update to save this change and effectively enable construction mode on your website.

Step10_enable_page_WP_construction_Mode

To save and enable the construction mode:

Step11_save_updates_WP_construction_Mode

Congratulations! You did it! Now you can work like a mad beast on your website and make it as amazing as possible, all under the wraps of the Under Construction sign. Your visitors will be intrigued by what’s coming and, if so inclined, be able to get in touch with you while you are crushing it with your updates.

To see other helpful guides, visit my blog page.

Trackbacks

  1. […] And, speaking of construction. If you don’t want the visitors to see your “mess” while you’re building your site, you can put up an “Under Construction” page which will come up when anyone comes across your site. Visitors will only be able to see this page (with a nice message you have put on it) and won’t be able to surf any of your other pages. You, on the other hand, while logged in on your WordPress admin Dashboard, will be able to see your site in all its glory as you are building it. To find out how to create an “Under Construction” page, click here. […]

Leave a Reply

Your email address will not be published. Required fields are marked *