Amazon Affiliates
Now Reading
How to Insert Amazon Product Ads in WordPress Posts
30

How to Insert Amazon Product Ads in WordPress Posts

updated by DeOren Ra-Ki RobinsonJuly 11, 2013
by M. K. SafiDecember 8, 2010

So, you want to insert Amazon product ads some where in your WordPress blog posts (like the screenshot below).

Maybe you want to insert the ad at the beginning, in the middle, or at the end of your content. I assume you want to manually pick and choose products from Amazon.com to insert into each post you write, right? Because if you’d rather have the Amazon ad automatically displayed (while sacrificing a bit of control over what’s displayed), I have another guide for that.

show-amazon-product-within-post

You can insert Amazon product ads by:

  1. using the tools of the Amazon Site Stripe, or
  2. you can utilize WordPress plugins

If decide to go with Amazon Site Stripe, you’ll have to visit Amazon.com and navigate to the product and copy Amazon Associates embed code that is provided to you by Amazon. Alternatively, with WordPress Amazon plugins, you just enter the ASIN and the plugin will be your interface with Amazon.

Manual Amazon Product Linking

Amazon Associates Central has already made it very easy to link to their products from any web page.

If you’re logged in to Amazon Associates Central, you’ll see Amazon Site Stripe when you are browsing products on Amazon.com.

Using Site Stripe you can create text links, image links, or enhanced display links (like the screenshot above) and embed those associate links into your WordPress post content.

Here’s a quick overview:

The HTML code you get will look something like the one below. Copy the code given to you by Amazon.

<iframe src="http://rcm.amazon.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=ms084d-20&o=1&p=8&l=as1&m=amazon&f=ifr&md=10FE9736YVPPT7A0FBG2&asins=1402712162" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>

Edit your WordPress post

Go to WordPress post editor and switch to HTML view.

wp-html-editor

Now find a spot in your post where you’d like to add the product link, and, in that spot, paste the code that you got from the previous step.

For example, I added the code at the very beginning, and here’s what I got:

product-not-aligned-screenshot

Notice how there is big empty white space next to the product ad. It’s ugly. We can fix that by getting the text to wrap around the ad. Simply add the CSS class alignleft or alignright to your iframe tag.

For example, in the WordPress HTML editor, I modified my code to this:

<iframe class="alignleft" src="http://rcm.amazon.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=infoabouduba-20&o=1&p=8&l=as1&m=amazon&f=ifr&md=10FE9736YVPPT7A0FBG2&asins=1402712162" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>

And now my product ad in the post looks like this:

show-amazon-product-within-post

Much better, I think.

Note: if you switch editors back and forth from HTML to Visual, WordPress could mess with your iframe code. If you want a reliable way to keep your iframe from being messed with, I strongly recommend that you install and activate this plugin.

Similarly, you can insert text links and image links to your WordPress posts manually.

Use WordPress Plugins to Show Amazon Product Ads

Instead of adding Amazon ads manually, you can utilize WordPress plugins. Plugins let you more conveniently insert ads, control how the ads appear, and whole lot more.

Most of the plugins below allow you to insert Amazon products conveniently using a shortcode.

The shortcode usually looks like [amazon]XXXXXXX[/amazon] where XXXXXXX is the ASIN.

You can insert the shortcode any where in your posts. The plugin will do the rest of the work. It will replace the shortcode with an Amazon product.

All the plugins listed below allow you to style and customize the appearance of the ad. So here’s the list of plugins — along with a screenshot of each one’s default ad style and a brief description:

phpZon

phpzon-screenshot

phpZon is very versatile. The screenshot above is of the most basic ad format it can display. phpZon allows you to also display product description and features. This plugin doesn’t only allow you to insert an Amazon product ad, it is capable of powering full Amazon-based affiliate stores using WordPress, so it maybe an over kill for you. Anyway, you can download phpZon here >>

AmazonSimpleAdmin

amazonsimpleadmin-single-product

AmazonSimpleAdmin is a free WordPress plugin. It can display a single Amazon ad, like the one above, or multiple ads. Download AmazonSimpleAdmin here >>

Amazon Product in a Post

amazon-product-in-a-post-screenshot

Amazon Product in a Post is the plugin I used in creating a WordPress Amazon store for free. It’s a great plugin, but the way it displays ads can be garbled by the theme that you use. You may need to adjust the appearance of the ad manually. Download Amazon Product in a Post here >>

WordPress-Amazon-Associate

wordpress-amazon-associate-plugin-carousel

WordPress-Amazon-Associate (WAA) is a cool WordPress plugin that lets you easily insert Amazon widgets right from your WordPress post edit screen. The screenshot above just shows the carousel widget. WAA can also insert MP3 Clips Widget, My Favorites Widget, Search Widget, and Omakase Widget. Download WordPress-Amazon-Associate here >>

ReviewAZON

reviewazon-in-line-screenshot

ReviewAZON is another plugin that can do whole lot more than inserting single product ads within posts. You would choose this plugin over others if you didn’t want to be limited in how you integrate Amazon products with your content in the future. Download ReviewAZON here >>

What's your reaction?
Wink It
0%
Interested
0%
Meh...
0%
What?
0%
Sad
0%
Kill It
0%
About The Author
Profile photo of M. K. Safi
M. K. Safi
30 Comments
1 2

You must log in to post a comment