How do I build a site and hide it from public view while it's under construction?

SIMPLE METHOD

You can create a simple landing page for your site and restrict pages in development from public view using the following steps.

Step 1 - Add Section

From within [Website Management > Structure > Architecture], add a section and set it to hide. Then add a page to this section, select the HTML page module and enable it. Within the page configuration select the option to set this as the front page for your site.

Step 2 - Add Content

Revert to Content Editing mode in the upper right corner of your screen).  In this view you can add content of your choice such as an 'under construction' message or graphic.

Step 3 - Restrict Pages

To complete the process, go into [Website Management > Members & Access > Member Permissions] and set all other pages on your site as restricted.

When you have finished building your site, you can return to member permissions and revert completed site pages to visible — and set any page of your choice as the front page to launch your site.

ADVANCED METHOD

Note: This work flow uses style overrides (Per-Page Stylesheets) which require an Unlimited Package.

Style overrides enable you to customize your landing page and apply a variety of layouts to your site while it's in development. 

Step 1 - Copy Style

Access the Template area within the Style Editor create a style or copy your current style. You may want to re-name it to something identifiable within your templates (e.g. 'under construction') — this can be done via the Advanced tab.

Note that you will not enable this style as active on your site, but will continue to work with it in Design Preview mode.

Step 2 - Configure Columns

From within Banner & Navigation, set your layout to one column with no horizontal navigation and save your changes. This layout prevents the sidebar and top navigation elements from appearing on your landing page. To additionally remove the page header and footer, you can also apply the following CSS within the Custom CSS pane of the style editor.

#pageHeaderWrapper, #pageFooterWrapper { display: none; }

Step 3 - Set Front Page

You'll also need to create a page to apply your style to and to set as the temporary home page (landing page) of your site. From within [Website Management > Structure > Architecture] add a section, select the HTML page module and enable it.

Then, access the HTML page configuration, scroll down to Advanced Options and via the dropdown select your new style and apply it as the style override. Then select the option to set as front page — and save these changes.

Step 4 - Add Content

You can now revert to Content Editing mode for your HTML page to add text and images of your choice. Note that because of the style override applied, the remaining pages of your site will not directly appear to the public. However, they would still be accessible via direct link.

If you prefer to remove all access to your pages so that they are only viewable by you as the site owner, you can set all other pages on your site as restricted via [Website Management > Members & Access > Member Permissions].

Step 5 - Change Permissions

Once development is complete, you can revert any restricted pages you may have set back to visible, remove the temporary landing page, and set any page of your choice as the front page (home page) to launch your finished site.

Was this article helpful?
1 out of 1 found this helpful
How do I build a site and hide it from public view while it's under construction?