RafflePress Blog

WordPress Tutorials, Tips, and Resources to Help Grow Your Business

How to Create a Coming Soon Page in WordPress (Easy Guide)

Last Updated on November 10, 2020 by Stacey Corrin

Do you want to add a coming soon page to your WordPress website?

With a pre-launch page, you can hide your website’s construction from the public and drive traffic and leads before your site is live.

In this article, we’ll show you how to create a coming soon page in WordPress that helps grow your business from day 1.

But first, let’s explore what a coming soon page is and when you should use one for your website.

What Is a Coming Soon Page?

If you’re wondering, “What is a coming soon page?” you’re in the right place.

A coming soon page is a type of landing page designed to tell website visitors that your new site is coming soon. Sometimes it might be called something different, such as a pre-launch page or an under-construction page. Either way, the message is the same: something awesome is arriving soon.

coming soon page example

On your coming soon page, visitors can learn more about your business and get a sneak peek at what’s coming, while the real work being done to your site is hidden. Sometimes this is confused with Maintenance mode which should be used when you’re only making minor changes.

If you’re unsure, check out this article to learn the difference between Coming Soon vs Maintenance Mode.

Coming soon pages usually include the following page elements:

  • Headline and message telling people about your new website
  • Optin form for collecting email addresses to notify users when your site launches
  • Social buttons directing users to your social media profiles
  • Contact form that lets users get in touch and ask questions
  • Countdown timer that counts down until launch day

This means you can generate traffic, leads, and interest in your target audience well before your website is due to go live.

Creating a coming soon page is also an excellent way to get a head start ranking your website in Google search results. Search engines like Google take some time to index new pages, so having a landing page up as soon as possible will cut some of the wait time.

Plus, the Google bots that lookout for new websites to index don’t mind if they see a coming soon message. They just care about the content, keywords, and user experience. So by adding a keyword optimized and engaging under construction page to your site, you’re doing your business a favor in the long-term.

Now that you know what a coming soon page is and when to use one, let’s look at how to create a coming soon page in WordPress.

How to Create a Coming Soon Page in WordPress

The easiest way to create a coming soon page for your website is with a WordPress plugin. We’ll be using SeedProd, the best WordPress landing page builder on the market, for this tutorial. 

Seedprod, the best WordPress landing page builder and coming soon page plugin

SeedProd makes it easy to build any landing page in WordPress, and it’s one of the best landing page builders when it comes to speed and ease of use.

You can select from over 100+ stunning landing page templates or create a custom layout from scratch with the easy drag and drop builder, with no coding needed.

The pre-built landing page templates allow you to create:

In comparison to other page builders that are slow and bloated, SeedProd is optimized for speed. This ensures your pages are the fastest, so you can rank higher in SEO.

drag and drop page builder

SeedProd’s smart design system helps you save time by saving and reusing elements across your pages instead of repeating the same work. You can set color schemes and font combinations and save page templates, custom page blocks, sections, and more.

It comes with all the blocks and features you’d expect from a powerful page builder, such as:

  • Optin forms
  • Social profiles
  • Countdown timers
  • Contact forms
  • Buttons
  • Star ratings
  • Giveaways
  • And more

Many blocks even have pre-made templates so you can speed up the design process and add your favorite styles with 1 click.

SeedProd works with all major WordPress themes and plugins. It also includes subscriber management and is easily integrated with popular email marketing services like Constant Contact, Mailchimp, ActiveCampaign, and more.

Best of all, it has built-in coming soon and maintenance modes you can turn on and off with a single click. This makes building and launching your coming soon page a breeze.

So if you want to create a coming soon page in WordPress the easy way, here’s how to do it with SeedProd.

Step 1: Install the SeedProd Landing Page Builder

First, click here to get started with SeedProd and download the plugin to your computer. Then if you need a little help, you can follow these steps for installing a WordPress plugin.

After installing and activating the SeedProd plugin, you’ll see a page asking you to enter your license key. You’ll find the license key in your registered email address after purchasing the plugin.

enter your seedprod license key

Enter your key in the box provided and click the Activate Key button.

Next, click SeedProd » Pages from your WordPress admin area to see the SeedProd dashboard where you can create your first coming soon page.

SeedProd dashboard area

Step 2: Create a New Coming Soon Page

Along the top of the SeedProd dashboard, you’ll see 3 different page modes, which include:

  1. Coming Soon Mode – For creating a coming soon page in WordPress.
  2. Maintenance Mode – To put your WordPress website in Maintenance mode.
  3. 404 Page – For showing a custom 404 error page on your website.

Underneath, you create any other type of landing page using the drag and drop builder.

Since you want to build a coming soon page, click the Set up a Coming Soon Page button in the Coming Soon Mode section.

Click the set up a coming soon page button

This will redirect you to SeedProd’s growing library of landing page templates. SeedProd will automatically filter the templates to show the available coming soon page templates.

SeedProd landing page templates

You can choose any template you like, then when you’re happy with the design, hover your mouse over the template thumbnail and click the tick icon to launch it in the visual page editor.

Choose a coming soon page template

For this example, we’ll use the Frame Coming Soon template.

Step 3: Edit Your Coming Soon Page Content

With the visual drag and drop builder, you can now add content to your coming soon page.

On the left side of your screen are the available landing page blocks you can use to edit your page content.

Add content to your coming soon page in the drag and drop landing page builder

SeedProd’s landing page blocks come in 2 different sections: Standard blocks and Advanced blocks.

The Standard landing page blocks include everything you need to design a great-looking page, including image blocks, headlines, text, buttons, video blocks, bullet lists, dividers, and more.

In comparison, the Advanced blocks are more focused on generating leads and growing your email list, such as:

  • Giveaway Block
  • Contact Form
  • Optin Form
  • Countdown Timer
  • Social Sharing
  • Social Profiles
  • Star Rating
  • Progress Bar
  • And more

The main focus of these blocks is to maximize your lead generation efforts before you launch your website. So, you won’t see any unnecessary elements cluttering up the builder.

Plus, almost all of these blocks integrate with powerful WordPress plugins such as RafflePress to create an online contest, WPForms to build user-friendly contact forms, and many more without needing a developer.

Adding any block to your coming soon page is as simple as dragging one from the left side of your screen onto your coming soon page.

For example, if you want to let people know how long is left before your website launches, you might want to add a countdown timer.

Drag and drop the countdown timer to your coming soon page

Just drag the countdown timer block from the left-hand panel and drop it into place on your page on the right.

Clicking the countdown timer block on your page preview shows several customization options in the left panel. Here you can change the countdown type, set an end date and time, change the alignment, and more.

You can also select a different style by clicking the Templates tab and choosing the one you like the most.

Change your countdown timer template

In the Advanced tab, you can choose custom colors, typography, shadows, and more until you’re happy with the final look.

Choose extra block styles in the advanced block settings tab

SeedProd also has several content sections to complement the page blocks. You can find them by clicking the Sections tab on the left.

Sections are premade layouts you can add to your coming soon page without having to build them block-by-block.

SeedProd landing page sections

You can find sections devoted to headers, hero areas, calls to action, FAQ, features, and footer areas. Clicking any section automatically adds it to your coming soon page.

In the example below, we added a FAQ section to our coming soon page. This will help answer any questions users have about your new website before the big day.

Add a faq page section to your coming soon page

Continue adding content to your page until you’re happy with how everything looks. Then click the Save button in the top-right corner to store your settings.

Save your coming soon page

Step 4: Customize Your Coming Soon Page

The next step is to customize your coming soon page to match your website’s branding.

To do this, click the Global Settings option, which is the gear icon in the bottom-left corner of the page builder.

Configure your global settings

This takes you to the Global Settings page, where you can customize your entire page’s colors, fonts, background colors, and image, and even add your own custom CSS.

To change your global page background, click the Background section.

In the background customization panel, you can change the background style to solid or gradient, add a background color, and upload a new background image. It’s also possible to add a background video or scrolling slideshow.

customize your coming soon page background

To change the background image, hover your mouse over the background photo thumbnail, and click the image icon. Then you can upload a new image from your computer or your WordPress media library.

If you’d like to change your global color settings, click the Color section.

You can change the color of your headers, text, buttons, links, and text backgrounds in this area. 

SeedProd global color settings

You can also click the Color Palettes button and select from over 20 pre-made color palettes for your coming soon page.

Choose from over 20 pre-built color palettes

The same is true for the Fonts sections.

Here you can select from hundreds of Google web fonts and change the font weights.

Global font settings for your coming soon page

Clicking the Font Themes button reveals a library of different font combinations with a preview of how they’d look on your page.

Choose fonts from the font combination library

Remember to click Save before moving on to the next step.

Step 5: Integrate Your Email Marketing Service

To manage any new subscribers to your email list, you’ll need to connect your email marketing service to your coming soon page. SeedProd makes this easy by integrating with popular email marketing providers.

First, click the Connect tab at the top of the page builder. This will show you all the different connections available.

Click connect to view the different email marketing integrations

Then go ahead and select your preferred email service and click the Connect New Account button.

Connect your email service provider to your coming soon page

After that, follow the on-screen instructions to authorize and verify the connection.

To see the full instructions for integrating specific email providers, see the SeedProd integration documentation.

On the same page, you can also connect to Google Analytics to track your page performance, Recaptcha to prevent spam, and Zapier, which provides access to thousands of tools and applications.

Step 6: Configure Your Coming Soon Page Settings

Once you’ve connected your email list, you’ll need to configure your page settings. You can do this by clicking the Page Settings tab at the top of the page builder.

On this page, you can configure your page’s general settings, SEO and Analytics settings via All in One SEO and MonsterInsights, and add custom header, body, and footer scripts to your page.

coming soon page settings

The most important section is the Access Control area. You can control who will see your coming soon page and who sees your standard website on this page.

You can choose to exclude URLs with the terms: login, admin, dashboard, and account to prevent lockouts. Or you can create a bypass cookie instead of creating a WordPress user to bypass the page.

Coming soon page access control settings

It’s also possible to create a unique Bypass URL for your coming soon page. Then anyone who accesses your website with that URL will bypass the coming soon page and see your standard website. This helps you share your progress with a client or another member of your team who doesn’t have login access. 

Furthermore, you can hide specific pages in WordPress by using the Include/Exclude URLs section. Just add any page URL you want to hide behind your coming soon page on a new line in the box provided.

Include or exclude which pages your coming soon page displays

When you’ve finished configuring your settings, click the Save button.

Step 7: Publish Your Coming Soon Page

Now that you’ve created your coming soon page in WordPress, it’s time to make it live. But before you do that, it’s important you make sure it displays properly on different device sizes.

SeedProd makes it easy to preview your landing page on both desktop and mobile devices to check that it’s responsive.

Switch back to the Design tab to view your coming soon page in the visual editor, then click the Mobile Preview option in the bottom-left corner. 

Click the mobile preview to see your coming soon page on different device sizes

This will show you a preview of your coming soon page as users see it on mobile devices. If anything looks odd, you can go ahead and edit the mobile preview, just like you would with the desktop version. 

Preview your coming soon page on mobile devices

To switch back, just click the same icon in the bottom-left corner again.

Now that everything looks great let’s go ahead and publish your coming soon page.

In the top-right corner of your screen, click the downwards arrow next to the save button, and click Publish.

Publish your coming soon page in WordPress

SeedProd will then tell you that your coming soon page has been published.

Your coming soon page has been published

Click the See Live Page button to see a live preview of how it looks.

Live coming soon page example

Step 8: Enable Coming Soon Mode in WordPress

With your coming soon page published, the last step is to enable coming soon mode on your WordPress website.

From your WordPress dashboard, navigate to SeedProd » Pages and find the Coming Soon Mode section.

Then, turn the toggle from Inactive to Active.

Activate coming soon mode for your WordPress website

Now anyone visiting your website will see the coming soon page you just created.

Congratulations!

We hope this article helped you learn how to create a coming soon page in WordPress. 

To generate even more leads before you launch, you might want to run a giveaway on your coming soon page. Why not check out this article to see if giveaways are good marketing before you make a decision.

While you’re here, don’t forget to follow us on YouTube, Twitter, and Facebook for more great tips to grow your business.

Add A Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Copyright © 2021 SeedProd LLC. RafflePress™ is a trademark of SeedProd LLC

Terms & Conditions | Privacy Policy | Sitemap | RafflePress Coupon Code