How to add a ‘Contact Us’ link to your Joomla 1.6 Website

by Elaine on July 29, 2011

Joomla 1.6 Components – In the standard Joomla 1.6 and Joomla 1.7 installation there is no functionality to create a ‘Contact Us’ link.  You will need to install a Joomla extension to be able to receive feedback from your users.    I found a free Joomla component contact form that has tons of features and very easy to use.   I will show you below how to add a ‘Contact Us’ link to Joomla 1.6 or Joomla 1.7 website.  The contact form component that I found is named -aiContactSafe.  Some features of the component are:

  • CAPTCHA with the possibility to specify code words for each language or random strings
  • Create mulitple contact form profiles
  • Unlimited custom fields of different types ( Textbox, Checkbox, Checkbox list, Combobox, Radio list, Editbox, Date, Email, Email list, Hidden, Separator, Joomla contact, File )
  • Redirect to specified page when the message is successfully sent
  • Any number of attachments working with or without AJAX
  • and many more…

High level overview of what needs to be done:

  1. Download the aiContactSafe component.
  2. Use the Extensions Manager to upload and install the component.
  3. Use the Component Manager to configure the ‘Contact Us’ component.
  4. Use the Menu Manager to create a link to the ‘Contact Us’ component.
  5. Go to the frontend and test the ‘Contact Us’ link.

Below are the details steps on how to create a ‘Contact Us’ link to your Joomla website:

1.  Download the ‘Contact Us’ Component

  • Go to Extensions.joomla.org
  • Search for the component named = aiContactSafe
  • Click on download
  • Download the zip file to your computer
  • Do NOT unzip the file

2.  Use the Extensions Manager to upload and install the component.

  • Login to your Joomla administrator backend
  • Go to Extensions, Extensions Manager
  • Under ‘Upload Package File’, Package File, Select the zip file you downloaded in step 1.
  • Click on ‘Upload and Install’
  • You will see a message that says: “Component successfully installed”

3.  Use the Component Manager to configure the ‘Contact Us’ component.

  • Go to Components, aiContactSafe, Profile
  • Profile is where you can store and create many different contact forms
  • Click and edit the ‘Default Form’
  • Set ‘Email Address’ = your webmaster email address.  This is where all the emails will direct to.
  • Click on Save

4.  Use the Menu Manager to create a link to the ‘Contact Us’ component.

  • Click on Menus, Main Menu, Add new Menu Item
  • Set the following values:
    • Menu Item Type = aiContactSafe – Contact Form
    • Menu Title = Contact Us
    • Status = Published
    • Menu Location = Main Menu
    • Select profile = Default Form
  • Click on ‘Save & Close’

5.  Go to the frontend and test the ‘Contact Us’ link.

  • Switch to your frontend and view your Joomla website.
  • See the link in the navigation in your Main Menu
  • Click on the ‘Contact Us’ link
  • You will see the form, but also you will see this weird address on the right that shows:
    • Algis Info Grup SRL
      Str. Hărmanului Nr.63
      bl.1A sc.A ap.8
      Brașov, România
      500232

6.  How to Change this weird address to Your own:

  • Go to Components, aiContactSafe, Profiles
  • Use checkbox to select’ Default Form’
  • Click on the button ‘Edit Contact’
  • Replace the business information and logo with your own.
  • Click on ‘Save’

So that’s it! You can go again to your frontend and play around with your shiny new ‘Contact Us’ link.  You can create your own contact forms and specify new fields to add to the form.  The features are endless.  Hope that helps!

Thanks,

Elaine

 How to add a Contact Us link to your Joomla 1.6 Website

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: