How to insert Amazon Widgets into your Work-From-Home Blog
These instructions are on how to insert Amazon Product Widgets into your hosted website or Wordpress blog
Log into your Amazon Associates Account.
If you don’t have one you can sign up for free here at Amazon
- Under the tools menu click on “Build Links/Widgets”
There are a number of widgets to chose from (19 at the time of this writing). For the beginner I would suggest using the “Omakase” widget as it automatically determines which products to show based on the content of your site. - Click on “Add to your Web page” button
- Select Template Style
Here you can make a few choices of your widget settings. Experiment with differnet settings to see which ones are most effective (number of sales).
There are a number of banner sizes to chose from. For the side bar of a blog or site I would chose the 120×240 or 120×600. For the post or content area, depending of the width of it, I would chose either the 300×250 or 600×520. Whatever size you choose make sure it will fit within the width of the area you intend to insert it into. You may need to check your style sheet (CSS) to for sizing.
- Select Template Colors
Here is where you can change the look of the widget. You can get it to match the colors of your template by referring to the CSS stylesheet of your site template. If you are not sure what colors the hex code refers to, here’s a handy online color tool for you use.
- Preview of Sample Ad
Once you are happy with the preview you can go to the next step
- HTML Code for your Link Template
Click in the box and the code will high-light. Right-click and select copy. I suggest you paste the code into a notepad file.
Inserting the Code into Your Site
Wordpress Blog
Log into your wp-admin area
Go to “Presentation” tab then ‘Theme Editor” tab
- Sidebar: Select “sidebar’ and insert code into area where you want your ads to appear. You may need to open your blog before this to view where in the sidebar you want to put it. For example, if you wan the widget to appear before the links section look for links code then paste just above it. Click “update file” to save your changes.
If your blog comes “widget enabled” (which this blog is not) Under “Presentation” >> “Sidebar Widgets” you can paste the code into a text widget then move the text widget to the position you want.
- Footer: Select “footer’ and insert code into area where you want your ads to appear. Click “update file” to save your changes.
These two positions will have the wiget show on every page of your blog. If you want to paste in a special widget on a post page you need to insert the code when you write yu post in the write editor using the code tab.
Niche Site
Open the page you want to insert the codde into using NVU or whatever html editor you use.
Place your cursor where you want the widget to appear then select “insert… html” from insert menu.
And that’s all there is to it! You will be able to see my Amazon Widget in the sidebar to the right >>
You will notice that I use the template colours from this blog and I used H3 tags to give it a heading. You don’t have to do this.













