| Get my new Guide to Truly Make Money Online (PDF) for $7 with no fluff or fillers. Download Now! |
This Post Will Show You How To Avoid This 
If you would prefer to avoid the CSS coding belowen checkout this pre-made Wordpress Sales Page Theme
Today marked the day I threw my hat back in to the PPC ring, more specifically Google Adwords. Like I said before, I do think I can have some success with the program but first I had to create a landing/lead capture page optimized for the product. The page needed to have a very clear call to action and not be “noisy”. When I say “noisy” I am referring to other page items that could draw the users’ attention away from the call to action such as ads, miscellaneous link, and widgets. So today’s lesson will be how to create an effective landing/lead capture page within your wordpress site.
Since I was already shelling money out for the Adwords campaign, I decided that I would create my own page as opposed to paying somebody more experienced. Heck, I could use the practice and it turned out to be easier than I thought.
To begin, you will need create a page within your site and add a custom field. You can name it whatever you like. I kept mine simple and named it “landingpage”. To accomplish this, go and create the page within your site just as you would any other and add field “landingpage” in the “custom fields” field.
Next you need to go into your CSS and add some code to strip this page bone dry of anything that can distract your prospect. The code that needs to be entered is below:
.landingpage #header { padding: 0; border-bottom: 0em; }
.landingpage #footer { padding-bottom: 0; border-top: 0em; }
.landingpage #footer { display: none; }
.landingpage #sidebars { display: none; border: none; }
.landingpage #tabs {display:none;}
.landingpage #content_box { background:none; }
.landingpage .comments_closed p { display: none; }
.landingpage #header #logo { display: none; }
.landingpage #header #tagline { display: none; }
.landingpage #content { margin: 0 auto; float: none; }
.landingpage #content .before_content { display: none; }
.landingpage .headline_area { display: none; }
.landingpage .before_content { display: none; }/*This code will make the page headline large, bold and centered*/
.landingpage #content h2, .sale #content h1 { font-size:30pt; text-align:center; font-weight:bold; }/*This will center your content in a nice box*/
.landingpage #container { width:650px; margin-top: 1em; border: 0.2em solid #000; }/*This will give the yellow background when someone hovers over a link. A very good sales letter effect*/
.landingpage a { color: #0174DF; }
.landingpage a:hover { color: ; background: #FFFF00; }/*This will put a background color outside your text box, which will make your text stand out more*/
.landingpage #page { background: #fff; }
body.landingpage { background: #0174DF; }
Once that is done you simply need to design the page to your liking. Keep in mind that you want to be very clear about the product you are advertising and any bonus incentives as well. I would definitely recommend offering some type of incentive for your prospect to ensure that they are interested. Adding photos of your offers will definitely help the conversion because people like to see what they are getting.
You can check out my landing page below and get an idea of what I am talking about. With this being my first attempt at creating copy for a page and advertising this product through these means I am sure I will make revisions in the future to better my ROI. But until then enjoy!
Check out my landing page!
Photo Credit: BlogKori
