Join 1,000,000+ using SeedProd to build Landing Pages in minutes!

Get Started

How to Create a Modern WordPress Under Construction Page

Posted by Kaveri Bharali on November 20, 2020

Want to create an under construction page for your WordPress website?

Website under construction pages are a great way to get a head start in Google rankings before it goes live. They can also help build a buzz, get people excited about your website’s launch, and help with growing your email list.

In today’s article, we’ll look at how to create a custom under construction page in WordPress without touching a single line of code.

Table Of Contents

What Is a WordPress Under Construction Page?

An under construction page is a WordPress page that shows a friendly message to visitors. You can edit the message to tell people that that “this page is under construction”.

This type of page is a great way to generate excitement about your new website before you launch it to the public.
Since it shows a landing page to visitors, they won’t see the messy design process behind the scenes. That way they won’t see a potentially broken website, which can damage your business reputation.

How Do I Create a Custom Under Construction Page in WordPress?

To put an under construction page on your website, we’ll use the SeedProd plugin. Before we begin, let’s have a quick overview of the plugin.

SeedProd best WordPress landing page plugin for building an modern under construction page

SeedProd is a powerful WordPress plugin that lets you easily create stunning landing pages. You can also create a coming soon page or maintenance mode page to limit access to your website while it’s under construction.

Building a page is quick and easy and you won’t need help from a developer. That’s because SeedProd has a library of pre-built, high-converting landing page templates, including:

With SeedProd’s drag and drop builder, you can customize your under construction, maintenance, or coming soon page to your needs.

For instance, you can add email optin forms, social media buttons, contact forms, countdown timers, and more. This will help you to generate leads and engagement.

Plus, you can see the changes you make in real-time.

SeedProd also offers:

And much more.

Plus, it works seamlessly with any WordPress theme.

The great thing about SeedProd is it combines many functions into a single WordPress plugin. This means you won’t need separate maintenance mode plugins, coming soon plugins, etc, to get the functionality you need.

SeedProd has a free version of its free plugin if you want to take it for a test drive. We suggest using the pro version to access powerful access controls, domain mapping, and other advanced features.

Let’s now look at how to use this plugin to create a WordPress under construction page.

Video Tutorial

If you’d prefer to follow the written instructions, follow the steps below.

Step 1: Get Started by Downloading SeedProd

The first step to create a custom under construction page in WordPress is to get the SeedProd plugin.

After purchasing SeedProd, log in to your SeedProd dashboard.

From there, you’ll see a screen like the one below. Click the View License Key, Details, and Downloads link to go to your downloads page.

seedprod account downloads

To download SeedProd, click the Download Landing Page Pro button.

download seedprod landing page plugin

Now go to your WordPress dashboard and click on Plugins » Add New » Upload Plugin. You can then browse through your computer and upload the zipped folder that you just downloaded.

add new under construction plugin in WordPress

Complete the step by clicking on the Activate button for it to start working.

Upon activation, you’ll be redirected to a page where you’ll have to confirm your SeedProd license key. This key will be sent to your registered email address upon purchasing the plugin.

Simply copy the license key and paste it into the blank field on your screen. Then, click the Verify key.

Activate the seedprod under construction plugin

After verifying your license key, scroll down the page and click on the Create Your First Page button.

create your first under construction page

You’ll then be redirected to the SeedProd dashboard where you can begin to create your under construction page.

Step 2: Create Your Under Construction Mode Page

On the SeedProd dashboard page, you’ll see 4 different options at the top:

  • Coming Soon Mode – To add a coming soon page to your website.
  • Maintenance Mode – To put your website in wp maintenance mode.
  • 404 Page – To display a 404 landing page on your website.
  • Login – To create a custom WordPress login page.

The page modes, mean you won’t need a separate under construction plugin or a WordPress maintenance mode plugin.

overview of the seedprod landing page dashboard with under construction mode

A lot of people get confused about the difference between coming soon mode and maintenance mode. A coming soon page is used on websites that aren’t live yet and are still under construction. And maintenance mode is for already established sites that are currently inactive due to maintenance.

So, to create an under construction page, click on the Set up a Coming Soon Page button.

You can then choose a coming soon page template for your under construction page.

choose an under construction page  template seedprod

These beautiful templates will help you create an under construction page in no time. Select any template you like or choose the blank template if you want to start from scratch.

After picking a template, you’ll then be taken to SeedProd’s visual drag and drop builder where you can set up your under construction page.

Step 3: Add Content to Your Under Construction Page

Using the visual drag and drop builder, you can now add content to your under construction page.

On the left side of the screen, you’ll see all the available content blocks you can use to design your custom under construction page. On the right, is a preview of the front end of your website.

visual drag and drop builder seedprod

SeedProd’s content blocks are separated into 2 groups: standard and advanced.

Standard content blocks include:

  • Headline
  • Text
  • List
  • Button
  • Image
  • Video
  • Divider
  • Spacer
  • Column

Advanced content blocks, which are more focused on lead generation, include:

  • Giveaway
  • Contact Form
  • Optin Subscription Form
  • Countdown Timer
  • Anchor Links
  • Social Sharing
  • Social Media Icons
  • Login Forms
  • Star Rating
  • Testimonials
  • Progress bar
  • Accordions
  • Custom HTML
  • And More

You can drag and drop any of these blocks to add them to your under construction page.

For example, you might want to add a countdown timer to your under construction page so that people know when your site will be live.

Simply drag and drop the countdown timer block to the right side of the screen to add it.

add a drag and drop countdown timer to your under construction page

Each element has several style options with different outlines, gradients, and colors to choose from as well.

Just click on the block and under the Templates tab on the left, you can select the style you want.

block style templates

You can also edit the content such as the text, size, and alignment. And in the Advanced tab you can change the color, typography, spacing, and more.

Aside from Blocks, there’s also a tab for Sections. Sections are pre-made layouts that you can use on your under construction page as well.

add page sections to your custom under construction page

Sections include:

  • Header
  • Hero
  • Call to Action
  • FAQ
  • Features
  • And More

You can click on any of these pre-made sections and they will be automatically added to your under construction page.

In the example below, we added an FAQ section. This can be helpful to answer any questions visitors may have about your business.

faq section on an under construction page

Click the green Save button in the top-right corner to save your progress.

Once you’ve added the content to your construction page, you can then start to customize everything to fit your brand.

Step 4: Customize Your Under Construction Page

You can customize your under construction page to match your brand by clicking on the gear icon in the bottom-left corner. This will take you to the Global Settings where you can set the global font, colors, background image, and custom CSS.

view the global settings for your under construction landing page

To change your background image, click on Background. This will open up the background settings where you can set the background image, style, position, color, and more. You can even use a video background.

Under Background Image, click on the circular photo icon on the existing background image. A new window will open up where you can choose an image from your existing media library or upload a new image.

Change the background image on your website under construction page

To change the colors on your under construction page, click on the Colors tab.

You can change the color of the headers, text, buttons, links, and background individually.

customize your under construction page colors

Or, you can use one of SeedProd’s over 20 pre-made color palettes to give your under construction page a professional look in an instant.

choose a custom color palette

Don’t forget to hit the Save button periodically during the customization process.

Once you’re happy with your design, it’s time to move on to the next step.

Step 5: Integrate Your Email Marketing Service

If you want to collect leads and subscribers on your under construction page, you’ll need to link your email marketing service.

Luckily, SeedProd makes this easy. SeedProd integrates with all the popular email marketing services and autoresponders, including:

First, go the the Connect tab at the top of the screen.

Connect to an email marketing service to your SeedProd under construction page

To connect your email marketing service, simply find it in the list and click Connect New Account.

connect email marketing service

Then, follow the prompts to connect and verify your account.

For the full instructions for integrating specific email providers, see the SeedProd integration documentation.

On the Connect page, you can also connect to Zapier, Google Analytics, and Recaptcha.

Step 6: Configure Your Page Settings

Next, click the Page Settings tab at the top of the screen. On this page, you can configure your general page settings like page title and URL.

You can also edit your search engine (SEO) and analytics settings.

under construction page settings

When you’re finished editing on the settings page, click Save.

Step 7: Publish Your Under Construction Page

Now it’s time to make your under construction page live!

But before you do, make sure to preview what your under construction page looks on both mobile and desktop, to make sure it looks great on all devices.

Click on the Preview icon on the bottom of the screen to get a mobile page preview instantly.

mobile under construction page preview

If you need to make any changes, just click the icon again to switch back to the desktop preview. You can also get a live preview of your page in a new tab by clicking on the eye icon at the bottom of the screen.

When you’re happy with how your responsive under construction page looks, click the arrow under the Save button and click Publish.

You’ll see a success message from SeedProd notifying you that your page is live.

Your under construction page has been published

Click See Live Page to view your under construction page.

Preview your custom under construction page in WordPress

There you have it!

Now you know how to create a website under construction page in WordPress using SeedProd’s landing page builder. With a beautiful under construction page, you can build excitement and generate leads before your website is ready to go live.

Get started with SeedProd today.

If you liked this tutorial, check out our post on how to market your website before launch.

Using WordPress and want to get SeedProd for free?

Enter the URL to your WordPress website to install.


Add A Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Easily Create High Converting WordPress
Landing Pages with SeedProd

Get SeedProd Now