CREATING A COMING SOON LANDING PAGE FOR YOUR NEW BLOG

Nov 4, 2016 | web design, wordpress

Guide To Creating A Landing Page Before Your Blog Launch!

You can find hundreds and hundreds of different tutorials on how to install WordPress and different themes (I’ve written one post about it here). The reality is that you likely will launch your blog on the same day that you set it up. Believe me!

Once you have decided to START A BLOG and setup a site, it is only right and appropriate to want to set up a coming soon page at first. A coming soon page allows you to generate interest about your blog before you actually decide or plan to launch, get comfortable with the WordPress dashboard (play around with buttons and options), setup your static pages, and build up a number of posts before you launch. I recommend that new blogs launch with between 4-5 posts per week.

CREATING A COMING SOON LANDING PAGE FOR YOUR NEW BLOG | Guide To Creating A Landing Page Before Your Blog Launch | nataliesbox.com

In order to create and set up a coming soon landing page for your blog, you will need the following:

 

  1. DESIGN ELEMENTS
    Blog Logo: Recommended → no bigger than 600 pixels wide
    Brand Colors: You will need a color for the background, for the text, and for your internal and external links
    Fonts: I usually recommned to start with standard fonts like Arial or Arial Black
    Background Photo: this particular element is optional but if you decide to add a background photo this should be 2000 pixels wide.
  2. CONTENT
    Text promoting your new blog
    Relevant Social Media and Sign-up links

How To Create A Coming Soon Landing Page

  1. Go to your WordPress Dashboard, go to PLUGINS → ADD NEW.
  2. Enter “COMING SOON” into the Keyword Search box (located in the right part of your plugin page). Coming Soon Page & Maintenance Mode by SeedProd plugin should come up first. You can now select INSTALL NOW. Follow the steps to install and activate this 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 your styling.
  6. Under HEADER section, you will enter your FAVICON, SEO TITLE, SEO META DESCRIPTION, GOOGLE ANALYTICS CODE (click here for a tutorial on how to install Google Analytics on your blog).
  7. Once you have entered in all this content, select SAVE ALL CHANGES. You have 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. If you use a photo, make sure to check RESPONSIVE BACKGROUND. This feature will allow the image to be the full size of the browser on each device.
  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 – which is 600 pixels.
  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 have made all of your design changes, 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.
     

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 because I never had to actually. I have found that I am able to customize the landing page to my clients’ needs with just the free version.

If you need help with anything please let me know in the comments or by email. I would be happy to help you.

Until next time, 

blog-post-signature

Hi! I’m Natalie, web designer, developer, and founder of Natalie’s Box.

This blog is a mix of business and fun – full of helpful tutorials and inspiration.

flower-icon-2

Natalie

Owner of Natalie's Box, NataliesBox.com