Sunday, 21 August 2011

Using Affiliate Banners To Make Money Online

How To use banners on your website or your blog - great little trick that every successful affiliate marketer needs some basic knowledge of. Don't be put off by the tricky language and talk of HTML - I'm going to break this down for my 11 year old son to understand.

Now let's o through some tech talk and what it means:
  • URL = the web page address or the address of the photo (you can right click on any photo to "Copy Image Location" and paste it in a doc somewhere if you need to.
  • BANNER = Fancy tern for a photo that may flicker between images or be static (one photo that stays consistently the same)
  • HTML TAGS = Look like this: <a> And close like this </a>
  • HOPLINK - This is the website address containing your affiliate ID which you receive from Clickbank

You need some very basic knowledge of HTML code, namely the ones like this:

<a href="URL">

In our example, we'll be using a Clickbank hoplink which most affiliates are familiar with.


width="200" length="200"

Some website builders or blogs make it incredibly easy to turn a photo into an affiliate link to the sales page you're promoting but others need you to do it manually.

In our last post, we learned about the <a> tag </a> and how to add the URL (which is the web address or your affiliate link) to the tag like this:

<a href="URL">CLICK HERE</A>

So that all your readers can see is your anchor text or your call to action. We're going to step that up a notch and add a picture to that HTML tag.

We're are going to assume that you are promoting a Clickbank product (most affiliates are familiar with Clickbank but it can be any website URL or affiliate link). When you find a product that you wish to promote, many venders (or merchants) provide an affiliates section to their website. In this section you may find banners, pre-written articles or emails, a long list of keywords etc.

Got it? So if you open up a new tab (or two) right now I'll walk you through what to do because you have a few options here:

You can save the picture you wish to use onto your computer. In your website or blog's control panel (sometimes called a dashboard) somewhere, there will be an option to add a photo to your sidebar or your header.

Most blogs and website builders will ask you to "Browse" for the picture you want to use and offer you the option of adding a title, a caption and a URL.

Insert your affiliate link (your Clickbank hoplink) into area where it asks for an URL.  Save and view the site. Once completed, the system will send people who click on the picture (your new banner) to the URL you have specified.

Make sure you test it before you run off. Click through and pretend to purchase the item to make sure you see that the sale is being credited to you.

Sometimes, this just isn't an option - perhaps the image you have flickers between before and after shots, sometimes the system won't allow you to add the URL or affiliate link to your pictures.

If this is the case, you'll need to look around your control panel or dashboard for something that may be called
  • Custom HTML
  • Insert HTML
  • HTML Widget
  • HTML Module
  • A combination of the above

So, before we go on...checklist! If you haven't already, open a new tab and make sure you:
  1. Have your hoplink (affiliate link) on standby.
  2. Open the Control Panel or Dashboard of the site or blog you want to add teh banner to.
  3. Look an option called "Custom HTML widget" (names may vary) and click on it.
  4. A little box will pop up allowing you to insert a HTML code
  5. Insert you code (i'll elaborate soon).
  6. Save and then check to see if it has displayed the image on your site
  7. Click through, pretend to buy, making ABSOLUTELY SURE that you can see your name displayed at the bottom of your "Clickbank Marketplace" purchase page or that the sales page has something like affil=yourname in the address. (Don't ask!)
 The HTML code you need to insert should look something like this:

<a href="clickbank_hoplink"><img_src="url_of_image" height="200" width="200"/></a>

A real life example looks like this:

<a href=""><img src="" height="200" width="200"/></a>

It contains
  • my hoplink (feel free to use it...hehehe),
  • the URL of the banner (I found that picture at the merchants affiliate page, the merchants site is called Fix Your Sexless Marriage - you can see it in there)
  • And then it specifies the size of the picture or banner, in this case is a small 200x200.
So you have your hoplink?

And you have copied the "Image Location" of the picture you want to use?

Picked a width and length?

Then wrap it together with the HTML tags you see in the example.

Easy, right? (^_^)

Completely different language, isn't it? Whoever said that making money online is easy...they LIED to you. Making money online requires attention to detail and a basic knowledge of not only salesmanship, writing and publicity but tech talk too.

The first time you do it, it's confusing and slow work but you soon get the hang of it. This really is worth learning however - it opens up so many new doors. Imagine the bottom of your blog post, you take a tiny images like this....

And turning them into links that contain your affiliate ID or even just a link back to your website. How cool is that? Surely you see the potential - it's not just adding a few pictures to the side of your blog or your site. I use these HTML tags a LOT. You will too.

Leave me a message if you need me to explain it a little more!

No comments:

Post a Comment