Joomla 3.0 Tutorial – How to Insert a Banner in Joomla 3.0

by Elaine on January 30, 2013

Joomla 3.0 Tutorial  on How to insert a banner into Joomla 3.0.  Each Banner must belong to a Banner Category.  A Banner can only belong to one Banner category.  You can create as a many Banner Categories as you want.  There is an additional field which is called the Banner Client.  This is useful because you can create multiple Banners for a customer/client/business and place them under a category.  For example, Fatcow is a webhosting provider that provides me with many banners.  I will create a Banner category called Webhosting, a Banner Client = Fatcow and create a Banner for Fatcow.  I can create many banners for one client that belongs to one category.

Overview of How to Insert a Banner in Joomla 3.0

  1. Go to Banner Component, Categories
  2. Create a New Banner Category in Joomla
  3. New Banner Category Details in Joomla
  4. Create a New Banner Client in Joomla
  5. New Banner Client Details in Joomla
  6. Create a New Banner in Joomla
  7. Insert New Banner in Joomla
  8. Change Banner Client in Banner

Steps:

1.  Go to Banner Component, Categories

To create new banners in Joomla 3.0, you must go to the Banner Manager in the Components section.  Each Banner must belong to a category.  That’s why we will create a Banner Category first.

joomla 3 tutorial banner management add banner to banner component categories 0 Joomla 3.0 Tutorial   How to Insert a Banner in Joomla 3.0
Joomla 3.0 Components, Banners, Categories
  • Login to your Joomla 3.0 Administrator Backend
  • Click on ‘Components’, ‘Banners‘, ‘Categories

2.  Create a New Banner Category in Joomla

A Joomla 3.0 Banner must belong to a Banner Category.  It cannot belong to more than one category.  In my example,  I will create a Webhosting Banner Category.  You can create any category you want.

joomla 3 tutorial banner management add banner to banner component new category 1 Joomla 3.0 Tutorial   How to Insert a Banner in Joomla 3.0
Joomla 3.0 – Insert Banner in Joomla – Create new category
  • In the ‘Categories’ tab
  • Click on ‘New

3.  New Banner Category Details in Joomla

Enter in the Banner Category details.   You can enter in any category details that suits your website.

joomla 3 tutorial banner management add banner to banner component add category 2 Joomla 3.0 Tutorial   How to Insert a Banner in Joomla 3.0
Joomla 3.0 Insert Banner in Joomla – New Category Details
  • In the Category Manager: Edit a Banners Category, Details tab
  • Enter in the following information:
    • Title = Webhosting Providers
    • Alias = Webhosting Providers
    • Description = Webhosting Providers Category
  • Click on ‘Save & Close’

4.  Create a New Banner Client in Joomla

While it is not mandatory that a Banner is associated with a Banner client, I think it is best practice to assign each banner to a banner client.  This will group and organize all your banner clients.

joomla 3 tutorial banner management add banner to banner component new client 3 Joomla 3.0 Tutorial   How to Insert a Banner in Joomla 3.0
Joomla 3.0 Tutorial – Insert Banner in Joomla – Add New Banner Client
  • Click on ‘Clients
  • Click on ‘New

5.  New Banner Client Details in Joomla

Joomla Banner Client is equivalent to a company who you are showing the banners for.  They are the business or website you are promoting.  In my case, my client is Fatcow.  I will create a new Banner Client called Fatcow.

joomla 3 tutorial banner management add banner to banner component add client 4 Joomla 3.0 Tutorial   How to Insert a Banner in Joomla 3.0
Joomla 3.0 Tutorial – Add Banner in Joomla – New Banner Client
  • In the Banner Management : New Client
  • Click on the ‘New Client’ tab
  • Enter in the following information:
    • Client Name = Fatcow
    • Contact Name = Fatcow
    • Contact email = anything you want@something.com
  • Click on ‘Save & Close’

6.  Create a New Banner in Joomla

Now you can create a new banner in Joomla.

joomla 3 tutorial banner management add banner to banner component new banner 5 Joomla 3.0 Tutorial   How to Insert a Banner in Joomla 3.0
Joomla 3.0 Tutorial – Insert banner in Joomla – Create a new banner
  • Click  on ‘Banners
  • Click on ‘New

7.  Insert a New Banner in Joomla

Now you can insert a new banner in Joomla 3.0.  You have a category and client setup already and you will not have any problems saving a new banner.  If you do not have a category created, you will not be able to save your new banner.  I am inserting a new banner for fatcow and the image is 125×125.  I can potentially add more banners that have different sizes to this client.

joomla 3 tutorial banner management add banner to banner component add banner details 6 Joomla 3.0 Tutorial   How to Insert a Banner in Joomla 3.0
Joomla 3.0 Tutorial – Insert Banner in Joomla – New Banner Details
  • In the Banner Manager : New Banner
  • Click on the ‘Details’ tab
  • Set the following values:
    • Name = Fatcow Webhosting Banner 125×125
    • Category = Webhosting Providers (category created in step 3)
    • Image = Click on Select and upload your banner from your computer

8.  Change Banner Client in Banner

You can also select the Banner Client to which this Banner belongs to.  This is not a mandatory field.  I’m assigning a Banner Client to my banners.

joomla 3 tutorial banner management add banner to banner component add banner client 8 Joomla 3.0 Tutorial   How to Insert a Banner in Joomla 3.0
Joomla 3.0 Tutorial – Insert Banner in Joomla – New Banner Select Banner Client
  • In the same Banner Manager: Edit Banner
  • Click on ‘Banner Details
  • Set the following value:
    • Client = Fatcow (client created in step 5)
  • Click on ‘Save & Close’

You can repeat the above steps to create more banners and create different banner categories.  Then you will be able to create Banner Modules to display rotating banners on your Joomla 3.0 website.

Hope that helps you.  Please leave a comment if you have any questions.

Thanks,

Elaine

 Joomla 3.0 Tutorial   How to Insert a Banner in Joomla 3.0

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

{ 1 comment… read it below or add one }

Benedikt Björnsson March 4, 2014 at 7:02 pm

Hi Elene!
So far, I´ve got lots of infos from your site, but I´ve not been able to find help regarding following:
I use Joomla 3.2. + Beez3 + personal view.
I´d like to wrap the site-description-text(set in Temp Manager) in the header, around my logo. Now the text flows around in the line below the image. How would you make the description-text flow from the top-right-corner of the logo?
I take it as for granted you can hit my link to my site to se what I mean.

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: