How To Create Coming Soon & Under Construction Page

by Adam @ WPCrafter   |   Last Updated: August 20, 2017
Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email

Video Transcript

How To Create Coming Soon & Under Construction Pages With WordPress While Building Your Website

In this video I’m in a show you the best way
to create a coming soon page for your website

or a maintenance page for your website hi
my name is Adam from WPCrafter.com were I

make WordPress videos for non-techies and
I get this question a lot how do I create

a coming soon page for my website and I wanted
to answer and show you how to do that in this

video so first let me explain what a coming
soon or a maintenance mode page is essentially

when you’re building out your website you
don’t want people to be able to or even Google

search engine to come to your website and
see all these things you’re doing because

it’s probably not exactly ideal how you wanted
to look right you’re putting it all together

and you’re intentionally not perfecting it
because you’re just put in the structuring

and any or tweak everything or do all the
stuff and sometimes it can be kind of embarrassing

to someone was to visit your website or maybe
you just want to keep it private and top-secret

so you want to put it in a maybe have a coming
soon page work whenever anyone visits any

page on your website is going to show them
this coming soon page or this under maintenance

page there different things in him and explain
the exact difference but then these are the

common sought times when you’re gonna want
one of these options so specially here on

the channel I show people how to build websites
I recently released entire video series on

how to create an online course website so
this question does come up a lot so I’m to

do it in this video now if you head over to
WordPress.org and do a search for a coming

soon plug and typically you would just go
and find a coming soon plug and add it into

your WordPress website and then you’d have
to figure out all the little nuances of that

plug and now the main one Juergen is he recommended
if you Google WordPress coming soon plug-in

is going to be this one right here from seed
product and you could see right here it’s

on a ton of websites on over 300,000 websites
out actually uses before and it is pretty

good it’s not what we use in this video though
because I have a better solution for you but

this is limited to just creating coming soon
our maintenance mode pages now the negative

of this is your pages the pages that it generates
are very restrictive you don’t really have

full creative control over those pages and
that’s why these are kind of problematic now

maybe two years ago these were ideal because
page builders were still in their infancy

there wasn’t these page builders or anyone
can really create anything they want in a

webpage so these are actually great to give
you some structure and give you something

that looks nice now I want to introduce you
what working to do were to use Elementor because

Elementor is the very best three page building
plug-in for WordPress and they recently added

features to wait to use it to generate or
create coming soon pages and also to create

maintenance mode pages now the benefit of
using Elementor is not just that it’s free

I mean it’s free is great but the benefit
is you will have full control over these pages

and that’s what I really like about it now
Elementor itself is free but they also have

a paid version called the Elementor Pro and
this is going to add additional features to

that you can use on these coming soon and
maintenance mode pages but here’s the thing

you don’t need this but there are a couple
nice things that it adds that you may want

to to have so one of them is Alexa let me
scroll down to the main like features that

it adds an okay from logical templates here
it is these exclusive Pro widgets or elements

and the main one is right here this countdown
element that you’ll be able to use on your

page so in order to get this countdown timer
if you want to countdown timer I personally

don’t really care for them on a coming soon
page I mean you can have it but you could

just as easily say coming soon on this date
you don’t have to buy Elementor Pro just to

get a countdown timer and I look for free
countdown timers there are really any good

ones unfortunately but it comes with all these
different elements that you can use to make

a powerful website but of course Elementor
is not just for making coming soon and maintenance

pages it’s for building entire websites but
this is just one more thing that you’re going

to be able to make with it the cost of Elementor
program remember you don’t need it it’s 40

bucks or 49 bucks if you want it on the site
I have a linked envelope also when you purchase

through my link I give you a course called
Elementor essentials now let’s go ahead and

try this out so I already have Elementor installed
but for you your need to go to plug-ins click

on add new and then you’re gonna just do a
quick search here for Elementor so I’ve entered

Elementor in it’s right here I obviously ready
have it installed you just click activate

and then install and then activate you can
see it’s already on 90,000 websites this is

a very very popular plug-in people are using
these to this plug in to create some amazing

websites and some amazing pages but the benefit
of it is is you can use this to do some amazing

things and you’ll have full control so once
you install and activate it your and I have

this menu option here that says Elementor
now let’s go ahead and make ourselves a coming

soon page now I do want to preface this by
saying this is gonna work on any single website

every single word press website it doesn’t
matter what theme you have it’s going to work

on them all so what we need to do is we need
to click on my library and working to create

a coming soon template in this thing called
the library soaring to go ahead and click

add new and then let’s just call this coming
soon okay I got that their only need to do

