Loading...
Joomla 3.0Joomla Tutorials

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

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.0 Components, Banners, Categories

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.0 - Insert Banner in Joomla - Create new category

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.0 Insert Banner in Joomla - New Category Details

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.0 Tutorial - Insert Banner in Joomla - Add New Banner Client

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.0 Tutorial - Add Banner in Joomla - New Banner Client

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.0 Tutorial - Insert banner in Joomla - Create a new banner

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.0 Tutorial - Insert Banner in Joomla - New Banner Details

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.0 Tutorial - Insert Banner in Joomla - New Banner Select Banner Client

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

One comment
  1. Benedikt Björnsson

    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.

Leave a Reply

Your email address will not be published. Required fields are marked *

Captcha Captcha Reload