A ‘coming soon’ page is a perfect statement of intent before your WordPress site goes live. It gives visitors key information about your site and lets them know when it will be live. Plus, you’ll be able to get a head-start on lead generation and Search Engine Optimization (SEO).
What’s more, it can be very easy to set up if you use the right tools. There are plenty of ways you can implement a coming soon landing page on your WordPress site. However, the simplest and most versatile method by far is using a plugin, such as WordPress Coming Soon Page & Maintenance Mode.
Security fatigue. Feeling overwhelmed?
Try Cloudways to harden the security of your WordPress sites.
In this article, I’ll talk about why you should consider creating a WordPress coming soon page for your new site. Let’s get started!
- What Is Coming Soon Page (And Why You Should Create One)
- How to Create a WordPress Coming Soon Page
What Is Coming Soon Page (And Why You Should Create One)
A coming soon page is a placeholder that appears on a site while it’s still being developed. It generally consists of a single page, which informs visitors that the site is not yet live. Of course, the functionality of a coming soon page differs depending on each site’s purpose and branding.
For example, you could use one to display additional information about your site, provide relevant links, or even include an email signup form. There are plenty of benefits to using a WordPress coming soon landing page for your unreleased WordPress site. You can:
- Build anticipation for your site. A coming soon page enables you to present a great first impression, as opposed to a half-baked site under construction.
- Provide information to visitors. You can use the page to explain what your site is all about and when it’s expected to launch.
- Start collecting email addresses. If you add an email collection form to the page, you can start gathering leads and email addresses right away.
It’s also worth noting that while a coming soon landing page functions as a placeholder that obscures your actual site, you can bypass it if you need to. For example, if you want clients or developers to view the actual site, you can give them bypass access.
How to Create a WordPress Coming Soon Page
Now, I am going to show you how can create a coming soon landing page for your site. I am using the Cloudways Platform, which provides managed WordPress hosting. If you haven’t yet, you’ll first want to sign up for an account. Then you can move on to the first step!
Step 1: Disable Varnish and Other Caching Solutions
Before you can create your WordPress coming soon page, you will need to ensure that your site’s Varnish and other caching is disabled. This will avoid issues that can occur if a coming soon landing page is cached.
Disable Varnish from an Individual Application
You can turn off Varnish caching for individual applications from the Application Management page:
Go to Application Management → Application Settings and Disable varnish from here.
Disable Varnish From Server
Fortunately, disabling Varnish in Cloudways is very easy. Log in to your Cloudways Dashboard and select your server/Application in which you want to add WordPress coming soon plugin. You can now click on Manage Services, where you will see Varnish at the very bottom:
Click Disable to turn off Varnish caching on your server.
Once disabled, you need to purge from the server as well. Otherwise, the already build cache would still be there. When you’ve done that, you’re ready to start building your coming soon page.
Step 2: Choose and Install a Coming Soon Plugin for WordPress
The first thing you’ll need is a plugin, such as Coming Soon Page & Maintenance Mode:
This plugin is simple to use and makes the process of creating a coming soon page intuitive. Some of its key features of this freemium plugin include:
- Responsive and compatible with all WordPress themes
- Easy to configure and customize
- Supports adding custom HTML and CSS
- WordPress Multisite supported
- Visible only to non logged in users
- Translation Ready, i18n Support
- BuddyPress Support available
- Full Browser Backgrounds option
- Uses WordPress Best Practices
- It works with any WordPress theme
- Fully responsive mobile ready design and template
- Social Profiles & Social Sharing Buttons available
- Gravity Forms integration to collect info from visitors
- Custom Footer Branding, Custom Favicon, Custom CSS Support
- Import/Export Settings for backup or re-use purposes
- Offers an extended Pro version, which adds even more features (such as email form integration, and the ability to enable certain users to bypass the coming soon page)
Step 3: Install WordPress Coming Soon Plugin
Go to WordPress Dashboard → Plugins → Add New → search for Coming Soon Page & Maintenance Mode by SeedProd → click Install Now and then activate the plugin.
Once you have activated the plugin, you will be taken directly to its settings page. This is where you’ll create your WordPress coming soon page, which I will look at the next step.
Step 4: Customize Your New Coming Soon Page
Now, you can start building your WordPress coming soon page. There are plenty of options available to you, which are split into several tabs.
The most important sections are Content and Design. In the Content tab, you can choose what your page will contain:
You can upload an image, add a headline, and add content using a text editor that’s almost identical to the standard WordPress editor. If you scroll down, you’ll see additional options for adding an SEO title and meta description, uploading a favicon, and adding your Google Analytics code:
Then you can switch over to the Design tab, where you can customize the coming soon page’s appearance:
Here you can select a background color or upload a background image. You can choose the style to use for your text and even add custom CSS:
This is the premium option of SeedProd. If you want to access this option you must need to go with the premium version of this plugin and start collecting the emails.
Live Preview Tab
You can see the live preview after completing all the settings.
Selecting Enable Coming Soon Mode
Once you’ve added content and customized the design, you’re ready to activate your ‘coming soon’ page. You do this from the Content tab, by selecting Enable Coming Soon Mode:
This will enable the coming soon landing page. When anybody who isn’t logged in to your site tries to access it, they will see the page you just created:
You’ve now successfully created a WordPress coming soon landing page in Cloudways! Feel free to experiment with your content and design, to make it look even better and add extra functionality.
Creating a WordPress coming soon landing page for your site is a great way to build anticipation and generate leads even before your site even goes live. By adding one to your site, you can give users information and get started on optimizing your SEO rankings early. In this article, I talked about how you can create one in Cloudways Platform using the Coming Soon Page & Maintenance Mode plugin. Let’s quickly run through the steps again:
- Disable Varnish and other caching solutions
- Choose and install a coming soon plugin for WordPress
- Customize your new coming soon page
If you have any query regarding this article, then feel free to ask me via the comment section below. Or if you have already added WordPress coming soon plugin in your WordPress site and you are getting stuck with this then you can ask me.
Do you want to create an amazing coming soon page for your website? Click here to check out how SeedProd can help you!
Disclaimer: This is a guest post by SeedProd. The opinions and ideas expressed herein are the author’s own, and in no way reflect Cloudways position.
Start Growing with Cloudways Today!
We never compromise on performance, security, and support.
Saud is the WordPress Community Manager at Cloudways - A Managed WooCommerce Hosting Platform. Saud is responsible for creating buzz, spread knowledge, and educate the people about WordPress in the Community around the globe. In his free time, he likes to play cricket and learn new things on the Internet. You can email him at email@example.com