Loading...
Joomla 3.0Joomla Tutorials

How to Add a Footer to Joomla 3.0

Joomla 3.0 Tutorial on How to Add a Footer at the bottom of your Joomla 3.0 website.  Now after you initially install Joomla 3.0, the footer area is blank.  Even if you install the Sample Data, the footer area is blank.  So after about 30 minutes of playing around with the site and trying to figure out how to add a Footer, I finally figured it out.   Very simply, you just need to create a  new footer module and modify your site name in the Global Configuration.

Overview of How to Add a Footer to the bottom of your Joomla 3.0 Website:

  1. Go to the Module Manager
  2. Create New Module in Module Manager
  3. Select Footer in Module Manager
  4. Basic Details of Footer Module in Module Manager
  5. Advanced Options of Footer Module in Module Manager
  6. Menu Assignment of Footer Module in Module Manager
  7. Footer Module Successfully Created in Module Manager
  8. Go to Global Configuration in System
  9. Change your Site Name
  10. View your Frontend and see Footer

1.  Go to the Module Manager

Joomla 3.0 Module Manager is where you can manage all your modules on your site.  You can edit, hide, disable, show, enable, add new modules and more in the Module Manager.

Joomla 3.0 Module Manager
Joomla 3.0 Module Manager
  • Login to your Joomla 3.0 Administrator backend
  • Click on ‘Extensions’,’Module Manager’

2.  Create New Module in Module Manager

To add new content to pre-defined template module positions you must assign them to a module and a module position.

Joomla 3.0 - Create New Module in Module Manager
Joomla 3.0 – Create New Module in Module Manager
  • In Module Manager: Modules
  • Click on ‘New

3.  Select Footer in Module Manager

You can select different types of Modules to add.

Joomla 3.0 Module Manager - Select a Module Type
Joomla 3.0 Module Manager – Select a Module Type
  • Under the heading ‘Select a Module Type to Add’, Select = Footer

4.  Basic Details of Footer Module in Module Manager

Enter in the basic details of the Module you are creating.   You can name your module anything you want and choose to hide the title.   The position of the module depends on where you want to put it.  You can look at your Template Module Mapping to find out where each position is.  If you are using the default Joomla 3.0 TemplateBeez3, the template module map is here.

Joomla 3.0 - New Footer Module - Details
Joomla 3.0 – New Footer Module – Details
  • In the Details tab, set the following information:
    • Status = Published
    • Title = Footer
    • Show Title = Show
    • Position = Footer last [position-14]
    • Access = Public
  • Click on ‘Advanced Options

5.  Advanced Options of Footer Module in Module Manager

I just left the Advanced Options alone.  I didn’t touch any of these settings.  But here is the screenshot of what the Joomla 3.0 New Footer Module in the Module Manager looks like:

Joomla 3.0 - Footer Module Manager - Advanced Options
Joomla 3.0 – Footer Module Manager – Advanced Options
  • I just left all as default
  • Click on ‘Menu Assignment

6.  Menu Assignment of Footer Module in Module Manager

Here you can assign the module to appear on different pages or restrict it from showing on selected pages.  I want the Footer Module to display on all pages with no restrictions.

Joomla 3.0 Footer Module Menu Assignment
Joomla 3.0 Footer Module Menu Assignment
  • In the tab ‘Menu Assignment’, set the following value:
    • Module Assignment = On all pages
  • Click on ‘Save & Close’

7.    Footer Module Successfully Created in Module Manager

See the new module created in your module manager.  Your Module Manager will list all modules you created on your site whether it be published or unpublished.

Joomla 3.0 Footer Module Successfully Created in Module Manager - see in list
Joomla 3.0 Footer Module Successfully Created in Module Manager – see in list
  • In the search box, type in ‘footer’
  • See that your Footer module has been created.

8.   Go to Global Configuration in System

Here you can edit all the high level information about your website.  This includes if you want to take your site offline or online.

Joomla 3.0 - System Global Configuration
Joomla 3.0 – System Global Configuration
  • Click on ‘System’
  • Click on ‘Global Configuration’

9.  Change your Site Name

You don’t need to change your site name, but if you want to change your footer name to something else other than what it is, you can do so by Changing your site name in the Global Configuration.

Joomla 3.0 - Change Site Name in Global Configuration
Joomla 3.0 – Change Site Name in Global Configuration
  • Under the Global Configuration for ‘Site’, set the following values:
    • Site Name = <whatever text you want to appear in the Footer of your Joomla 3.0 website>
    • Site Offline = No
  • Click on ‘Save & Clo

 10.  View your Frontend and see Footer at the Bottom

Now if you switch to the frontend view of your site, you will see the footer.  I don’t like that the Joomla link is there and will look for a way to remove that as well.  I’ll save that for a different tutorial later.

Joomla 3.0 See Footer in Frontend
Joomla 3.0 See Footer in Frontend

You will see the Copyright C 2012 <site name from Global Config>. All Rights Reserved.  The text, outside of the <site name> is there automatically.  I didn’t have to type that in myself.

Click here for Joomla 3.0 Tutorial on how to remove the second line from the footer:

Joomla! is Free Software released under the GNU General Public License.

If you have any questions, please feel free to leave a comment.

Thanks,

Elaine

Leave a Reply

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

Captcha Captcha Reload