now is click on publish now I need to click
on edit with Elementor’s and outs can open

up in Elementor this Elementor interface now
obviously when the first thing you think of

when you look at it like I don’t want my coming
soon page look like this I don’t have a header

design get her a menu or any of the sidebar
stuff this is what you need to do go ahead

and click here on the top left and then there’s
this option here this is page settings and

then it’s his template right now it’s his
default but we want to changes to Elementor

canvas now when you do this it eliminates
all of that stuff so now you have this a blank

canvas to start building your coming soon
page so the way Elementor works is you click

on the little dial pad right here and you
just essentially dragging and dropping elements

in there you can have sections with background
colors background textures you have text you

can have buttons you can have anything that
you see here is really easy and I have a bunch

of videos already right here on YouTube perfectly
free to watch right show you how to make some

very advanced designs right now the word and
a look and see what added templates there

are two Elementor for coming soon pages some
to go ahead and click on add template right

here and it’s going to pull up a list of the
templates now I think there’s a few coming

soon specific ones now I do want you to notice
that on some of these templates on the top

right corner you see it says Pro these are
templates that are only for people that have

Elementor Pro which I showed you earlier in
the video so you but you got a notice that

they have beautiful templates whether you
bought the Pro version are your using the

free version they are giving you some beautiful
templates like look at this about us page

right there it is absolutely stunning and
then here’s another one that just happens

the be part of the Pro package so let’s go
ahead and scroll down a bit and see what we

have here you can obviously use any of these
as a starting point but I want to scroll down

here because I know there are some specific
ones in here they are here are let’s see 4566

let’s see eight Cummings while nine coming
soon templates that we can use as a starting

point now the main difference between the
ones that are going to be with the free version

and ones with the pro version really boil
down to that countdown timer so you can see

this one here coming soon one beautiful countdown
timer but coming soon to its beautiful it

just doesn’t have a countdown timer so that
is can it be your main difference between

these various styles here so go ahead and
shoes that see this one here it’s got a clock

on it that looks fine go ahead and click on
the insert button and then this can go ahead

and download everything that makes this template
and it’s going to put it right here on your

page so this is literally how it’s going to
look now the beautiful thing about Elementor

is that you can click on anything and start
editing it so right here it’s is coming soon

I can click on it and over here I can change
it to whatever I want and it adjusts in real

time you see that Ed adjusts in real time
and you can change the colors the style whatever

you want the same goes for this paragraph
text here the same thing goes for this phone

number right here I can click on it like this
and here is the phone number I can click on

their and change the phone number to whatever
I want now this is really cool because is

also showing that phone icon but we could
even change that icon to any icon that we

want and we can make it a hyperlink but were
not in this instance and the same thing goes

for the email right there so what we would
do then is we would just go ahead and click

on save now want you to know you can create
anything with Elementor we can do something

totally custom part from scratch I just wanted
to show you how easy it is with these templates

actually probably wouldn’t want this MNR right
here would see what it is it’s an image when

what happens when I deleted it just pulls
everything up let’s just go ahead and delete

it like that okay now I’m in a go ahead and
click on save like that and then when I click

on the X on the bottom left corner right here
I can choose this option this is view page

and it can open up this page in a new tab
and there is this coming soon page so now

we’ve actually created it and we’ve saved
it now let’s tell WordPress that we want people

to see this when they come to our site someone
to go ahead and click on go to dashboard and

now I’m in a go back to these Elementor settings
and I want to click on tools right here so

now what we need to do is go right here in
the section that says maintenance mode and

Sorkin’s click on the choose mode right now
it’s disabled but I’m to choose coming soon

now when you choose coming soon it’s gonna
give you a couple options number one is who

can access and this is saying who can access
the full site and not get stuck behind this

coming soon page and this is going to always
usually be said to people that are logged

in so what this means is when you yourself
are logged into your website that’s when you

can start editing and building your website
but if you’re logged out you come to your

website you’re just going to see this coming
soon page and Mrs. choose template and we

just created it right here coming soon and
that I want to go ahead and click on save

pages now what happens is and I really like
this and this is a WordPress feature when

you have this in maintenance mode for coming
soon on Juergen I have this big red indication

right there maintenance mode on and that’s
just gonna let you know that the maintenance

mode is on and anyone that comes your website
right now if they are not logged in there

in a see that coming soon page so for me I
am logged in if I went to example website

and click on view site like this it doesn’t
show me that coming soon page because I’m

logged in but if I go here to the right and
I choose a log out it’s going to take me well

here I am at the login page but if I click
here to go back to the website is can you

show me the coming soon page and that’s all
I have is this beautiful coming soon page

