How to Create a FREE Coming Soon Page in WordPress
Looking for an easy way to set up a coming soon page in WordPress for free?
A coming soon page is a great way to tell people your site is launching soon. It can also help you get a head start in search engine rankings before you go live.
But how do you make a coming soon page? In this step-by-step guide, we’ll show you how to create a coming soon page in WordPress for free.
Before we get started, here’s an explanation of what coming soon mode is.
What Is a Coming Soon Page?
A coming soon page is also called WordPress coming soon mode. It’s where you can hide your website behind a single landing page so visitors only see that page. This means they can’t access any other area of your site, which might still be under construction.
For example, you can create a coming soon page to promote your new WooCommerce store before it goes live.
Coming Soon & Maintenance Mode
Some people confuse coming soon pages with maintenance mode. Yet, both page modes are slightly different.
A coming soon page is best used for when you’re in the design and planning stages of your website, so users don’t see an unfinished site.
Yet, maintenance mode is better for when you’re making minor updates to your website. It prevents website visitors from seeing a broken site while you’re making small changes.
Check out this guide to learn more about coming soon vs maintenance mode.
Why Create Coming Soon Pages in WordPress?
Let’s face it; you don’t want potential customers seeing a half-finished website. Locking it behind a coming soon page keeps the messy stuff hidden away. That way, you can control exactly what people see and when they see it.
You can create a coming soon page for many situations, including:
- Giving your site a place where visitors can get information during pre-launch. People would normally see your default WordPress hosting page. This isn’t good for the user experience.
- To grow your email list before launching your website with a signup form.
- You can hide a new design behind an under-construction page and give clients a password to access a preview of what you’re working on.
Needless to say, there are tons of ways to make a launching soon page work for you and your business.
How Do I Make a Coming Soon Page in WordPress for Free?
If you’re still asking yourself, “How do I set up an under-construction page in WordPress?” you’re in luck! Follow the steps below to learn how to create a coming soon page in WordPress without spending a single dime.
If you’d prefer written instructions, just keep reading.
1. Install SeedProd the Landing Page Builder
For this tutorial, we’ll be using the free SeedProd landing page builder to create a coming soon page.
SeedProd is the #1 drag & drop landing page builder for WordPress. It comes with an easy WordPress maintenance mode page and coming soon page functionality. It also allows you to grow your email list and limit access to your site while it’s under construction.
SeedProd has several options designed to improve your lead generation efforts. It also integrates with 3rd-party apps and services for extra functionality. SeedProd has both a free version and a paid version, making it accessible to various budgets.
For this tutorial we’ll be using the free version of SeedProd which gives you access to:
- Advanced design controls
- Professionally designed landing page templates to build sales pages, thank you pages, squeeze pages, and more
- Powerful coming soon and maintenance modes to help you work on your site behind the scenes
- Block specific templates to make customizations code-free and easy
- Works seamlessly with any WordPress theme
- Custom social icons support for better social proof
- Giveaway and Contact form blocks to easily grow your subscribers
- Live mobile previews for mobile responsive landing pages.
You can also upgrade to the Pro Version of SeedProd to unlock advanced functionality, including:
- Regular new landing page template
- Built-in 404 page mode
- WordPress login page mode
- Advanced page blocks like testimonials, optin forms, login forms, accordions, countdown timers, progress bars, social media buttons, and more.
- Access controls to grant access to your website while it’s under development.
- Integration with popular email marketing services
- And much more.
The first step is to install SeedProd’s free coming soon page plugin. You can do this by navigating to Plugins » Add New from your WordPress dashboard.
Then type “SeedProd” into the search box on the right. This will show you the following results:
Click Install next to the Coming Soon Page, Maintenance Mode & Landing Pages by SeedProd heading, and click Activate.
After activating SeedProd, you’ll see the following welcome screen.
Click the Create Your First Page button next which takes you to SeedProd’s landing page overview.
2. Create a WordPress Coming Soon Page
On the following page, you’ll first see the different page modes you can activate on your website.
At the top of this page are 4 different sections:
To use the 2 other page modes – Login Page and 404 Page – you’ll need to upgrade to the paid version of SeedProd.
You can also create standalone landing pages in the area below the page mode sections.
To create your first free WordPress coming soon page, click the Set up a Coming Soon Page button
You’ll then be asked to choose a coming soon page theme.
The free version of SeedProd comes with 3 free coming soon page templates you can use to get started:
- Blank Template – This template lets you create a custom coming soon page from scratch in the drag and drop builder.
- Simple Coming Soon Page – This template is a simple page with a brief message that your page is coming soon. You can customize this theme and put your own spin on it easily in the visual editor.
- Rocket Coming Soon Page – This template is ready to go right away. Just customize it with your own content and make it live.
To choose your template, hover your mouse over its thumbnail and click the tick icon.
3. Change Your Coming Soon Page Content
On the next screen is SeedProd’s visual editor where you can add new content and customize different elements of your pre-launch page.
You can click the blocks or sections tab down the left-hand side to add new content. While on the right is a live preview of your coming soon page.
The page blocks are divided between Standard blocks and Advanced blocks.
With the Standard landing blocks, you can add popular elements to your page. This includes headlines, bullet lists, images, videos, buttons, and more.
In contrast, the Advanced blocks are more focused on lead generation with blocks that allow you to insert:
- Optin forms
- Contact forms
- Countdown timers
- Star ratings
- Social media buttons
- Progress bars
- Anchor links
- Navigation menus
- and lots more.
However to unlock these features you’ll need to upgrade to SeedProd’s Pro plan.
Many of SeedProd’s blocks also include custom block templates. This allows you to choose from a range of pre-set designs and styles and implement them without code.
For example, you can click the Button block and select the Templates tab to see several different styles.
In the Advanced tab, you can customize the colors, padding, spacing, and more.
Rearranging any block on your page is as simple as dragging it to the desired position.
Another way to help site visitors get in touch from your coming soon landing page is to add a contact form to WordPress.
SeedProd integrates with 3rd-party form builders like WPForms. So adding a free contact form to your coming soon page is super-easy.
To do this, drag the Contact Form block from the Advanced blocks section, and drop it onto your page.
Then select your chosen form from the dropdown menu to automatically display it on your page.
There are plenty of ways you can use your coming soon page to capture more leads, even if your website isn’t ready to go live.
For example you can add:
Don’t forget to hit the green Save button at the top to save your progress.
4. Customize Your Coming Soon Page Template
Customizing the fonts, elements, and colors of your custom coming soon page is pretty simple too.
You can either individually change the colors in the block settings.
Or, you can set global color and font settings in the global page settings area.
Under the Typography tab, you can choose from hundreds of Google fonts for your coming soon page.
Just click the dropdown menus and choose any font from the list.
Next up is customizing the background of your landing page. You can do this by clicking the Background tab on the Global Settings page.
Here you can change the background color, upload a new background image, or even add a color gradient.
And if you click the Background Position dropdown menu you can configure your background image in the following ways:
- Full-screen cover
- 100% width top
- 100% width bottom
- Repeat horizontal top
- Repeat horizontal bottom
- Repeat vertical center
SeedProd Pro users can also add a background slideshow or video.
Need to add some Custom CSS to your page? No problem. Just expand the CSS tab and paste in your custom code.
5. Configure Your Page Settings
Clicking the Page Settings tab at the top of your screen reveals several settings you can use to configure your coming soon page.
Here you can edit your page’s general settings, such as adding a new name or changing the page URL.
Pro Users can click the Access Controls tab to restrict who sees your coming soon page and who can see your website under construction.
This is an excellent way to grant access to clients to show them what you’re working on, without revealing that work to the public.
All you need to do is create a secret password. Then you can copy the bypass URL and give it to anyone you wish to grant access to.
You can also configure your landing page SEO and Analytics in the Page Settings area. If you’re using a plugin like MonsterInsights for your website analytics, or All in One SEO for your search engine optimization, you can use this page as a shortcut to their settings.
7. Publish Your Coming Soon Page in WordPress
When you’ve configured all your settings in the SeedProd page editor, click the Save button. Then click the downwards arrow and select Publish to make your coming soon page live.
When you’ve published your coming soon page, you’ll need to enable coming soon mode so your visitors will see that page across your website.
To do this click the “X” button to close the page editor and head back to the SeedProd dashboard.
To activate your coming soon page in WordPress, navigate to the Coming Soon Mode section and turn the toggle from Inactive to Active.
Now coming soon mode is enabled across your whole website. So visitors will see the page you just created.
And that’s it!
Congratulations! You’ve just learned how to create a coming soon page in WordPress for free. Pretty simple right?
Creating a coming soon page with SeedProd is so easy, you can design and activate your page in just a few minutes, with no coding required.
Ready to create one yourself?