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

By | January 14, 2020

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 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 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

84 thoughts on “How To Create Coming Soon & Under Construction Pages With WordPress While Building Your Website

  1. Ulises Martinez Post author

    Hi Adam, I enjoyed your videos, great idea, thanks .

  2. At Home with Yesli Post author

    I just wanted to say that this was AMAZING! I am a beginner and this was a walk in the park for me. However, after doing all your steps my "coming soon" page still does not show up. Is it something I did not do?

  3. Landa Lane Post author

    Hi Adam, I absolutely love your videos! Tremendously helpful for non-techies. Okay, so I understand that the Coming Soon page allows Google to index your website, whereas Maintenance informs Google to come back later. I don't want a countdown, as I am only transitioning my Site Origin built pages to Elementor built pages. Which mode would you suggest using for just a blog site? What is meant by Google indexing while in Coming Soon mode?

  4. Elaine J Post author

    Hi Adam, Thank you this very helpful. Is there a way I can remove the social icons from the Coming Soon page? I did not see them in the template, but they appeared on my website when I published it?

  5. Charlotte Ann Moore Post author

    Hi Adam, I'd like to upload a video background to my website like in the Astra Sites Restaurant theme. Could you do a tutorial on this please?

  6. Gatot Post author

    Hi Adam, i click the tools but it didn't shows the maintenance mode, i think it's for the go pro version. Hope can buy it soon. Tq

  7. Schiavone 360 Post author

    Thank you so much for this tutorial! Easy step-by-step videos, greatly appreciate by a non-techy!

  8. SeedProd Post author

    Hey Adam, While Elementor is great option I'd argue my plugin, SeedProd Coming Soon Pro, is superior for coming soon pages. Yes the free version is simple but that's the point of that version. My Pro Version includes a realtime builder, the ability to capture email leads with a viral referral tracking and prize system, plus other cool features like the ability to create a bypass url. So while the point of a coming soon page is to hide the site, it's also should be a lead generation tool so you don't launch to crickets 🙂 I invite you try it out and and I'd be happy to send you the Pro version for free. Just let me know! Cheers John

  9. Joren Ceriaco Post author

    Hi, Adam, thanks for this! I'm wondering if it is possible to put coming soon on a certain page only and not on the entire website. Say, I'm offering online services. I've published a page for a certain online service, but I'm not yet ready to offer it. So, I'd like to put it as coming soon service. How could I do it?

  10. Foxtrot Designs Post author

    Adam, thanks for the video… … rather fast paced..but useful information….I can't get the coming soon message to appear on the front page.. … it only appears next to the gravatar… what am I doing wrong? Any help much appreciated….

  11. Anton King Post author

    Great. Because there's nothing more annoying than a 'coming soon' page is there…

  12. Beth Ellis Post author

    Hi Adam, Great video, Thank you. My website is pretty much ready to go, except for the online course. I would like for the website to be "live" and just the course page not accessible while I am finishing up the course material. Is that possible, or does the entire site have to be "under construction"?

  13. Lenny van doren Post author

    Hi Adam,
    Thx for this tutorial. However i still have a question. i designed my own 'under construction' page but at the end i do al the same as you (i go to tools, maintenance ,…) but my template does not come as an option to chose as a template. what i am doing wrong? is there a tutorial for this because i cant find it.

    Thank you

  14. tia moor Post author

    Hi Adam thanks for this helpful video. But actually I faced a problem when I go to select the the template I can't find any. Although I find them in my library hope you came help thanks again
    EDIT : don't forget to sure that the page state is published and that will solve the problem

  15. Avijit Chander Post author

    You are a lifesaver. Thank You so much for your hard word

  16. shaurice larmie Post author

    Hi can you please show how to do this on divi 3. i have set up my coming soon page but how do i activate it?? thanks

  17. Dastickupkids Post author

    Worst EVER …why not say buy the pro version.. From the start and save us the psychobabble bull of how the free version so great but the pro is just a smudge better as it wasnt important..Hell yeah it it 3 days trying everything you explained to jeep getting a Blank on edit with elementor.
    But soon as i bought the pro it all worked flawlessly..Do everyone a favor say it how it is and not that low pitched squeaky voice 3 days of hearing it i hear you in my nightmares..but i give you A++ For hustler of the. Year the WP hustler award goes to you.

  18. Technerd The Real Post author

    Hi Adam, the elementor Icon appears in the background of the coming soon page. I do I get rid of it?

  19. Haydee Montemayor Post author

    Hi Adam, I hit a snag on minute 6:30. I clicked on the top left as you suggested, but I din't see Page Settings. Can you please help? Thank you.

  20. yami alo Post author

    Hi Adam, I can't find the page settings? Can you please tell me step by step on how I can change my page settings?

  21. Joe Martin Post author

    Spot on man thanks for that! Came back all the way from editing the site to give you a thumbs up 😉

  22. y00bz Post author

    To the people having a problem with the new version, there's a cog on the elementor left side menu (bottom left) click that cog and this is Page Settings now

  23. Tanmay Shah Post author

    there is no Page setting on my eliminator. rather there is Global setting. what to do?

  24. Manan Qayas Post author

    Hi can you make a video how you make you website?

  25. Verena Haseke Post author

    Thanks for your great videos Adam, love them! Keep on going:-)

  26. Hatice Tavli Post author

    Hi Adam Thank you for this great video. How can I add an email capturing place on the coming soon page? Thanks again. Keep the work up

  27. Righteous Man Post author

    Please can you show how to deactivate that? I put it on the construction and now dont know how to go back

  28. Clare Fanning Post author

    Hi Adam – I followed your explanation but when I got to the top left buttons to go to page settings to canvas…that did not exist as an option. Even I have trashed everything – all pages – to start over and the site I'm doing still appears!!!! Can you advise?

  29. Net2fit Post author

    WOW !
    Thank you so much !
    That was really helpful dude !
    Continue doing what you do and get better at it !

  30. CheeseToast Post author

    There's no "Page Settings" to change the template. Is the settings shifted elsewhere? I can't seem to find it…

  31. TheJanicetunes Post author

    This is a great video!! It helped a lot. Although my settings and tools were in slightly different locations, you were very clear and informative and I was able to find the exact items you mentioned. They probably changed something since last year :). I wanted to know if there is a countdown element where I can create my own countdown page. I didn't want to purchase the pro version? I only see counter in the free version. Thanks!!

  32. nomadine85 Post author

    Hi – Not sure what I'm doing wrong but only the standard wordpress coming soon page shows up no matter what I do!

  33. Christy Lacroix Post author

    Thanks Adam – You just saved me from a coming soon plugin 🙂 – Found my way around as some things have changed in the meantime (My Library > My Templates, …) but it still works fine.

  34. Uma Kulkarni Post author

    Thanks, Adam, got to learn how to put up a coming soon page on my website

  35. Joey Anderson Post author

    Hi Adam. When I installed the Elementor plugin, there was no "My Library". Did anything change.

  36. jratourandtravelservices Post author

    sir adam my elementor plugin ia in latest version but its the free version but there's no page settings in the setting menu of elementor

  37. tia goldsmith Post author

    My website would not put up the maintenance page. I wonder if it was because I used a special Thrive theme

  38. Mominate Peerzada Post author

    Hey can we have maintenance mode or coming soon only for some pages.If so then how?
    Please do reply

  39. Eric Bailey Post author

    clearly things have changed quite a bit… I cant figure this thing out. I'm just going to uninstall

  40. Visionery1 Post author

    Great, but what if one is developing on localhost and wants to leave a Coming Soon page on the future host's server?

  41. Rebecca Le Post author

    Thanks for the helpful hints Adam. Question – is there a way to make the working website viewable without having to log in? I would like to send my client a temporary link for revision purposes and save them the trouble of having to log in and navigate around in WordPress.

  42. Bigi444444 Post author

    Thanks for the video.Clean, to the point, very understandable for everyone.
    I have one question though. Is there a free template that lets you insert a "contact us" clickable button without showing the mail address to the visitor?
    I could easily add a plain text with it but i want to avoid the incoming spam.
    Thank you in advance for any reply.

  43. Karina Castellanos Post author

    Thank you so MUCH for posting and all the detailed help! This was a life saver and I was able to use all your info and I have ZERO experience using any of these applications. Thanks again!

  44. Ashraf A Post author

    So I have followed all of your steps and edited my Coming Soon page how I like it. I have added a new section below the main section, which includes a carousel slider. But – and here comes the WordPress frustration – it doesn't show, not even after I have saved and published the template page. What am I doing wrong?

  45. Gwen Veira Post author

    Hi Adam, why is the Carousel widget not working in Elementor? In the page builder I can see the widget, but when I click 'save' and view my page, the widget is not showing. What is going wrong and what can I do to fix this irritating problem? Hope you can help!

  46. Robert Telford Post author

    Hi Adam. I really enjoy your videos, but I am having a problem. When I'm in WordPress and I go to Elementor – create your first page it doesn't load. An message pops up stating enable safe mode to trouble shoot. I have tried the trouble shoot with the problem still existing. I have increased my memory, deleted all of my plugins and reloaded them including the theme (Astra). I then deleted Astra when the error was not corrected and used the theme they recommended for testing This did not fix the problem. This is the start of a new ecommerce website with nothing important on it at this time. I am currently with BlueHost and I'm thinking of trying to reload WordPress or go to a new hosting company (InMotion). The problem is my domain names are currently with BlueHost. What would you recommend doing? Thank you so much for your help.

  47. Sanna T Post author

    Hi Adam, thanks for this video! 🙂 So, I found Templates but there's nothing called Elementor Canvas in there, so I suppose I need a paid version of Elementor to make this work?

  48. Jimmerson nobles Post author

    I deactivated my page and it's still showing up in Google how do I stop it.

  49. Andressa Hendler Post author

    Thank you, just the info I was looking for!

  50. Monica Rizzo Post author

    I created my coming soon page with this tutorial, thanks! I’m having a problem though, with it showing my header and footer on this coming soon page, don’t know how to address this issue… could you give me a hand ?

  51. Uptown Unicorn TV Post author

    I need to add email subscribe for newsletter and notice

  52. ANNIHILATOR Post author

    Excellent !! keep up the great work man.

  53. Dumbdumbpop33 Post author

    This video is such a huge help! Thank you so much for sharing.

  54. Tin Man Post author

    How to reset add pages to default It's talking about blocks and I don't want that page I want original page.

  55. Lloyd Keeley Post author

    Hi I am busy with the setting up of the maintenance page but how did you get the " My Library" tab on the wordpress dashboard to appear. I dont have it yet.

  56. gareth whitehead Post author

    There is no 'page settings' when I coick on the top left of the elementor side bar.. so.. stuck now.

  57. Daniel Gândara Post author

    2019 and works pretty much the same. Thanks again Adam you're always helping me here! By the way, because of your videos and some other tutorials, I am now starting my second web site for clients. So thanks from Brazil.

  58. JohnnyRock2000 Post author

    6:00 Create your Coming Soon page with Elementor (not necessary to use Elementor Pro)
    7:10 Find and download a Template – appropriate for the page type.
    9:00 Insert and edit your (and save) chosen Template
    10:30 Use the Elementor Dashboard TOOLS – to set to Maintenance Mode. And Also set the Allowed In (so that YOU can edit it).

  59. G_man Post author

    Thanks this is useful – if you are a technical person its not hard to find the settings i manage to do this with the latest Elementor version


Leave a Reply

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