so now what I need to do is log back into
the website I can just click back and get

to the login page on a log in really quick
okay now that I have my username and password

on the click log in and here we are maintenance
mode is still on so now let me go back to

the front of the website you can see now I’m
able to edit my website now when you are ready

to let people back to see your website you
would go to Elementor tools and then right

here it’s his maintenance mode we would change
this to disabled now there’s also something

called maintenance mode what mean I’m getting
a little confused or all of it’s called maintenance

mode but the difference between a coming soon
page and the maintenance page it has to do

with what your website communicates to a search
engine okay so if it’s going to communicate

coming soon it tells Google hey were building
the websites you can index it when it says

maintenance it says hey Google come back in
an hour or so or tomorrow or so and you’ll

get access back to the websites will communicate
something different to Google and that’s what

these differences are so okay so you would
actually take it from maintenance mode you

put it to disabled and then click on save
changes and then that would go away so let’s

now create a maintenance mode in this time
I’ll choose one of these Pro templates someone

to go back to my library I’m in a click add
new and let’s name this maintenance mode okay

I’ve got that entered him to click on publish,
click on edit with Elementor and I am going

to go and click on the top left here going
to my page settings and change that template

to Elementor canvas to get rid of everything
number the click on add template and let’s

look at one of the ones that have a countdown
timer just you can get an idea of what that

looks like so here we are scrolling down and
so typically maintenance is under construction

or something like that let’s go ahead and
choose this one right here why not this is

a pro one a minute choose insert and it’s
gonna pull everything down and it’s the same

thing you can click on it over here on the
left you can go ahead and edit anything that’s

there it now this this countdown timer is
part of the Pro package and I gotta say it’s

one of the best countdown timers I’ve ever
seen built for WordPress it’s so easy to use

and so flexible with the styles I can click
on it right here and I can change my due date

to whatever date I want in the future and
right now it set for two days from mouse you

can click in here and choose any day that
you want to sell it see today is 28 April

actually sorry it’s a month from now Soren
April and were right here so let me choose

the 29th you can even choose a time just like
that and there it is five hours three 3032

minutes and 30 seconds and you can even turn
off some of these we don’t want to seconds

to show you go like that in turn the seconds
off I really like all the power and flexibility

here some go ahead and click on save and then
this time I am going to click on the X go

back to the dashboard to go to Elementor tools
and this time I’m going to put it in maintenance

mode but this time maintenance instead of
coming soon and I want to go ahead and choose

that maintenance page we just created a go
ahead and click on save changes and then go

back to the front end of the website same
thing if I’m logged in I can access the website

if I’m logged out I cancel just click log
out here and then go to the root of the website

and there it is in this section will have
a beautiful template I didn’t know was can

have this beautiful white frame around the
edges and it looks great with this background

image so essentially this is a much more powerful
way to create a coming soon page or to create

a maintenance mode page for your website because
these are things that really should be done

with the page builder anyway now the reason
there’s these popular plug-ins it’s because

they’ve been around for many years before
we predominantly built websites using these

page builders but I think it’s pretty visionary
and forward thinking of the Elementor developers

to go ahead and build this into their plug-in
because it’s the ideal plug in in order to

do this so if you did want to get Elementor
Pro I do have a link down below and when you

click on that link it’s gonna tell you about
the bonus package that I have essentially

if you bite him to give you this training
course on Elementor that I developed and recorded

and I deliver on my website the training course
alone is $149 but if you purchase even the

least expensive Elementor package for $49
you’re gonna get access to it and your to

be able to learn how to use Elementor to do
many powerful things on your website like

create landing pages beautiful designed pages
and poster and learn how to do essentially

everything with Elementor and build amazing
and beautiful websites

Adam @ WPCrafter

Adam @ WPCrafter

My passion is making the best quality video tutorial online, for non-techies. When I am not behind the camera, I am usually helping out one of my YouTube subscribers.

4 thoughts on “How To Create Coming Soon & Under Construction Page”

  1. Thank you for sharing this article. I have put up the great efforts to make the website and will now put it under construction so that I can redesign website and put it online.

  2. A

    Thanks for sharing the plugin, Here’s another guide about integrating coming soon landing page in WordPress through plugin.

  3. Thank you so much for all the great instructional videos that you have produced for us newbies. I followed this coming soon video step by step. But, when I go to look at the site after I have signed out I keep getting the old WordPress coming soon page. At the top of the page is a Coming Soon tab that does show my page that I created. I don’t know what I did wrong but I have done it over and over with the same poor results. I hope you can give me an idea how to fix this problem. Thank You.

Leave a Comment

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