How to Add Amazon Links & Images to Your Pages
Posted by: Adriana Post date: January 18th, 2010Earlier today, I was talking to Jeanette Hauser from Anything Goes Gourmet about how to insert links to Amazon.com
I am sure there is more than one way to do this, but here is how I do it.
Let’s say I want to link to a Wireless USB Plantronics Headset
Here are the steps I usually go through:
1. Find the item I want to add to my page on on Amazon.com
2. Click on the HTML tab here in my WordPress, so I can add the code (if you add it into the visual tab you’ll end up with code on your page, instead of a picture or a link)
3. If I want my picture to be surrounded by text, I’ll add this code: <div style=”float:left;margin:15px;”></div>. It will give me the option to align the picture left or right, whichever fits my page better, and also gives me some white space around the image, so that the text doesn’t go up to my picture.
4. Then, I’ll go to Amazon.com and get my code. If you are logged into your account, you’ll have a stripe at the top of your page, and you’ll need to click on the “Link to This Page” link.
Once you click on that link, you’ll get a pop up window, like this:
Make sure you choose the tracking ID specific to the project you are working on, so you can track where your sales are coming from. You can create tracking IDs specific to a site, or even specific to a page. don’t use the same ID on all your sites: you’ll never know what’s working and what’s not.
5. After you choose your specific tracking ID, click on “image only” under “Select Link Type”, and then scroll down to get your code. Click on “Highlight HTML” button, and then click on CTRL + C to copy the code.
6. Now go back to your site, click in between the <div> brackets, and paste the code there.
7. Next, you need to add the image to this link, and you’ll be done. You can add the small image from the pop-up window, or, you can add the larger image form the product page (sometimes there is no small image, and sometimes you just need a bigger image for your page). Right click on the image, and then click on the “Copy image Location”.
Now go back to your post, where you already places your code, and look for the “src=” code, like in the image below. Highlight the code for the image (make sure you get everything between the quote marks, but not the quote marks), and then paste the code for the image location, and you are done. Save your post, and go check it out.
If you want just a text link, when you get to step 5 choose “text only” instead of “image only”. Then, you need to go to “Customize Link” and edit the text in there, making sure it fits your context.
.
Do you have any questions? Feel free to ask them below.
January 19th, 2010 at 6:39 PM
This is an amazing tutorial. I have been using Amazon affiliate program for a few years and never could figure this one step out. I would always do more than I needed to accomplish what you explained above. I cannot believe how simple this was. Geesh! Thank you so much Adriana for the tutorial.
January 19th, 2010 at 9:30 PM
You are welcome Angie! Isn't it funny how we all do things differently? I love learning shortcuts and more efficient ways of doing things myself, so am glad if I was able to help you and others with this one task.
January 20th, 2010 at 12:44 AM
Thanks, Adrianna – this actually makes sense to me and eliminates the step of saving the image. I'm going to bookmark this and next time I need to link to Amazon, I'll follow it. But will these steps eliminate that little circle that shows up on the post? I've been getting rid of it by removing all the code after the in your step 5. But I think that also eliminates the click tracking?
January 20th, 2010 at 1:12 PM
Jeanette, you don't remove any code with the above method. All you are doing is change where you pull the image from. In the code Amazon gives out, they only use the file name, and not the entire URL, so all you are doing is looking for the actual image URL and replacing the file name with it. No tracking is eliminated. Does that make sense?
May 6th, 2010 at 11:23 PM
Hi
I just cannot find “link to this page” under sr 4 above? cOULD YOU PLEASE GUIDE ME
May 7th, 2010 at 8:46 AM
You are an affiliate for Amazon.com, right? If yes, you'll need to log into your account, and after that you'll see a gray strip at the top of all your pages, and “link to this page” is all the way to the left of the page. hopefully this helps.
May 7th, 2010 at 1:15 PM
Yes i could find it now
Thanks a ton
Atul
May 7th, 2010 at 5:15 PM
Yes i could find it now
Thanks a ton
Atul
February 8th, 2011 at 4:15 AM
Adriana – is it allowable under the TOS to link to the image on the Amazon server? The only reason I ask is that it specifically tells you to save the image to your own server. Seems to me that if you were allowed to link to theirs they would just include the full code as they do for the other image types.