Joomla 1.7 Help – How to add/edit Banners

by Elaine on August 18, 2011

Joomla 1.7 Tutorial – How to add Banners to your Joomla website

Banners ads are often used on websites for affiliate marketing.  Joomla 1.7 has a Banner component to manage your banner ads.   The Banner component is also great if you want to display rotating linkable images across your website.   This is not a photo gallery component, as there is no mass upload or image resize functionality.   The Banner component can manage and see stats on many things such as:

  • Start and end publishing date
  • Set maximum number of impressions per ad
  • See total number of impressions
  • See total number of clicks
  • Purchase Type
  • Track impressions
  • Track clicks
  • See the click-through rate percentage

To understand how to use the Banners, you first must understand the Banner component structure.  It is as follows.  First level is the Client, that can have many Categories and in each Category can have many Banners.   For example:

  • Client = Clothing Store
  • Category = Mens, Womens
  • Mens Banners = can display banners for men’s shirts, men’s pants, men’s shorts
  • Womens Banners = can display banners for women’s tops, women’s dresses, women’s skirts

So below I will show you how to create Banners and then how to add a Banner component to your Joomla website.    Overview:

*** I will use the example above and create banners for the women’s clothing department.  I’m using the Beez_20 template, I will put the banner in position-7.  Replace the information ( in italics ) that I put in with your own.

1.  Banner Component Manager – Create a Client

  • Login to your Joomla 1.7 administrator backend.
  • Click on ‘Components’, ‘Banners’, ‘Clients’
  • Click on the ‘New’ button
  • In the Banner Manager – New Client, set the following values:
    • Client Name = Clothing Store
    • Contact Name = <Whatever name you want to put in there> Stacy Smith
    • Contact Email = <Their email address> Stacysmith@fakeemailaddress.com
    • Status = Published
  • Click on Save & Close
joomla 17 banner manager new client Joomla 1.7 Help   How to add/edit Banners

Joomla 1.7 Banner Manager - Create new Client

2.  Banner Component Manager – Create a Category

  • Still in the Banner Component, click on the ‘Categories’ tab
  • Click on the ‘New’ button
  • In the Category Manager: Add a New Banners Category, set the following values:
    • Title  = Womens
    • Parent = No parent
    • Status = Published
  • Click on Save & Close
joomla 17 banner manager new category Joomla 1.7 Help   How to add/edit Banners

Joomla 1.7 Banner Manager - Create new Category

3.  Banner Component Manager – Create a Banner

  • Still  in the Banner Component, click the ‘Banners’ tab
  • Click on the ‘New’ button
  • In the Banner Manager: New Banner, set the following values:
    • Name = Women’s Skirts
    • Category = Womens
    • Type = image
    • Image = select your banner image
    • Click URL = put in the http link where you want the banner to go to once clicked
    • Max. Impressions = unlimited
    • Client = Clothing Store
  • Click on Save & Close
  • You can repeat the above steps to create as many banners as you want
joomla 17 banner manager new banner Joomla 1.7 Help   How to add/edit Banners

Joomla 1.7 Banner Manager - Create new Banner

4.  Module Manager – Add the Banner Module to Joomla website

  • Click on ‘Extensions’, ‘Module Manager
  • Click on the ‘New’ button
  • Select Module Type = Banners
  • In the Module Manager – Module Banners, set the following values:
    • Title = My Banners 1
    • Show Title = Hide
    • Position = position-7
    • Status = Published
    • Target = Open in new window
    • Count = 1
    • Client = Clothing Store
    • Category = Womens
    • Menu Assignment = On All Pages
  • Click on Save & Close
joomla 17 module manager create new banner module Joomla 1.7 Help   How to add/edit Banners

Joomla 1.7 Module Manager - Create new Banner Module

If you have multiple banners stored in the same category this banner module will display a banner either randomly or according to sequentially how they are stored in your Banner Component.   So that’s all there is to know about how to Create banners and adding a banner module to your Joomla website.

Hope that helps you,

Elaine

 Joomla 1.7 Help   How to add/edit Banners

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

{ 10 comments… read them below or add one }

Israel December 20, 2011 at 4:38 pm

Do you know how to change the number of seconds it takes to rotate each image?

Reply

Manon December 28, 2011 at 8:30 pm

great explanation, thanks! I use Joomla 1.7.3 and I would like to get the banner items appear horizontal instead of vertical. Can you help?

Reply

Sami February 12, 2012 at 8:55 pm

Couldn’t figure out how to change the order of the banners. I guess it is not possible any more in Joomla 1.7?

Reply

Gaurav Yadav March 22, 2012 at 12:08 pm

I was reading your article and I would like to appreciate you for making it very simple and understandable. This article gives me a basic idea of Banner Manager in Joomla and it helped me a lot. Check following helpful link too….
It also explained very well about banner manager in joomla.

Reply

SS August 10, 2012 at 6:09 pm

The only thing I don’t understand here (and maybe it will become clear as I get all banner images uploaded) is how, if I choose a single client that all banners within a category will rotate. I need all banners from all clients in a category to rotate in the module. Will that still happen, or do they all have to be labeled with the same client name as well? This is a bit confusing! Thanks!

Reply

Elaine August 11, 2012 at 11:06 am

Hi SS,
You are right. The banner module will automatically rotate through all the banners you created in the Banner component. The rotation is dependent on the setting you chose in the Banner module for – ‘Randomise’.

See post here #6 – http://www.cmsmind.com/joomla-2-5-tutorial-how-to-add-banners-to-website/

If Sticky, Ordering = Means it will cycle through all your banners in that category in order that you created them. (Or in sequential order)
If Stick, Randomise = Means it will cycle through all your banners in a random fashion. Will not adhere to what order you have placed them in the component.

Hope that helps,
Elaine.

Reply

SS August 10, 2012 at 6:31 pm

Actually, it doesn’t seem to matter…having changed the info in the established modules exactly as explained here, I now have NO banner images showing. I don’t even know how to ask what is wrong!

Reply

Elaine August 11, 2012 at 11:06 am

Hi SS,
Have you uploaded banners yet?
elaine

Reply

Jorgen Pedersen September 5, 2012 at 7:27 pm

I have some problems with my Banners.

With two different affiliate-banners I want them to appear in different locations on my site- they come together.

I created to different banners in the “banner-module). Then I go to module manager and create one module for each banner. When I publish them they appear at the same place.

How can I put different banners on different position on my page?

Hope you understood my problem

Best regards
Jørgen (sorry for my poor english)

Reply

รับทำเว็บ joomla October 9, 2012 at 11:47 pm

That is great. Now use Joomla 2.5

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: