How To Add Affiliate Links into Images, Words & Text

hostgatorWant to make a Million with your Blog?  Of course you do! How? Add Affiliate Links, and start earning Commissions with your Blog – today.  But…how do you add your personalized URL into Images and into words in your articles?  Yet again, it’s easy – once you know how! Yes!

What Is An Affiliate LInk?

It’s your ticket to your First Million, and then your Second Million too!  An affiliate link is a unique identifying URL that Affiliate Programs assign to you personally when you join their Affiliate Program.

If you learn how to add your links from a number of affiliate programs, and learn how to market your Affiliated products effectively, you can make really big bucks.  In fact Affiliate Marketing is one of the most popular and profitable ways to make money online.

What Is Affiliate Marketing?

Affiliate Marketing is a way for blog owners to make money online by selling other people’s products for a commission on sales.  Here’s a basic over-view of how it works:

1. You sign up for a company’s Affiliate Program.

2. The Affiliate Program gives you a unique URL that links your name and account details to their products.

3. You write riveting articles that encourage, persuade, convince, bludgeon your readers into wanting to buy the Products made and sold by your Affiliate’s website.

4. You very helpfully embed (add) your personal link to that Affiliate program’s products into a word, or line of text, or image in your article. This allows your readers to click on that link to the Affiliate’s products from your website.  This means they are using your link.

5. When your readers click on that link from your website with your personal Affiliate URL already embedded in it, and then go on to buy a product from that Affiliate, the Affiliate pays you a Commission. Easy, right?

Your Unique Affiliate LInk is Your Secure Ticket to Mega Stardom & Untold Wealth!

Disclosure: ‘Untold Wealth’ could be anything from 2 cents to 2 Million – that’s exactly why it’s called ‘untold’ .  Neat, eh?

But I digress…..That personal identifying URL link that you have already embedded into the word, line of text, or added to an image on your blog, automatically tells the Affiliated Company that you were the person who sent them that sale.  This means that the company ‘knows’ that you are the person who should receive the Commission on that sale.

Commissions, of course, come in all shapes and sizes, but it’s all good, honest, well earned cash.  It sounds like an easy way to make money online, but to do it successfully there’s lots of information and selling tactics that need to be understood.

But, before you can make even your first cent from Affiliate Marketing, you need to know how to add your affiliate links into Texts and Images.

First, I’ll explain how to add Affiliate Link URLs to Text, and then how to add Affiliate Links to Images.  Lastly, I’ll cover how to add Affiliate Banners into a Post or sidebar using your Affiliate’s HTML Code. (Don’t panic, not all HTML is scary )

For a more detailed step by step article on How to Add Affiliate Banner Ads To Your Blog using HTML Code, see: How To Add Banner Ads To Your Blog.

How to Add Affiliate Link To Text

1. Using your mouse, select your word or couple of words where you want to embed (add) your affiliate link.  For example, the phrase: ‘List Building Simplified’.  I just typed that, so it has no affiliate link added to it yet.  Now I have to select it with my mouse:

2. With your Target/Anchor Word  still selected, (List Buliding Simplified in this example) Click on the Insert LInk icon in your rows of Formatting icons, and you will see the ‘Insert/Edit Link‘ drop down box.

Format icons

  1. Enter your Affiliate Link URL into the Destination URL text box.

Add url text box

2. Check the Open in New Tab box

3. Click Add Link.  All done – Easy as.

Now check out your phrase you tried to add a link to: List Building Simplified. Is it ‘Hot’? Yes! It certainly is!  Now we’re cooking with gas – onward friends!

Here’s another example, the word ‘Hostgator’ which has no link added to it yet.  I’ve just done that sequence of actions above, with the word ‘Hostgator’ and now that word has my affiliate link added into it. If you click on that link (please do), you will be able to get I month’s Blog Hosting for just 1 cent.

That’s because I’ve already organized a Special Discount Coupon with Hostgator to give my readers the chance to get an almost free ‘One Month Free Trial’ of the best Blog Hosting you can get on the internet.

I use ‘Hostgator’ myself and have found that it deserves its No 1 Ranking for Web Hosting Services.

How Do I Get The One Month For 1Cent Website Hosting Deal?

If you click on the link, ‘Hostgator’ and add the words ‘1 CENT’ during signup, you will get one month’s almost free web-hosting.  That means you get an almost-free trial, and can see if you like blogging at almost no cost.  After your 1 month of full access, you can choose to continue blogging with ‘Hostgator’ or cancel at any time.

Making the decision to start blogging, and getting a Blog Host, is the biggest hurdle for Beginner Bloggers to get over.  It’s not difficult to do – it’s the decision to actually ‘do it’ that stops many people from getting into the action. This 1cent starter price takes the financial dis-incentive out of the equation completely.

So if you take the plunge, and take advantage of this One Month Special Offer’ you can ‘suck it and see’ at no cost  (‘suck it and see’ is an ancient Aussie saying which, roughly translated means, ”Ave a go, yer mug!’)  I think that if you sign up for 1 month’s free blogging, you will never look back.

How to Add Affiliate LInk to Images 

This is slightly more tricky, but not difficult once you know how.

Here is a graphic I found at the website of one of my own personal blogging gurus (I only have 3 people I would call my blogging gurus, so this guy is worth checking out), which I saved with a screen shot, which I can upload using the WordPress Upload Image tool:


There is no link embedded or added to this image yet.

Now I’ll go through the process of uploading it again, but this time, I’ll be adding my Become a Blogger Affiliate link into it.

First I upload the unlinked image into the WordPress Visual Editing Screen again (because this is a demo). Then:

1. Left click on the image in your WordPress Visual Editor screen.

2. Left Click on the blue Edit Icon that becomes visible at the top left hand corner of your image after you’ve clicked on the image while it is in the Visual Edit Screen on your Dashboard.

3. Delete the Link URL that was automatically added in the Link URL text box: see arrow below

Link url blank

4. Paste the URL of your Affiliate Link that you got from your Affiliate, into that blank Link URL box.

5. Click Update.

All done!  Easy As!  Now I have added my Become a Blogger Affiliate link to the image you see below.  That is how you add a link to an image – any image.


Using this method, you can add any link to any image that you find anywhere.  For example any image you upload to your blog, including images you purchase, or photos you take yourself, or photos you find at Flicker (Attribution License).

Ninja tip: you won’t get sued for copyright violation if you stick to those 3 sources for all your images.

If you are able to design your own forms or banners, you can use this ‘Add Link to Images’ method, to add your personalized Affiliate Link into them, or a Link to a download page or any other type of link you choose.

How To Add Affiliate Banner Ads With HTML Code Supplied By Affiliate Program

Many Affiliate Programs you join will provide you with a selection of Banner Ads of various shapes and sizes that you can use on your blog.  These Banner Ads will have your personal Affiliate Link already added to them by the Affiliate Company’s software.

If you want to use one of these Banner Ads, you need to take the HTML for your personalized Banner Ad that they give you, and upload that HTML into your post or widget – you don’t need to go through the same process as above.

Here’s how you do it:

1. Affiliate Programs provide you with the HTML Code for ready-made Banner Ads.  They will give you the Banner Ad in the form of HTML Code, after you have joined their Affiliate Program.

HTML Code is a computer language that computers and geeks understand. The rest of us (like me) do research, and follow instructions whenever we need to use HTML (I’m working on it, OK?!) .

For example, when you upload the HTML for your Banner Ad into your Post, your computer plus WordPress will automatically translated it so it appears as the Banner Ad Image on your blog. The HTML Code you receive from your Affiliate Program will already have your Affiliate Link URL included in the HTML.  If you scan through the HTML Code, you will see it there.

2. Upload your Banner Ad Code by clicking on the HTML Code Tab (which is now unhelpfully called ‘Text’ – Why, WordPress?) at the top right hand corner of your WordPress typing/editing area.  It’s the tab that’s next to the Visual Tab, which is what you would normally be using when writing your Posts.

HTML tab

3. Then you locate the place in the Code of your Post where you want to upload the Banner Ad/Image.  Place the cursor there by left clicking at that place.

4. Then copy and paste that HTML code into the page of HTML Code

5. Click update, then Click on the Visual tab again at the top right of the screen and you will see you uploaded image as a real Image/Banner. Brilliant! Congratulations!

This Banner Ad will have your Affiliate Link already added to it, so all you need to do now, is just kick back, put your feet up, and wait for the money to come rolling in. Nothin’ to it!

Alright!  No excuses now!  Go out there and make your fortune with Affiliate Marketing .

              …………Cue Motto!

Plan Well.  Start Small Think BIG!

If you enjoyed this post, please click the Like button on the Left. And consider subscribing to the RSS feed to have future articles delivered to your feed reader, or by Email.


How To Add Affiliate Links into Images, Words & Text — 31 Comments

  1. Pingback: Design BANNERS & FORMS With Mac Word: Easy & FREE!

  2. Pingback: How to Add Nofollow Links to Blogroll, Feedburner & Sidebar Widgets

  3. Thank you very much for this article. This information you provided will be very valuable to me since I just started a blog and belong to several affiliate programs. I have a lot of questions and this particular question was answered and explained beautifully. And yes, I think Leslie Samuel is the the bomb also:-)Thanks again for sharing such valuable information.

  4. Hi Carol,i am unsure about conversion tracking i have launched a few Max Bounty campaigns Cpa ads i have had 2000+ clicks,Ctr 60% but not 1 conversion.I did not put any tracking on the campaigns i am using Adfonic for my PPC traffic.I am comfortable with a the process for setting up campaigns but am unsure when it comes to tracking,where to place pixels,how to append landing pages do i use filezilla, wordpress…i fear i have put no tracking on the registration pages of the ads and have therefore missed out on potential commissions could you pls pls help with thi final piece of the jigsaw??

  5. Thank you . As a newcomer to affiliate marketing I found this article most useful

  6. Pingback: Tutorial: How to Add Links & Use Anchor Text in WordPress

  7. Thanks for this very well written article. I will apply your tips with my affiliate program with Amazon. As commented in a previous comment, I also believe that a product review can be very effective if seriously made, especially if the blog readers trust the author…

  8. I am really loving the theme/design of your site. Do you ever run into any internet browser
    compatibility problems? A number of my blog readers have complained about my site not operating
    correctly in Explorer but looks great in Firefox. Do you have any suggestions to help
    fix this problem?

    • Thanks Dan, unfortunately I don’t have any tips on browser compatibility – I’m sure a google search will give you some answers. So far I haven’t had any similar problems myself.

  9. Hi outstanding blog! Does running a blog such as this take a massive
    amount work? I’ve virtually no expertise in computer programming however I was hoping to start my
    own blog in the near future. Anyways, if you have any recommendations or tips for new blog owners please share.
    I know this is off subject however I simply wanted
    to ask. Many thanks!

  10. I’ve been surfing online more than three hours today, yet I never found any interesting
    article like yours. It’s pretty worth enough for me.
    In my opinion, if all site owners and bloggers made good content as you did, the net will
    be much more useful than ever before.

    • Yes Ben, I use Hostgator for both my blogs and they give good reliable service with excellent 24/7 support with online chat, but also via telephone and email if you prefer. I use the online chat facility if I need them to fix anything for me, and I get through to chat/type with someone within a few minutes every time.

  11. Affiliate Marketing is by far, one of the easiest ways to make money online. It is a revenue sharing business relationship between the affiliate who agrees to promote the products or services, and the merchant who offers them.

  12. First of all, I have a site with simple site. I already put it out there for people to see and would like some one to take a look at it and tell me if there is anything else I need to do to make it better. also, I am not computer savy when it comes to copy and past. I joined link share and now I have 16 advertisers to deal with. I watched just about all the vidoes about this and this is my question. Do I need to put my, lets say ashmarie1341 in the favorites bar or the advertisers that I am working with. Please help I am very confused.

Leave a Reply

Your email address will not be published. Required fields are marked *


* Copy This Password *

* Type Or Paste Password Here *

243,405 Spam Comments Blocked so far by Spam Free Wordpress

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>