Posts Tagged ‘ amazon

How To Display Amazon Affiliate Enhanced Display Ads Side-by-Side in WordPress

Amazon Enhanced Display Ads in WordPress

Amazon Enhanced Display Ads in WordPress

Adding the “Enhanced Display’ (Image + Text) Amazon Affiliate ads in WordPress can be a pain in the neck – for some reason WordPress and Amazon Enhanced Display Ads don’t work together well. Luckily, there is a way it can be done, it just requires a little extra work.

    1. Edit the post in HTML mode, not in the Visual Editor (the Visual Editor will strip out the iFrame code) – you can create a draft of the post in the Visual Editor, but you’ll want to switch to the HTML editor when its time to add the Amazon Enhanced Display Ads
    2. Copy & Paste the Amazon Affiliate Enhanced Display Ads where you want them in the HTML editor once the post is ready for them
    3. If you have multiple Enhanced Display Ads and you want them to appear side by side (instead of each one appearing on top of each other), then you’ll need to add the iframe align attribute.  It should be inserted right before or after the scrolling=”no” attribute. Update, Amazon changed the code for these so the method is slighty different. I have both illustrated below to help:

OLD VERSION: 

NEW VERSION: 

Other tips:

  1. You will probably need to enter line breaks after the Ad. This can be done by inserting “ ” on seperate lines to create line breaks. Add a few and see how many more you need to make it look right.
  2. Update the post (while still in HTML Editor) and do not switch to Visual Editor otherwise you’ll lose everything
  3. Tweak the code in the HTML editor by adding extra line breaks until you get the desired result.

And that’s it! For an example of this in the live, check out my guide on how to hardwire an Escort Passport Radar Detector which the above screenshot was taken from. I hope this helps you earn money and enhance your blog posts 🙂