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"]
Give this a shot next time you need to build a quick LP and you might be surprised how well it performs!