How to Insert Amazon Widgets in WordPress

Amazon provides lots of useful widgets to its associates at http://widgets.amazon.com. If you want to display one of those widgets on your WordPress powered website, you’re in luck. You have plenty of flexible options to accomplish that.

There are 15 different Amazon widgets:

Search, Carousel Widget, My Favorites, Deals Widget, MP3 Clips Widget, Slideshow, Auto Part Finder Widget, Amazon Blogs Widget, Product Cloud, Wish List, aStore Widget, Search Box, Recommended Product Links, and Omakase.

Each and every single one of them can be inserted in WordPress in at least one of four ways:

Configure any of the widgets above to your liking and copy its code. Then, let’s get started.

Add Widget Code While Writing a WordPress Post

You can add your widget code any where in your WordPress post. At the beginning, in the middle, at the end or at whatever spot you prefer. It’s really easy.

While you’re writing your WordPress post, switch to the HTML editor. Now simply copy your Amazon widget code to the spot where you’d like it to appear.

Add Widget Code by Editing WordPress Template Files

Among all the methods outlined here for adding Amazon widgets to WordPress, this one requires most technical knowledge.

Yet, it provides you with the most flexibility because with this method you can insert Amazon widgets any where on your WordPress powered site: the front page, the header, the footer, between posts, inside post pages, in archives pages…you get the point.

But you do need to have some understanding of HTML and PHP to be able to do this. I’ll show you an example of how to insert an Amazon widget between the header of your blog and the list of posts, like this:

amazon-widget-in-template

In the admin area, go to Appearance >> Editor. And under Templates click Main Index Template (index.php). Now the index.php file is opened up in the editor.

In the screenshot above, I have the Omakase widget. Amazon gave me the following code for it:

<script type="text/javascript"><!-- amazon_ad_tag = "ms084d-20"; amazon_ad_width = "468"; amazon_ad_height = "60";//--></script>
<script type="text/javascript" src="http://www.assoc-amazon.com/s/ads.js"></script>

I pasted that code in the following position of the index.php of my theme TwentyTen.

widget-code-insertion-screen

I also added some in-line CSS for styling. If you don’t know how to do that, then…oh well…here are some good CSS books from Amazon Winking smile

Add Widget Code to WordPress Sidebar

Unlike editing template files to insert Amazon widgets, adding a Amazon widget to the sidebar is really easy.

First, let’s clear something up. WordPress has what’s called sidebar widgets. These are not related to Amazon widgets in anyway — they just share the word widget.

To insert an Amazon widget in WordPress sidebar, use the WordPress sidebar Text widget, which can be found at Appearance >> Widgets of the WordPress admin dashboard. Add it to your sidebar. Now all you have to do is paste your Amazon widget code into the text area of the Text widget.

amazon-search-sidebar-widget

And here’s how that looks on my blog

amazon-search-widget-sidebar-screen

Any Amazon widget can be inserted in WordPress sidebar using this method — just make sure that your Amazon widget is not wider than your sidebar so it doesn’t break the layout of your site.

Utilizing WordPress-Amazon-Associate Plugin

The most up to date and useful plugin in WordPress for inserting Amazon widgets is WordPress-Amazon-Associate (yeah, that’s what the plugin is called). In addition to allowing you to insert and interact with Amazon widgets, this plugin does a bunch of other useful things. But here I’ll just focus on its ability to insert Amazon widgets.

This plugin works with the following widgets:

It doesn’t work with: Deals Widget, Slideshow, Auto Part Finder Widget, Amazon Blogs Widget, Product Cloud, Wish List, aStore Widget, Search Box, or Recommended Product Links. If you want to use one of these, you can use one of the three widget insertion methods described above.

So, first install the plugin and configure it. Now, the easiest way to insert a widget using this plugin is from the WordPress post editor. While you’re in the editor, click on the “a” button and choose the widget that you want to insert.

wordpress-amazon-associate-insert-widget-screen

Now you’ll see the widget configuration screen.

configure-waa-widget

Configure the widget to your liking, click Insert and you’re done!

So, those were the four ways with which you can insert an Amazon widget in WordPress. If you have questions, suggestions, comments or tips, I’d love to hear ‘em!

43 comments. You can post one, too!

  1. Hmm it seems like your blog ate my first comment (it was super long) so I guess I’ll
    just sum it up what I submitted and say, I’m thoroughly
    enjoying your blog. I too am an aspiring blo blokgger
    but I’m still new to everything. Do you have any recommendations for novice blog writers?
    I’d certainly appreciate it.

  2. Thanks , I’ve just been searching for information approximately this topic for a long time and yours is the greatest I have came upon so far. But, what about the bottom line? Are you positive concerning the source?

  3. However, there are several online interfaces available where
    one needs to click on different types of options to send HTML code in email
    or to generate HTML code. It won’t take you extremely long to work out what way to employ it. Decide now because if you are a weight lifter, you will not build the chest that you are looking for.

  4. cheers for the great post! I have been searching for things similar
    to this. ill be subscribing your rss so i wont miss out the good
    things! once again, amazing page remember to keep this up!

    Please pardon me if my english is not good.

  5. Hi, recently im having a similiar problem as one other person. Underneath the title “Amazon Picks” on my blog, i use to have a slideshow of products. It was there for a year, n i even added products a few months ago, n i just checked a few days ago, n the slideshow is no longer ther. When i go back to WP widget, the code is still there.
    After researching on my own, i had a friend open my site from her computer, she also uses firefox, she can see the products/slideshow. I tried Enternet Explorer from my computer, it still doesn’t show the products but i has a big invisible space underneath the title.
    I tried uninstalling Simple Adblock which i thought could be the problem, went back to check my blog, it’s still not displaying the slideshow.
    Plzzz help

  6. Thank you very much!!Now I know how to put the banner correctly :)

  7. HELP

    My amazon widget or something is not working.

    It must be because of some wordpress setting. and it is NOT the minify problem .

    The console section of my store (which is a game-clone amazon affiliate store) is not showing, i have tried checking everything and nothing works. It was working fine yesterday and now nothing. Stressed!

    :O(

  8. Great article M.K. Thanks for the screenshots and the clear explanations. It was just what I was looking for

  9. Great post, very informative.

  10. THANK YOU! I’m favoriting for more information. I didn’t know how to add a amazon widget without embedding it into a wordpress widget and it didn’t look good. THANKS A TON!

  11. Hello,

    Thanks so much for this tutorial; I’ve been desperately searching for some way to insert an Amazon Recommended Reading widget into the sidebar.

    I seem to be having a similar problem to some who have left comments, but it remains unanswered. When copying the amazon.com text into the text area on wordpress, it is automatically condensed into a link. Is there a way to get the full carousel to show? I’d appreciate the help! Thanks!

  12. Hello, can you tell me how I can resize the slide show widget so it fits into my side bar 200px wide
    I have altered the width and height to 200 x 200 px in the code but it does not make any difference.

    Many thanks for any assistance.

    Kevin.

    Amazon.com Widgets

    • M. K.

      There are predefined sizes for the slideshow widget. 200×200 is not one of them. The closest is 250×250. You can see all the possible tweaks and sizes when you create the widget on Amazon.com.

  13. Vinny

    Hi I keep trying “Add Widget Code to WordPress Sidebar” and its not working. I went to my widgets, moved over a text/html widget, pasted my widget code in there and nothing appears in my side bar and If I add my widget title then the only thing that appears is the widget title, the widget is still not showing up. Any help would be appreciated! Thanks!

  14. cyndee

    Hi,
    Thank you !!! after hours of research, your visual tips help me FINALLY, add the amazon widget. Could you explain how i would resize it?
    Thank you!!!

    • Amazon gives you the option to resize some widgets through the control panels that are provided in the associates center.

  15. PS Vita Review

    I try to add product link in my post but have problem about how to adjust align of widget. Please see in my pic, how can I set the widget in the same align of the H3 (The Overall Features…)?

    http://th.image.ohozaa.com/i/e4c/21YZvt.png

    • You’ve inserted the widget correctly. The problem that you’re having has to do with layout and design. It’s a CSS problem. I suggest you get help with your CSS. I can’t do that for you here.

    • Hi THere,
      I have trying to add the amazon slideshow widget code to my sidebar but it is not working. I did read about coding and they don’t accept codes that start with OBJECT. So how do I change the coding so that it will accept the code in the text widget???
      Nicola

    • It seems that the slideshow widget uses the OBJECT tag, which is not allowed on WordPress.com. You’ll have to either find another widget that doesn’t utilize OBJECT, or use WordPress.org instead of WordPress.com.

  16. My Hero!!! Mwaaaaaaah! Thanks so much for this information. I am a newbie at this and you saved my sanity. Amazon should use your tutorial. Thanks again.

  17. Whenever I try to put Amazon Carousel or any other widget in the sidebar, the text that I copy disappears. I have uninstalled all my browser blocker settings. But it is still not working. Is this feature only for self-hosted WordPress bloggers?

  18. Petal

    Hi
    I don’t seem to have “appearance” in my WordPress dashboard. And when trying to add Amazon ads to a post I get an empty square. I only manage to add an Amazon image with no text.
    Help!

  19. Mickael

    Just putting the code created by Amazon.co.uk in the sidebar as a Text widget and in my case, the width that I specified is not taken into account and the pagination appears broken.

    Any idea what could be going on?

    This is how it looks like with the issues I mentioned above:
    http://tinyurl.com/cgdrxeu

  20. i just get a blank box its driving me nuts i’ve copied the code put it into the text/html widget and i get nothing … what am i doing wrong

  21. The advice about the text widget was extremely helpful. I was doing a lot of searching and looking various plugins, but in the end thanks to your post i didn’t need it.

    Thanks for posting

  22. This isn’t working exactly as you’ve stated here because something has changed on the Amazon embed code side. I will have to look into it and post an update if I can figure out what’s wrong with it. – Skip

  23. Been struggling for awhile to add my Amazon widget to my sidebar without destroying my styles, never knew there was such an easy work around! Thanks!

  24. Very helpfull and clear guide. I needed to insert Amazon iStore widget as a sidebar widget and managed it done without a problem.
    Thanks.

  25. This is the most complete, yet clear and simple explanation of the multiple ways to add an Amazon widget. I am a retired college prof and I know good explanations when I see them. You helped me understand these four different methods and I’m sure your explanation will help many others.

    Thanks

  26. Dunndee

    Just wondering if you could give me some solution. I am trying to insert amazon widget link into my word press sidebar. But the amazon adv position only work well for the Home page (parallel with the top article ), for the rest of the pages, the amazon adv position goes down to the bottom page. Could you please tell me what should i do?

    by the way, word press theme that i used for building the website is Twenty Ten.

    Thanks !

    • Hmmm, I really couldn’t know without seeing your website first. But it sounds like you have a CSS-related problem. Maybe the width of the ad is larger than the width of the sidebar…

  27. Patrick Schommer

    After searching for an answer of how to insert an Amazon Associates (widgets) link to either my WordPress sidebar or body, your post finally provided a clear, simple answer. Thank you!

Leave a comment

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

Read this to make your comment cool.