How To Put Affiliate Codes On Your Website

by Richard Pargeter on December 7, 2009

I received a question from somebody the other day who was just starting out in affiliate marketing and was getting a bit confused of how to put their affiliate links on their website. So I thought I would share the information with everybody out there. In this example I’ll be using Clickbank but the rules apply to all networks, okay here goes:-

Step 1: Grab your affiliate code.
Once you’ve found a product on ClickBank by searching the Marketplace, you need to click on the Create Hoplink link
Affiliate Code - Create Hoplink
Step 2: Enter Your ClickBank ID
You’ll be presented with a pop up window where you’ll need to enter your ClickBank account username. You can enter a tracking code if you wish (I’ll talk about this in a later post)
Affiliate Code - Enter Clickbank ID
Step 3: Copy your Affiliate Link
Click the Create button and your affiliate link will be created (ClickBank likes to call them hoplinks but they’re the same thing)

Affiliate Code - Get the links

In the image above the highlighted code is the raw link code that you should copy and paste into a text file or spreadsheet so you can use it later.

If you like you can copy the second line of code and you will have a ready made link that says Click Here! like so. (This is an actual working affiliate link so you can see the results…the product is good too)

Step 4: Adjust the text link

The actual html code that creates the link looks like this:-

<a href="http://a73911fnmbjf64copdlbqa00og.hop.clickbank.net/" target="_top">Click Here!</a>

So if you wanted to change the link so that it reads as something else you just need to delete the “Click Here!” and type in whatever text you want.

Step 5: Copy & Paste

Once you’ve got your code all that is left to do is copy it and paste it into your website, making sure the source code view is active in your HTML editor.

That’s it. That’s all there is to including your affiliate link on your web page, in fact this is the code you’d use on any website that you wanted to promote the product on.

Important note: If you go back to Step 3 above and hover your mouse pointer over the Click Here! link you’ll notice that your full affiliate link is displayed in the status bar of your browser. To be more professional you need to consider cloaking your link so that instead it reads something like www.yoursitename.com/recommends/the product This looks so much better and hides any important information that could identify you as the affiliate. Watch out for my next post where I’ll show you exactly how you can cloak your links professionally.

I hope you’ve found this post useful, if you have let me know by leaving a comment below.

3 Responses to “How To Put Affiliate Codes On Your Website”

  1. Free Affiliate Link Cloaking | RichardPargeter.com Says:
    December 7th, 2009 at 8:00 pm

    [...] How To Put Affiliate Codes On Your Website [...]

  2. Katherine Says:
    May 28th, 2010 at 8:52 pm

    Hi Richard, I have a question altho the above information was very helpful. Here is where I’m having my problem. Step 4 is what my code looks like right, the affiliate I am with needs me to put my click bank ID into the link. Where in the link do I do this, without messing up the code. Please help with this.

    PS. Richard with me you have to be very clear, i am new at this.
    Thank you
    Katherine

  3. Richard Pargeter Says:
    May 28th, 2010 at 9:49 pm

    Hi Katherine,

    If I understand your problem correctly to change the link to using your affiliate link all you need to do is replace everything between the double quote marks like this <a href=”YOUR LINK HERE” >Click Here</a>

    Hope that helps,

    Rich

Comments