There’s a good chance that you are familiar in some way with a Coming Soon Page or “Under Construction Page”.
At this point, if you are following along with the “Blitz” we’ve now Installed WordPress for our domain and set up everything we need to do including installing the recommended plugins and all that fun stuff.
Now, while we build our website it is time to get started with a Coming Soon Page so people who visit your website know how to contact you until your website is finished.
If you are not familiar with the “Under Construction Page” or Coming Soon Page, it is basically a single landing page that visitors visit, regardless of what URL they visit that is associated with your website. So while you are designing the “Contact Page” if your visitors go to uronlinebrand.com/contact it will be redirected to this page until you are ready to launch your website.
Ready? Let’s Go!
The first thing we are going to do is to get started with creating our first “Template” with Elementor. You get to this section by going to the “Elementor” section within your Dashboard sidebar. Then click on “My Templates”. This will take you to the “Create Your First Template” page that you see below.
Once you are here you just need to click on “Add New” in the upper left corner or the “Add New Template” green button. This will bring up the New Template panel.
The settings you will need to use is “Page” in the drop-down menu and then the name of your template … I’m going to use “Coming Soon Page”. Then you just need to click on “Create Template”
Now your page should be “up” but we have some designing to do …
The first thing we need to do is get the page template set so it doesn’t look cheap…
Start by clicking on the “gear” icon on the bottom left of the screen and then change the page layout to “Elementor Canvas”. This will help make sure only what we are doing now is the only thing showing. That way your Header or Footer won’t show.
After you have that finished you will now build out your coming soon page. For this example, I’m going to stay basic and just use one of the Elementor Coming Soon Page Templates.
All you need to do in order to view the available templates is to click on the gray folder icon.
This will open up all of the available page templates. You can use the “Search Box” at the top of the pop up window for “Coming Soon” or you can browse through the results.
You will see a small [PRO] icon in the top right-hand corner for some of the templates. These are just templates that are only available to the people who have a licensed copy of Elementor Pro. When you see that, don’t worry you can use those once you get your copy of Elementor Pro. (It is only $49 for a year with unlimited updates and support)
You can custom build your page without a template but to save time and get started building our website, we’re going to use a template.
You can see more of the design by clicking on the image of the design. If you don’t like the design, all you have to do is click on “Back to Library” and continue browsing until you find the template you want to use for your page.
Once you find the right design for your page, all you need to do is click on the Insert button to have the template inserted into the page.
Now, all you need to do is replace the content with your content… If you need help with using Elementor, please take the time to go over the Elementor Guide.
Once you have your page updated with all of your content all you need to do is click on the Green “Publish” button on the bottom of the page.
Now that you have your page “designed”, it’s time to tell WordPress & Elementor that you want to use that page for your “Coming Soon”, “Under Construction” or “Maintenance Mode” page…
In order to move on to the next step you will want to exit back to your dashboard.
Once you are back on your dashboard you need to go to the Elementor section on the left menu and click on “Tools”
Once you land on the “Tools” page you will need to click on the “Maintenance Mode” tab.
You will make two adjustments to this page
The first thing you need to do is “Choose Mode” … We are going to change this to “Coming Soon” by selecting it in the drop-down menu.
After you do that you will need to go down to “Choose Template” and in that drop-down menu you need to select the coming soon page that we just created.
Now for the most important part of this tutorial … Don’t forget to SAVE YOUR CHANGES!! 🙂
You are now free to build your website!
Just don’t forget to come back to these settings and disable your coming soon page when you are ready to launch the website!
Hope this has helped! Shoot me a tweet or a dm if you have any questions and I’ll be glad to help