How To Add An Affiliate Banner To A WordPress Site

How to add an affiliate banner to a website

Example of an In Text Banner! Click the banner to see where it takes you!

Once you get your website up and running. You will probably want to start making some money. A great way to do this is with affiliate marketing. Pretty much all affiliate programs offer ready to add banners that you can put on your website.

The three most common places to ad affiliate banners to your site is on the side bar, above or below all pages and posts, and in text. You do not need to add banners to all of these places. Find out what works best for your site and do it!

I am going to be showing you today how to add an affiliate banner to your WordPress site. I will be showing you how to add the banner in the three most common places listed above!

How To Add An Affiliate Banner To A WordPress Site

To The Side Bar

  1. First find the banner add you would like to use on your affiliate website. For the sidebar look for a square ad something that is around 350X350.
  2. Copy the html code from the banner that you have chosen.
  3. Head over to your website and hover over “appearance”
  4. Click on “Widgets”
  5. Find the “Text” Widget. Click and drag this widget to the sidebar widget section.
  6. Once you let go of the “Text” widget. Paste the code into the body of the text section.
  7. Save the widget and visit your website to see the new affiliate banner.

Above Or Below Posts and Pages

  1. Depending on your theme this process will be a bit different.
  2. Find the banner ad you would like to use. Usually a leader board ad is common above or below content.
  3. Copy the HTML code from the ad you have chosen.
  4. Head over to the widgets page under the appearance tab on the left hand sidebar.
  5. You should have a section for Posts and another for pages.
  6. Click and drag the “text” widget to the post section.
  7. Paste the HTML code into the body of the text widget and press save.
  8. Now visit your website. The banner should show up on all posts.

In Text Banner Ads

  1. Find the banner you would like to place in your text. Usually a small banner that can be placed right of the text is best.
  2. Copy the HTML code of the banner.
  3. Head over to your website and edit the page or post you would like to add this banner to.
  4. Decide where you would like to place your banner ad at and remember the text directly below.
  5. Then switch over to the text portion of the editor. This is the HTML of your page or post.
  6. Find the text you would like to enter your banner above
  7. Paste the HTML code of the banner directly above that text.
  8. Switch back over to Visual and you will see that the banner has now appeared.
  9. You can edit the orientation of this banner. By clicking on the banner and clicking on edit image.
  10. You are able to adjust where you would like the banner to show up on the page.

I hope this helped, if you have questions please ask below! Remember don’t just add banners all over your site. Figure out the location that works best for you and add them there.

Need Affiliate Marketing Help?

I’ve been blogging and making money with affiliate marketing for over 3 years. If you’d like to learn how I build websites, drive traffic, and make affiliate sales, visit My #1 Recommendation.

You’ll see the program I used to learn how to build a profitable online business.


My name is Brok and I am the Owner of Full Time Job From Home. I started making money online in 2013 and created this site to teach others how they can do the same. To see exactly how I make money online visit Start A Profitable Blog

Click Here to Leave a Comment Below 0 comments

Leave a Reply: