5 Minute Landing Pages

ddddddddddddddddddddddd

In a previous post, I talked about building 3 landing pages in 20 min. That post was specifically about PPV traffic, but those types of landing pages can be used on a variety of traffic sources. Most of you know, I like to keep things really simple with landing pages. I find that perform the best and require little time or technical know how to build.

Here’s a very simple way to build a screenshot style landing page in just a couple minutes using Pixlr, a free online graphics tool. Pixlr is like a stripped down version of Photoshop.

1. Install the Pixlr grabber

The Pixlr grabber is an extension for Firefox or Chrome. This is what you’ll use to take a screenshot of the offer page.

2. Find a good offer for the screenshot method

Not all offer pages lend themselves to this technique. The ones that do have a nice clear area to cut that fits nicely in a (rough) square. Here’s an example of an offer page that would lend itself to this technique:

3. Screenshot & Edit

Once you find an offer page to make an LP out of:

Go to (in your browser) tools –>Pixlr Grabber–>Grab a defined area and drag a rectangle around the area you want to crop. I usually don’t take the whole page, just the ‘main’ section like so:

Once you crop the area you want, click ‘crop’ and then ‘edit in Pixlr.com’. This will open the image in the Pixlr editor.

The first thing we want to do, is get rid of the form on the right. To do that:

1. Select the rectangular drawing tool
2. Set the border size to 0
3. Change the color to white
4. Drag a box over the form to white it out

Now that the form’s gone, I’ll replace it with a few bullet points. To do that:

1. In the top menu go to Layer–>New Layer
2. Select the text tool
3. Click the area you want to add text and start typing

In the box that pops up, you can change the font, size, and color of text. Click ok and your text will be there. Sometimes you’ll need to move it around. To do this select the ‘move tool’ by pressing ‘V’ on your keyboard or selecting it from the top right of tools. Click on your text, and drag it where you want.

This offer page has a call to action so we don’t need to add one. If it didn’t we can make a simple button:

1. Select the rounded rectangle drawing tool
2. Set the radius to 25 (or whatever you think looks good)
3. Click and drag where you want the button

You can add text to the button by following the same instructions above. Now all you have to do it go to File–>Save and save the image to your desktop. Open up your favorite HTML editor, put the image centered in the page, link it with your tracking links and you’re done.

If you want to see this in action:

[kml_flashembed publishmethod="static" fversion="8.0.0" movie="http://www.kingopops.com/screenshots/2012-09-18_1406.swf" width="640" height="480" targetclass="flashmovie"]

Get Adobe Flash player

[/kml_flashembed]

Give this a shot next time you need to build a quick LP and you might be surprised how well it performs!

by David

David Ford has been involved in affiliate marketing for over 10 years. He is the owner and founder of the Aff Playbook forum.

  • http://www.engage-2012.com/ Thomas

    This is a really good guide on landing pages. I’m sure that I will try to do one on my own. It could save people a lot of time doing them. Why to do something complicatedly, when it can be done easily…? :-)

    Thanks for this post.

  • http://www.mrearn.com Mrearn

    I truly mean this, absolutely brilliant !and a easy step by step way of building landing pages I think this post should be highlighted everywhere. Huge thumbs up, now I will get my eyes of this post and on some serious campaigns.Btw, never would of thought to use Pixlr so i thank you for your effort!