• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Tips and Tricks HQ

  • Home
  • Blog
  • Projects
    • All Projects
    • Simple WP Shopping Cart
    • WP Express Checkout Plugin
    • WP Download Monitor
    • WP Security and Firewall Plugin
    • WP eStore Plugin
    • WP Affiliate Platform
    • WP eMember
    • WP Lightbox Ultimate
    • WP Photo Seller
  • Products
    • All Products
    • Checkout
  • Support
    • Support Portal
    • Customer Only Forum
    • WP eStore Documentation
    • WP Affiliate Software Documentation
    • WP eMember Documentation
  • Contact

How to Create A Landing Page In WordPress

You are here: Home / Shop Admin Tips / How to Create A Landing Page In WordPress

Last updated: February 13, 2013





The more you play with WordPress and dare to venture past the obvious features it offers, the more you will discover how flexible and full of useful functionality it is.

In this brief tutorial we will be taking a look at how you can use the power of WordPress to manipulate output on a page by creating your own special page template which could potentially be used for landing or sales pages.

For example, you might want a specially formatted page which will serve as your landing page where you want to remove sidebars, headers and other distractions.

This tutorial expands upon the concepts which were introduced in another post we made regarding page templates and introduces a few more useful tricks you can use when developing themes or plugins.



Before we start, it’s best to explain what we will try to do.

After we finish this little exercise we will convert a typical WP page into a more sales-friendly and less cluttered format as shown in the before and after images below:

Landing Page Before

landing page before

Landing Page After

landing page after

To achieve the above outcome, we will leverage the power and flexibility of WP to create our own unique way of displaying a page.

Also, an important thing worth mentioning is that we will not be hacking any theme files and as a result this will make our lives a lot easier when updating the theme version in the future.

Useful Tip: When designing our child theme and custom page template we used FireBug for the CSS investigations to determine which components needed modifications and which existing elements we wanted to remove.

If you are unfamiliar with using FireBug you can use any of the many good tutorials online or see our firebug tutorial.

So let’s get started…

Click on the following links to open/download the Landing Page Creation in WordPress Tutorial

  • How to create a custom landing page in WordPress
  • Download the exercise files

Check out our eBook on how to create landing pages that convert.

Related Posts

  • WordPress System Integration 101
  • Maximize Revenue 101: Should You Lower or Increase the Product Price to Increase Revenue?
  • How To Easily Add Google Web fonts To Your WordPress Theme
  • Awesome Tips on Writing Headlines for Your Articles and Landing Pages

Shop Admin Tips,  Web Design create a landing page,  landing page tips,  landing page tutorial,  Wordpress,  WordPress landing page

Reader Interactions

Comments (8 responses)

  1. admin says:
    June 5, 2013 at 8:06 pm

    The following function call shows the title of the page. So you can remove the line that outputs that code and it won’t show the page title anymore.

    the_title()

  2. Jennyfer says:
    June 5, 2013 at 4:22 pm

    I’m trying to get rid of the tile of the page, How could I do it with this landing page?

  3. Alina says:
    March 5, 2013 at 10:03 pm

    Great post! This is very helpful in freshman online entrepreneur like me. Looking forward to your another post.

  4. outlr says:
    March 4, 2013 at 2:30 pm

    This info is good for the webmaster who are using word-press.Good Work

  5. John says:
    February 15, 2013 at 5:14 am

    hey guys,

    some marketers still don’t understand the power of landing pages and think that just asking for the order or email on a page makes that page a landing page…

    well, to me, an effective landing page needs to have zero distractions: no header, and no borders – just like you’ve said! – and focus on “selling” the sign-up or the sale. Plain and simple…

  6. admin says:
    February 13, 2013 at 5:51 pm

    @Rafal, No you don’t need to install on a subdomain. You can do the whole thing on your existing WordPress installation. That is the beauty of customer WordPress page templates. You can create as many custom landing pages as you want on your existing WP Install.

  7. Rafał says:
    February 13, 2013 at 2:20 pm

    Another great tips from You. Thanks for this. If, i have one blog with premium themes, but want make Landing Page like you write, a have to install another script on subdomain or in catalog. Isn’t it?

  8. Justin says:
    February 13, 2013 at 8:28 am

    Very nice and detailed tutorial on creating landing pages. Thank you for sharing.

Leave a Reply

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

Primary Sidebar

Featured & Popular Articles

Video Answers to Top WordPress QuestionsWordPress Optimization Tips and Tricks for Better Performance and SpeedEssential WordPress Security Tips - Is Your Blog Protected?WordPress Simple PayPal Shopping Cart PluginTop 15 Search Engine Optimization (SEO) Techniques I Forget to DoList of the Best and Must Use WordPress PluginsHow do I Start a Blog and Make Money Online?Good Domain Name Picking Tips for Your Blog SetupFind Out Which WordPress Web Hosting Company Offers the Cheapest and Reliable Web Hosting Solution

Featured WordPress Plugins

wordpress estore plugin
wordpress membership plugin
WP Express Checkout Plugin
WordPress Lightbox Ultimate Plugin
WordPress photo seller plugin
wordpress affiliate plugin

Recent Posts

  • Accept Donations via PayPal from Your WordPress Site Easil [...]
  • Buy Now Button Graphics for eCommerce Websites [...]
  • Subscription Button Graphics for eCommerce Websites [...]
  • Adding PayPal Payment Buttons to Your WordPress Sidebar Ea [...]
  • PayPal QR Codes [...]

Comment & Socialize

  • @Rodrigo Souza, Thank you f ...
    - admin
  • The example for 'slm_add_ed ...
    - Rodrigo Souza
  • @Ron, All the valid transac ...
    - admin
  • Hello, when people have sel ...
    - Ron
  • We have hte following featu ...
    - admin

Check out our solutions

View our WordPress plugin collection and start using them on your site.

Our WordPress Solutions

Footer

Company

  • About
  • Privacy Policy
  • Terms and Conditions
  • Affiliate Login

Top WordPress Plugins

  • Simple Shopping Cart
  • PayPal Donations
  • WP Express Checkout
  • WP eStore
  • WP eMember

Blogging Tips

  • How to Start a Blog
  • Selecting a Good Domain
  • Cheap WP Hosting
  • WP Video Tutorials
  • Simple SEO Tips

Search


Keep In Touch

Copyright © 2023 | Tips and Tricks HQ