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:
- Banner Component Manager – Create a client, category, banner
- Module Manager – Create and add Banner module
*** 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
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
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
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
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,
Do you know how to change the number of seconds it takes to rotate each image?
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?
Couldn’t figure out how to change the order of the banners. I guess it is not possible any more in Joomla 1.7?
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.
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!
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.
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!
Hi SS,
Have you uploaded banners yet?
elaine
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)
That is great. Now use Joomla 2.5