Follow sppwebsites on Twitter
 
Chapter 8 - Contact Us Page

This page will guide you through creating a "Contact Us" page. The contact us page will display your businesses contact information and allow visitors to send you an email through a form on your website.


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. Chapter 8, Contact Us 1
Step 3
Enter the Username and Password you created in "Step 5 - Set Up Joomla" and click "Login". Chapter 8, Contact Us 2
Step 4
You will now see the Administrative Control Panel. Go to the "Components" drop down menu and select "Contacts" > "Categories". Chapter 8, Contact Us 3
Step 5

Once on the Category Manager page, select "New".

Chapter 8, Contact Us 4
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.
Chapter 8, Contact Us 5
Step 7

Select "Contacts" > "Contacts" from the "Components" drop down menu.

Chapter 8, Contact Us 6
Step 8

You are now on the Contact Manager page. Select "New".

Chapter 8, Contact Us 7
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".

Chapter 8, Contact Us 8
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".
Chapter 8, Contact Us 9
Step 11

You should now be on the "Menu Item Manager" page for "Top Menu". Select "New"

Chapter 8, Contact Us 10
Step 12

Select "Contacts". Then select "Standard Contact Layout".

Chapter 8, Contact Us 11
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.
Chapter 8, Contact Us 12
Step 14

Select "Global Configuration" from the "Site" drop down menu.

Chapter 8, Contact Us 13
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.
Chapter 8, Contact Us 14
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".

Chapter 8, Contact Us 15
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.

Chapter 8, Contact Us 16
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.
Chapter 8, Contact Us 17


Congratulations! You now have a working "Contact Us" page.

Now let's move on to Chapter 9 - Choose Design Template.

  • Previous Page
  • Next Page
 

Stuck? We can Help.

For Hosting, Setup & Domain Name Support (Chapters 1-5) Contact : 480-624-2500

For Joomla & Website Development Support (Chapters 6 - 11) Contact : 831-706-4277

Our Joomla Services

Personalized Joomla Trainings



The Joomla!® name, or sometimes referred to as Joomla, is used under a limited license from Open Source Matters in the United States and other countries. SunPoweredProductions.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.