Hey, welcome to this post where we’ll learn how to create free WordPress coming soon landing page. If your WordPress blog or website will under construction or in maintenance mode then it is very very important to have a custom coming soon page into your website front end.
Because if your website is live and visitor(s) will visit your website they have a bad impression in their mind when they can see some mess up into your website when you are in development mode.
And that is completely normal to mess up your website when you are in development mode or when you are adding some new features to your WordPress blog.
But if your visitor will see those changes see those mess up they have a bad impression in their mind and probably they are not coming back to your website again. So this is why it is important to create a custom coming soon page when you maintain your blog, and in this post, I’ll show you how you can create a free WordPress coming soon landing page for your blog.
So when visitor visit your website and you are in a maintenance mode they will probably see a custom coming soon page where they can get the information that your site will get back in live within such amount of time.
So let’s get started….
Alright, Alright, Alright…….. Now let’s see how to can create a custom coming soon page for our WordPress blog.
So, first of all, you have to log in to your WordPress blog. Now go to the plugins on the left-hand side then click on add new, Now WordPress plugins directory will open where you can search for a plugin called Ultimate Coming Soon.
When you have to search for that plugin, you can also find a bunch of other coming soon page plugins as well, and you are free to install and used any of them. But for this post, I’m using Ultimate Coming Soon plugin so if you are using other plugins the interface and the options will be the difference.
So when you have to install any plugins I highly suggest you click on the More Detail options to check out the plugin details and the screenshot before you want to install the plugin to your WordPress blog.
Now check out the features and the screenshot of the ultimate coming soon plugin and click on the Install Now button and it will install the plugin to your WordPress blog. The process will take some time.
When the plugin is installed now we have two options over here 1st one is activated the plugin, and the 2nd one is going to the plugin installer.
So just click on the active plugin link and it will activate the plugin into your WordPress blog.
So our 50% work is done.
Now the plug-in is installed and we have to go to the settings and in the setting, as you can see in the last there is an option call coming soon.
Now click on the coming soon link in the settings and Ultimate Coming Soon plugin settings will open and here you have to customize a couple of options before you want to apply your custom coming soon page into your WordPress blog.
The first option enables the plugin to your blog or not. if you want to click on this yes button the plug-in will apply the custom coming soon page into your WordPress blog. And it can overwrite the current theme style. Viewers will only see the custom coming soon page when they can visit your blog.
We’ll enable this option a bit later, first, we need to customize our coming soon page and then we enable the option.
And right after that option, we have an option to upload our logo which displays into our coming soon page.
After that we have the heading option in here you need to write some creative heading for our custom coming soon page like “Our website we’ll get back soon”. I’m sure you write better than this one just be creative.
Now in the description, we have to add some little bit of more text that will describe to your visitor(s) when your website will go live. So just write something like “Our Website will live within 24 hours, be patient”.
You also can add your social media links like Twitter, Facebook, Google+, LinkedIn, using HTML.
Right after that, you have an option for the mailing list. The free version of Ultimate Coming Soon plugin will support only the Feed Burner but if you want to upgrade your plugin to pro version then you have a couple of more options like MailChimp, AWeber, Get Response etc.
Right after that, you have an option to add a custom header script. If you want to redirect your visitor to your another website or another blog or any specific page then you can you can add your custom script in this section.
After that, you have an option to add custom HTML. In this section, you have put your YouTube videos, or sound cloud audios embed code or anything related to HTML you can put it in this section and it will display into your coming soon page.
After that, you have an option to exclude your URL(s). If you want to exclude your URL(s) just click on this gears button over here and if not then just uncheck that option.
And when you have to do all the changes in the setting then click on the save change and your changes will be saved.
Now move to the next Tab, right after the setting you have an option for styles.
The first option is the background color. you can choose your background color from here. And that color will display into your coming soon page background.
After that, as you have an option for background noise effect by default it was on but if you don’t want background noise you can change it to off.
And after that, you have an option to upload your custom background image, click on this media library button and upload it to directly from your WordPress media library.
After that you have an option called stretch background image, if you can click on this option your background image will be the stretch to fit the screen size. This is helpful if your background image is short in size. But if you uncheck this option then your background image will be displayed in their original size.
And right after that, there is the option for font color by default it was black but you can change to your own color whatever you want. And after that, there is an option for text shadow effect by default it was on but you can off when you want.
And after that there is an option for heading font, you can choose your heading font by clicking the little drop down button, there are lots of fonts available for you to choose from also there is an option for google fonts, so you can also choose the Google fonts by going to this google fonts option or you can choose your system fonts.
Right after that, there is an option for body fonts as like the heading font you can also choose your body font.
Right after that, there is an option for custom CSS. In this field, you can add your own custom CSS style that you want to display into your coming soon page.
This option is really helpful if you want to tweak the default style of your custom coming soon page.
And after that, there is a copyright option by default it was off, but if you want to give the plug creator a credit then click the yes “I Love You Man” button and it will enable a link back credit to this plugin developer right below your coming soon page footer.
But by default, the credit is off, if you want you can on that.
This is a free plugin so author obviously needs some credit, they need some support from the downloader(s).
So if you want to support them just enable the credit option.
So this is how all settings are working.
So when you are done with your settings now let’s check how our coming soon page will look like into our website. Right after the setting tab, you have an option called live preview.
If you click on this live preview button it will give you a live preview that how your coming soon page will look like into your website.
And if you are satisfied with this preview just enable the coming soon page for your WordPress blog or website. That’s it.
So this is how you can easily create and customize your own custom coming soon page for your WordPress blog or website.