Creating a Coming Soon Landing Page for Your New Blog!

Creating a Coming Soon Landing Page in WordPress
Starting a Blog is May’s theme for the Design to Grow Link-Up. You can find thousands of different tutorials on how to install WordPress and your theme (I’ve written one here). The reality is that you likely will launch your blog on the same day that you set it up. Believe me; it could be one long day if you to set up and publish your first post.

Once you’ve decided to start a blog and setup a site, you will likely want to set up a coming soon landing page at first. A coming soon landing page allows you to generate buzz about your blog before you launch, set your site up to make sure everything is correct (theme, menu, sidebar), get comfortable with the WordPress dashboard, set up your static pages, and build up a bank of posts before you launch. I recommend that new blogs launch with between 3-5 published posts (more on this next week).

To create a coming soon landing page for your blog, you will need the following:

  • Design Elements
    • Blog Logo: Recommended that it is no bigger than 600 pixels wide.
    • Brand Colors: You will need a color for the background, text, and links
    • Fonts: It is easy to make sure that these are standard fonts, like Arial and Times.
    • Background Photograph (Optional), should be 2000 pixels wide.
  • Content
    • Text promoting your new blog
    • Relevant Social Media and Sign-up links

How to Create a Coming Soon Landing Page

  1. In your WordPress Dashboard, go to PLUGINS < ADD NEW.
  2. Enter “Coming Soon” into the Keyword Search box. Coming Soon Page & Maintenance Mode by SeedPro plugin will come up. Select INSTALL NOW. Follow the steps to install and activate the plugin.
  3. Once the plugin is activated, go to SETTINGS < COMING SOON PAGE & MAINTENANCE MODE.
  4. Under GENERAL section, the default setting is DISABLED. To activate the Coming Soon Page, select ENABLE COMING SOON MODE.
  5. Under PAGE SETTINGS section, enter in your LOGO, HEADLINE, and MESSAGE. The message is the same visual/text editor as in your posts and pages. You can enter in images, format text, and add fun styling.
  7. Once you have entered in all this content, make sure to select SAVE ALL CHANGES. You’ve now just entered all the content for your landing page; it’s time to make it beautiful!
  8. Go to the DESIGN tab. You will see four different sections – BACKGROUND, CONTENT, TEXT, and TEMPLATE.
  9. Under BACKGROUND section, you can enter either a background color or a background image. For Fig & Thyme and Out to Eat, we opted for a background. For Meg McCabe Studios, we used an image. If you use an image, make sure to check RESPONSIVE BACKGROUND. This feature will allow the image to be the full size of the browser.
  10. Under the CONTENT section, you can change how wide it is. With this generic template, I recommend that you do no bigger than 720 pixels wide. It is tough for your reader to read paragraph text that is larger than 720 pixels wide on a desktop. I typically leave this as the default – 600pixels.
  11. Under the TEXT section, you can customize the colors as well as the font.
  12. Under the TEMPLATE section, you can enter any CUSTOM CSS that you want to the project. I typically add a few different things, but if you are not familiar with CSS, you would just ignore this section.
  13. When you’ve made all of your design changes, make sure to select SAVE ALL CHANGES. You can then preview your layout in the LIVE PREVIEW tab.
  14. The ADVANCED TAB section is where you can put scripts and custom HTML. I very rarely use this part.

Creating a Coming Soon Landing Page in WordPress

If you are a brand or business who will have a landing page up for a couple of months, you might be interested in the Pro version. I have never used the pro version. I’ve found that I’m able to customize the landing page to my clients’ needs. However, if you are not that tech savvy, the pro version might be the help you need!

  • Meet Lindsay Humes

    Hi! I’m the designer and owner behind White Oak Creative. I partner with creative entrepreneurs, lifestyle publishers and content creators to design the best brand identity to grow their audience and brand. My blog is full of resources on Branding, WordPress, SEO, and more!

    Subscribe to the Design to Grow Newsletter

    6 thoughts on “Creating a Coming Soon Landing Page for Your New Blog!

    1. lizzy

      This is amazing! Thank you so much for the tips, I was thisclose to tearing my hair out trying to set up an acceptable free landing page.

      Question: do you know how to incorporate Mailchimp into this template so that I can collect email addresses while I set up?

    2. Toyin Alli

      Thank you so much for this post! I’m in the process of rebranding and relaunching my blog and I’m still trying to figure out this landing page and Mail Chimp thing. Your post has really helped me and I can’t wait to start designing my coming soon landing page. I would like to add a Subscribe section to my landing page. Is it as easy as copy and pasting the same code from my widget into to my Post body while HTML is selected?

      1. Lindsay | White Oak Creative

        Thanks for your comment, Toyin! You can copy and paste the saem widget code to the body. Or you can embed a naked form into the body text (Go to FORMS < EMBED FORMS < Select the NAKED FORM). You can then style it through Coming Soon Plugin!

        The other options is to add a link to the subscribe page. I have had clients do both with the same amount of success!

    3. Pingback: Read & Recharge #2 - Ginger & Co.

    Leave a Reply

    Your email address will not be published. Required fields are marked *