Page 1

We only need to add one more menu entry, and we'll have the minimum amount of content to launch our site. We need to add a contact page. We'll use the Contact Component for this.

A Joomla Component is generally something that gets displayed in the content area of the page and that is more than just some text and pictures. Our menu item is going to point to a component rather than pointing to an article or a list of articles.

Page 2

In the Components pulldown in the Joomla Administrator you can see a list of installed components. The Contact Component is already installed by default.

  Click on the image for page view.

Page 3

In the Contact Manager, you can see that by default one entry, "Name" is already listed.

  Click on the image for page view.

Page 4

Here is the configuration page for the contact item. We're going to change the information as shown. The email address you enter here will not be sent in the page, instead a form for submitting email to that email address will appear.

We also set some parameters on the right:

• Position (e.g. Manager) : Hide
• Email : Hide (so spammers can't obtain it)
• Image : Hide (this is just a stock photo - we'll add more photos to the site in a later tutorial)
• Email form: Show
• Email Description: Contact Us:

  Click on the image for page view.

Page 5

After saving, the item is now listed as "Main Office" since we renamed the item.

  Click on the image for page view.

Page 6

Now we just need to make a menu item to point to this component. Here we are in the Menu Manager for the Main menu. (As shown in a previous tutorial, we reach this screen via Menu - Menu Manager - Menu Items).

Click New.

  Click on the image for page view.

Page 7

1. Choose Component, since we are going to point to the Contacts component. (We could also choose Link - Contact since we only have one contact in our Contacts component.)
2. Click Next.

  Click on the image for page view.

Page 8

We then reach the Add Menu page, where we

1. Enter a name for this menu item.
2. Choose a component the menu item will point to.
3. Click on Save.

  Click on the image for page view.

Page 9

When we click on Save, we return to the Menu Manager. More complicated components will have additional parameters available once we link them to a menu item, but in this case we're done setting up the component for display.

  Click on the image for page view.

Page 10

Returning to the site, we can see that the Contact Us menu entry has been added to the Main Menu, and clicking on this entry brings up a page where the company contact information is listed, along with a contact form.

  Click on the image for page view.