One of the most popular questions I receive from readers is, ‘How do I create a WordPress coming soon page?’
It’s an important question because building an under-construction page tells people your site is launching soon and to come back on launch day.
You can also use a coming soon page to get a head start in search engine rankings before you go live. So when you launch, you’ll already have search traffic coming to your WordPress site.
In this guide, I’ll show you how to build one using SeedProd.
Steps to Create a Coming Soon Page in WordPress using SeedProd:
Should I Have a Coming Soon Page?
A coming soon page is useful for generating buzz, capturing leads, and maintaining professionalism during development. It also offers a sneak peek of what’s to come. However, it’s unnecessary for minor updates or rushed launches, where a maintenance message or quick live site might be better.
How Do I Set Up a Coming Soon Page?
You’ll need to start by choosing a coming soon plugin or solution.
- WordPress.com Users: If you’re using WordPress.com to host your website, you have a built-in “Coming Soon” option available in your site settings. This is a simple way to make your site private while you work on it, and it doesn’t require any additional plugins.
- WordPress.org Users: If you’re self-hosting your WordPress website on WordPress.org, you’ll need to use a plugin. While there are many to choose from, my favorite tool is SeedProd. Other popular options include “Coming Soon Page & Maintenance Mode” and “CMP—Coming Soon & Maintenance Plugin,” which offer similar functionalities.
SeedProd is one of the best WordPress website builders. It comes with easy coming soon and maintenance mode pages that allow you to limit access to your site while it’s under construction.
These pages take minutes to set up, and with its drag-and-drop landing page builder, every inch is fully customizable.
SeedProd also integrates with 3rd-party apps and email marketing services like Mailchimp and WooCommerce for extra functionality. You can even create WordPress themes from scratch.
If you’re in a hurry to get started, here’s a quick beginner’s tutorial on how to create a coming soon page using SeedProd’s WordPress plugin.
For a more in-depth guide, please continue reading.
ステップ1.SeedProdプラグインのインストールと有効化
The first step is to add SeedProd to your WordPress website.
If you need help with this step, you can see our guide on installing the SeedProd plugin.
Step 2. Create a Coming Soon Page in WordPress
After activating SeedProd, navigate to SeedProd » Landing Pages from your WordPress dashboard. Here, you’ll first see the different page modes you can activate on your website.
These page modes allow you to set up a coming soon page, build a maintenance mode page, create a login page, and make a 404 page.
You can also create standalone landing pages in the area below the page mode sections.
To make your coming soon page, click the Set up a Coming Soon Page button.
You’ll then be asked to choose a coming soon page template.
The templates cover various designs and industries and are fully customizable. You can choose any design and make it your own without writing HTML or CSS code.
To choose your template, hover your mouse over its thumbnail and click the tick icon.
The Rocket coming soon page is one of my favourite templates. I’ve used it on many projects, including this one from SEO Boost:
Step 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 page.
The page blocks are divided between Standard blocks and Advanced blocks.
With the Standard landing page 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:
- Create a coming soon page with a countdown timer
- Make a coming soon page with an email opt-in
- Design a coming soon page with social media icons
- Show a coming soon page with a contact form
- Add a coming soon page with a WordPress login
- 他にもいろいろある。
Making a WordPress Coming Soon Page with a Contact Form
To help site visitors get in touch from your coming soon landing page, you can add a contact form to WordPress.
SeedProd integrates with 3rd-party form builders like WPForms. So, creating a coming soon page with a contact form is 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 to use your coming soon page to capture more leads, even if your website isn’t ready to go live.
例えば、こう付け加えられる:
- ユーザー登録フォーム
- Webinar registration forms
- Newsletter signup forms
- そしてもっと。
You can even add a login form to your coming soon page, which we’ll show you how to do next.
Making a WordPress Coming Soon Page with Login
SeedProd’s login form block is a handy way to let registered users sign in to your website. That way, you can let other team members work behind the scenes even if your site isn’t live.
Again, you’ll need a premium SeedProd license to use this block, but adding a login form to your coming soon page is just as easy as any other block.
Simply find the Login Form block in the Advanced Blocks panel, then drag it onto your page.
You can then open the block settings to customize the login form fields, buttons, templates, and more.
Adding a Progress Bar to Your Coming Soon Page
To visually represent your website’s development progress, you can add a progress bar to your coming soon page.
SeedProd offers a Progress Bar block that allows you to easily customize the appearance and percentage of completion.
Integrating Social Media
Integrating social media allows you to engage with your audience even before your website launches.
SeedProd allows you to add social media icons or feeds directly to your coming soon page, making it easy for visitors to follow your brand’s updates on platforms like Facebook, Twitter, or Instagram.
Don’t forget to hit the green Save button at the top to save your progress.
Step 4. Customize Your WordPress Coming Soon Page Template
Customizing the fonts, elements, and colors of your custom coming soon page is pretty simple, too.
You can individually change the colors in the block settings with its popup color picker.
Or, you can set global color and font settings in the global page settings area.
Under the Typography tab, you can choose 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 add a color gradient.
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
- 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 your custom code.
ステップ5.ページ設定を行う
Once you’ve got the look of your coming soon page just right, it’s time to dive into some of the cooler, more advanced features that can really make your page work for you.
Click the Page Settings tab at the top of your screen, and you’ll see 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.
With Access Control features, you can decide who gets to see your site while it’s still under wraps. Whether it’s based on user roles, specific IP addresses, or a secret link you share with VIPs, you have the power to grant early access.
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 click an option to hide the landing page from logged-in users, such as website admins.
You can even choose to apply the coming soon mode to just parts of your site. This is ideal for when you’re ready to show off a blog section or a home page but want to keep working on the rest.
Just add the URLs where you want to show the coming soon page in the Include/Exclude URLs section.
The other page settings allow you to configure your landing page SEO and Analytics. For instructions, please see our page settings guide.
Step 6. Publish Your WordPress Coming Soon Page
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.
You can then activate your coming soon page by going to the Coming Soon Mode section and turning 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.
How Do I Remove the Coming Soon Page Once My Site is Live?
When you’re ready to publish your WordPress website, you’ll need to turn off the coming soon page. That will allow website visitors to see your entire site instead of your coming soon landing page.
To turn the page off, go to SeedProd » Pages and click the ‘Active’ toggle under the Coming Soon Mode box to the ‘Inactive’ position.
That’s it! Visitors won’t see your coming soon page anymore and can browse your brand-new website.
A/B Testing Your Coming Soon Page
You’ve designed a great coming soon page, but how do you know it’s getting you the most email sign-ups or social shares? That’s where A/B testing comes in. It’s like trying out different outfits to see which one gets the most compliments!
Here’s how it works: You create two (or more) slightly different versions of your page. Then, you show each version to a group of visitors. By tracking how each version performs, you can see what works best and make your page even more effective.
What to Test:
Think of your coming soon page like a movie poster – it needs to grab attention! Here are some things you can test:
- Headlines: Try different headlines with different words, lengths, or styles.
- Call to Action Button: This is the button people click to sign up. Test different button text, colors, sizes, and placements.
- Benefits: Clearly tell people why they should sign up! Try different ways to explain the value you offer.
- Images and Videos: Do images or videos work better? Test different visuals to see what resonates with your audience.
- Content Length: Some people like short and sweet messages, while others want more details. Test a shorter version of your page against a longer one.
- Color Schemes: Colors can make people feel different emotions. Experiment with different color combinations for your buttons, backgrounds, and text.
- Social Proof: Show people that others trust you! You can test testimonials, media mentions, and trust badges.
For more split testing help, see our guide on how to A/B test landing pages.
Examples of Successful Coming Soon Pages
If you need help coming up with some design ideas, here are some successful coming soon page designs that we love.
Fixers
I love how this coming soon page uses striking visuals – it immediately grabs your attention and sets the tone for an adventurous experience. The headline, is bold, impactful, and resonates with a desire for unique travel experiences.
The call to action is clear and enticing, prompting users to sign up. I appreciate the simple email capture form and the playful “Take me away” button. Additionally, the option to opt out with “No thanks, I like boring holidays” adds a touch of humor and personality to the page.
LAB Petite
I adore the playful and whimsical feel of this coming soon page. The hot air balloon motif is charming and perfectly suits a brand aimed at children’s products.
The headline is catchy and playful and immediately tells me what the brand is all about. I love the emphasis on showcasing modern makers and unique children’s items—it definitely piques my interest.
The countdown timer is a great touch, creating a sense of excitement and anticipation for the launch. I’m also happy to see the email signup form so I can stay in the loop.
WiseJack
This coming soon page has me drooling. The photo of the steak and peppers is absolutely mouthwatering, and it immediately makes me crave delicious food.
“Wisejack Cooking” is a cool name, and the tagline is clever and funny. I love how the headline speaks directly to busy lifestyles and promises easy solutions. And the video thumbnail is super enticing.
The email signup is clear and simple, and I appreciate the playful “Notify Me” call to action. This coming soon page makes me excited to try out Wisejack Cooking.
For more inspiration, check out our roundup of the best coming soon page examples.
WordPress Coming Soon Page FAQs
Here are some frequently asked questions from readers about creating a WordPress coming soon page that I’m happy to answer.
What Is a WordPress Coming Soon Page?
A coming soon page is a web page shown to visitors before a site’s official launch. It informs them that the site is under construction and offers an option to sign up for notifications about the launch.
What is a Coming Soon Page vs. Maintenance Mode?
The main difference between a coming soon page and maintenance mode is the purpose. A coming soon page is used when a site is in the design phase, hiding incomplete content. Maintenance mode is for minor updates, preventing users from seeing errors while the site is temporarily unavailable.
Check out this guide to learn more about coming soon vs. maintenance mode.
What are some SEO strategies for coming soon pages?
SEO strategies for coming soon pages can include using relevant keywords in your page title and content, adding meta tags for description and keywords, and including a sitemap.xml file for search engines. You can also use a WordPress SEO plugin to help optimize your page.
Is a coming soon page a landing page?
Yes, a coming soon page is a type of landing page because users land on it after clicking a link from search results or other sources. Its goal is to inform visitors about the upcoming launch and capture leads or build anticipation.
How can I measure my coming soon page results?
You can measure the effectiveness of a coming soon page by tracking metrics such as the number of page views, the number of sign-ups for updates, and the bounce rate. You can use analytics tools like Google Analytics to track these metrics.
Next, Promote Your New Website
Congratulations! You’ve just learned how to make a WordPress coming soon page without code.
Now it’s time to create yours. Get started with SeedProd and create high-converting coming soon pages without hiring a developer.
Ready to promote your new site? We can help:
お読みいただきありがとうございました!ご質問やご意見がありましたら、お気軽にコメントをお寄せください。
また、YouTube、X(旧Twitter)、Facebookでも、ビジネスの発展に役立つコンテンツを配信しています。