WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Plugins» How to Create Beautiful Coming Soon Pages in WordPress with SeedProd

How to Create Beautiful Coming Soon Pages in WordPress with SeedProd

Last updated on February 27th, 2021 by Editorial Staff
221 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Create Beautiful Coming Soon Pages in WordPress with SeedProd

Do you want to create a beautiful coming soon page for your WordPress site?

All websites need a pre-launch coming soon page. It allows you to build anticipation, create hype, and spread the word even before the launch of your main website.

In this article, we will show you how to quickly and easily create beautiful coming soon pages in WordPress.

Creating coming soon pages for a WordPress website

Why Create Coming Soon Pages in WordPress?

Coming soon pages are not just a placeholder for your website. They can be an effective lead generation tool for your business even before the site launch.

Here are a few ways that we have used coming soon pages:

  1. Gauge User Interest – If you are unsure about an idea, then coming soon pages can help you asses user interest in the project.
  2. Build Hype – Coming Soon pages can also be used to build anticipation and create hype. Give product information and offer users incentives for sharing.
  3. Capture Leads – Start building your email list and ask users to follow your social profiles. This allows you to have likes and followers as social proof even before you launch the site.

To create a coming soon page in WordPress, you would need to get the best WordPress hosting and install WordPress.

For more detailed instructions, you can also follow our step by step guide on how to make a website.

Example of what we will Create

Following are a few examples of effective coming soon page designs.

Coming soon page with countdown timer, email form, and social buttons

Coming soon page with fullscreen background image, lead signup form, and countdown timer

Coming soon page preview with email sign up form and social buttons

How to Create a Beautiful Coming Soon Page

First, you need to install and activate the SeedProd plugin. For more details, see our step by step guide on how to install a WordPress plugin.

SeedProd is the best WordPress page builder plugin on the market. It allows you to build any type of landing page including Coming Soon page to limit access to your site and turn the pre-launch page into a lead magnet.

Note: There is a free version of SeedProd available as well that you can use, but for this tutorial we’ll show the Pro version since it has more features.

Upon activation, you need to visit SeedProd » Settings page to enter your license key. You can find this information under your account on the SeedProd website.

Enter your SeedProd license key

Next, you need to visit SeedProd » Pages page and then click on the ‘Set up a Coming Soon Page’ button.

Set up a coming soon page

On the next screen, you will be asked to choose a template. SeedProd comes with several professionally designed coming soon page templates to choose from. Simply click on a template to select it.

Choose a page template

This will launch the SeedProd page builder interface. You’ll see a live preview of your selected template where you can simply point and click to select and edit any item.

SeedProd page builder interface

You can also add new blocks to your page from the left column. Let’s add a countdown timer that tells users when your site will be launched.

Simply drag the ‘Countdown’ block and drop it on the page preview where you want it to be displayed.

Add a block

After that, point and click on the countdown block, and you will see its properties in the left column.

Editing a block in SeedProd

Feel free to edit the page as much as you need. Try adding different blocks, changing text colors, add your business logo, and more.

Connect Your Email Marketing Service

Once you are finished with the design, you can switch to the ‘Connect’ tab. This is where you can connect your email sign up form to your email marketing service provider.

Connect your email marketing service

SeedProd supports all top email marketing platforms. For the sake of this tutorial, we’ll be connecting our coming soon page to Constant Contact. Simply click to select it and then click on the ‘Connect New Account’ button.

Connecting your email account

Next, you’ll need to provide an API Key and a name for this connection. Simply click on the ‘Connect to Constant Contact’ button to continue.

Getting the API key

This will open up a popup where you’ll need to log into your Constant Contact account. After that, click on the Allow button to give SeedProd access to your Contact Contact account.

Allow access

Next, it will show you the API key which you need to copy and paste into SeedProd and click ‘Connect’ button.

SeedProd will then fetch your email lists. You’ll need to choose the email list you want to use and then click on the ‘Save Integration Details’ button.

Publishing Your Coming Soon Page

Once you are finished with the page design and integrations, you are now ready to publish your coming soon page.

First, you need to click on the Save button and then select ‘Publish’ to save your coming soon page and make it publicly available.

Publish your coming soon page

SeedProd will now publish your page, and you can exit the page builder by clicking on the close button.

Next, you need to turn on the ‘Coming Soon’ mode to make sure that people visiting your website see the coming soon page only.

Simply go to SeedProd » Pages page and then switch the toggle under ‘Coming Soon Mode’ to active.

Turn on coming soon mode

SeedProd will now turn on the coming soon mode for all your website. You can still login and work on your website but other non-logged in users will only see the coming soon page you created.

Coming soon page preview

Advanced Settings for Coming Soon Page

SeedProd allows you control how your coming soon page is displayed. You can access those advanced settings by visiting the SeedProd » Pages page and clicking on the ‘Edit Page’ button under the Coming Soon Mode box.

Edit coming soon page

This will launch the page builder interface where you need to switch to the ‘Page Settings’ tab. Under the General settings you can provide a title for your page, select isolation mode, or change the page template start with a new one.

General page settings

By default, the plugin will start showing your coming soon page to all non-logged in users. However, SeedProd gives you full control on who can access your website while it is under coming soon mode.

This comes in handy in certain situations. For instance:

  • You only want to allow a client to view the site when logged in
  • You want to make some URLs publicly accessible
  • Allow user with specific IP address to view the website.

For advanced access rules, click on the ‘Access Control’ menu to select who can access your website when its under coming soon mode.

Control who can access your website under coming soon mode

You can also switch to the SEO tab to provide an SEO title, description, a featured image to be used when your link is shared on social media websites, and more. You can also choose to tell search engines not to index that page.

If you have popular SEO plugins like All in One SEO installed, then SeedProd works seamlessly with them as well.

SEO settings for your coming soon page

Lastly, you can switch to the Scripts tab where you can add any third-party scripts that you may need to add. For instance, you may want to add Google Analytics code, Facebook pixel, or other tracking code here.

Add third-party scripts to your coming soon page

Don’t forget to click on the Save button at the top to save your advanced page settings.

Switching off The Coming Soon Page

Once you are ready to publish your website, SeedProd makes it super easy to turn off the coming soon mode.

Simply visit SeedProd » Pages page and switch off the ‘Active’ toggle under the Coming Soon Mode box.

Turn off coming soon mode in WordPress

Creating a Maintenance Mode Page in WordPress

Some site owners may want to display a maintenance mode page instead of a coming soon page. A maintenance mode page is helpful if your site is undergoing maintenance, and you want to let your users know that you will be back soon.

SeedProd’s Coming Soon Pro plugin also lets you create beautiful maintenance pages in WordPress.

Simply go to SeedProd » Pages page and click on the ‘Set up a Maintenance Mode Page’ button.

Set up a maintenance mode button

The rest of the process is the same as creating a coming soon page. You will get full access control and you can easily turn off maintenance mode when you are done.

We hope this article helped you learn how to create beautiful coming soon pages in WordPress. You may also want to see our ultimate guide on how to increase your blog traffic, and our comparison of the best business phone services to improve your workflow.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

221 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • Revealed: Why Building an Email List is so Important Today (6 Reasons)

    Revealed: Why Building an Email List is so Important Today (6 Reasons)

  • How to Properly Move Your Blog from WordPress.com to WordPress.org

  • How to Start Your Own Podcast (Step by Step)

    How to Start Your Own Podcast (Step by Step)

  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

4 Comments

Leave a Reply
  1. Fauwaz Marjan says:
    Jul 23, 2020 at 10:12 pm

    Is there a way for the logo to be aligned left of the page in the coming soon page? Because every time I save the changes, it automatically keeps the logo aligned to the center.

    Reply
    • WPBeginner Support says:
      Jul 24, 2020 at 12:47 pm

      Please reach out to SeedProd’s support and they should be able to take a look and assist you.

      Reply
  2. Jerome Brooks says:
    Mar 14, 2019 at 7:06 pm

    Hello,
    My page is presently set on the Coming Soon Mode Active. How do I make my page active for the world to see? Thank you.

    Jerome Brooks

    Reply
    • WPBeginner Support says:
      Mar 18, 2019 at 3:54 pm

      That would normally be due to a plugin, you could either check through your plugins settings or disable your plugins that you are not actively using for finding where that is set.

      Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
RafflePress - WordPress Giveaway and Contest Plugin
RafflePress
Giveaway and Contest Plugin for WordPress. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2021 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2021)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2021)
    • SiteGround Reviews from 4464 Users & Our Experts (2021)
    • Bluehost Review from Real Users + Performance Stats (2021)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2021 – Step by Step Guide
Deals & Coupons (view all)
Elegant Themes
Elegant Themes Deal
Get the Divi theme with 194+ template packs from Elegant Themes for only $89. Extra, Bloom, and Monarch included free!
TeslaThemes
TeslaThemes Coupon
Get 20% off on TeslaThemes large collection of premium WordPress themes.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).

Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
  • Growth Fund
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon
  • AIOSEO

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress Security by Sucuri.