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.
- Step 1: Install the SeedProd Landing Page Builder
- Step 2: Create a New Coming Soon Page
- Step 3: Edit Your Coming Soon Page Content
- Step 4: Customize Your Coming Soon Page
- Step 5: Integrate Your Email Marketing Service
- Step 6: Configure Your Coming Soon Page Settings
- Step 7: Publish Your Coming Soon Page
- Step 8: Enable Coming Soon Mode in WordPress
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.
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
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:
- Landing pages
- Sales pages
- Thank you pages
- Webinar registration pages
- Coming soon pages
- Squeeze pages
- 404 pages
- Maintenance mode pages
- And much more
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.
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
- Star ratings
- 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
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 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.
Step 2: Create a New Coming Soon Page
Along the top of the SeedProd dashboard, you’ll see 3 different page modes, which include:
- Coming Soon Mode – For creating a coming soon page in WordPress.
- Maintenance Mode – To put your WordPress website in Maintenance mode.
- 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.
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.
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.
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.
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.
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.
In the Advanced tab, you can choose custom colors, typography, shadows, and more until you’re happy with the final look.
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.
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.
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.
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.
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.
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.
You can also click the Color Palettes button and select from over 20 pre-made color palettes for your coming soon page.
The same is true for the Fonts sections.
Here you can select from hundreds of Google web fonts and change the font weights.
Clicking the Font Themes button reveals a library of different font combinations with a preview of how they’d look on your page.
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.
Then go ahead and select your preferred email service and click the Connect New Account button.
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.
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.
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.
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.
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.
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.
SeedProd will then tell you that your coming soon page has been published.
Click the See Live Page button to see a live preview of how it looks.
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.
Now anyone visiting your website will see the coming soon page you just created.
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.