Step 1 |
Go to your new Joomla website by typing "www.YOURDOMAINNAME.com" into the address bar of your browser, if you have not already done so. |
Click for Larger Images |
Step 2 |
| After entering your domain name and going to your website, you should see an address like this "http://www.YOURDOMAINNAME.com/". At the end of the address, type "administrator" and hit return. This will load the administrative login page. |
 |
Step 3 |
| Enter the Username and Password you created in "Step 5 - Set Up Joomla" and click "Login". |
 |
Step 4 |
| You will now see the Administrative Control Panel. Go to the "Components" drop down menu and select "Contacts" > "Categories". |
 |
Step 5 |
Once on the Category Manager page, select "New".
|
 |
Step 6 |
Enter "Default" for the "Title" and select "Save".
Note: It is possible to have more advanced Contact pages with many individual contacts and categories of contacts. For the purpose of this tutorial, we are only creating one contact for your business.
|
 |
Step 7 |
Select "Contacts" > "Contacts" from the "Components" drop down menu.
|
 |
Step 8 |
You are now on the Contact Manager page. Select "New".
|
 |
Step 9 |
Enter your contact name in the "Name" field. This may be any name such as "Sales" or "Office" and not necessarily a proper name, depending on your business.
Select "Default" from the "Category" menu.
Now fill out any of the fields in the "Information" box that you desire to display.
Note: You can also "Hide" or "Show" any of the fields by selecting the appropriate radio button under the "Contact Parameters"
When you are done, select "Save". |
 |
Step 10 |
Now we are going to create a link to the new "Contact Us" page.
Select "Top Menu" from the "Menus" drop down menu.
Note: You can add the link to the "Main Menu" instead or both menus if you wish. For the purposes of this tutorial we are adding the "Contact Us" link to the "Top Menu".
|
 |
Step 11 |
You should now be on the "Menu Item Manager" page for "Top Menu". Select "New"
|
 |
Step 12 |
Select "Contacts". Then select "Standard Contact Layout".
|
 |
Step 13 |
Enter "Contact Us" for the "Title". Make sure your contact name is selected in the "Select Contact" drop down. Select "Save".
Note: If you name the "Title" something else like "Email Us" or "Connect", your choice of title will appear as the text for the link in the navigation menu.
Also Note: There are a variety of settings under "Parameters (Component)" which effect the way the Contact Us page will appear. We will not cover these in the interest of keeping the tutorial brief, but feel free to experiment with different settings. |
 |
Step 14 |
Select "Global Configuration" from the "Site" drop down menu.
|
 |
Step 15 |
Select "Server" from the "Site - System - Server" menu.
Note: You may want to take a minute to fill out your websites description and keywords while you are here.
|
 |
Step 16 |
On the "Server" page under "Mail Settings", enter the email address you wish to receive emails from the "Contact Us" page into the "Mail from" field.
Select "Save". |
 |
Step 17 |
Go to the front page of your Joomla website by typing "www.YOURDOMAINNAME.com" into the address bar of your browser.
You will now see a "Contact Us" link in the horizontal navigation menu. Select the "Contact Us" link. |
 |
Step 18 |
Fill out the contact form and click "Send". Then go and check your email to make sure the contact form is working. It may take a few minutes for the email to travel to your email box.
Note: If you have trouble checking your email refer to Chapter - 4 Setting Up Email. |
 |
|