If you've been following our tutorial series on using the Contacts Component in Joomla 3.0, then you're now ready to review how the actual contact form works. The contact form was created when we setup a Contacts menu item (which we did in our last tutorial).

 

Form Values

The contact form by default contains the following fields:

  • Name
  • Email
  • Subject
  • Message
  • Send a copy to yourself

By default, all fields are mandatory except for the Send copy to yourself option.

 

Sending the Form

In our testing, we entered the following values into the form:

filling-out-the-contact-formName: Brad Markle

Email: myemail@yahoo.com

Subject: Testing your contact form

Message:
Hi "Student A",
This message is being sent to you using the contact form on your website.
I hope you get this message.
Thanks,
- Brad

 

After filling out the details of the message and clicking send, the page reloads and the following message appears to the user:

Message
Thank you for your email.

You can change which page is loaded after the user submits the message, click here to find out how.

 

Receiving the Form

thunderbird-screenshot

In our testing, the contact form we used was for Student A. Their Joomla username was j_appleseed and their email address on file was user2@domain.com. None of this information though was included in the email sent to Student A after the contact form was submitted.

The screenshot to the right shows the message Student A received (in Thunderbird - their email client) after the contact form was submitted on the site:

 

There is actually a lot of information in the screenshot that can be changed. Below we'll list a few pieces of data and where they are taken from:

Email SUBJECT: InMotion Hosting: Testing your contact form
• InMotion Hosting is the Site Name that we setup in the Global Configuration.
Testing your contact form was the Subject that we typed in the contact form.

Email FROM: Best Website Ever <do-not-reply@domain.com>
Best Website Ever is the From Name we setup in the Server - Global Configuration settings under Mail Settings.
do-not-reply@domain.com as another setting configured in the Mail Settings. It is the From email setting.

Continued Education in Course 210: Joomla 3 Contacts Component Tutorial
You are viewing Section 4: How Contact Forms work in Joomla 3.1
Section 3: How to Create a Contacts Menu Item in Joomla 3.1
Section 5: Redirecting forms to specific pages in Joomla 3.1
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Joomla Community Google+ Hangout #3

June 3rd, 2014

Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!

Click here to watch!

2013-07-10 9:13 am
This tutorial states " The contact form was created when we setup a Contacts menu item".
I have gone through it three times and do find any steps for creating the form.
Please assist.
2013-11-18 5:08 pm
I agree with the above comment. How do you create the contact form?
Staff
16,776 Points
2013-11-18 9:03 pm
Hello Paulwallas,

Sorry there seems to be confusion on this issue. Forms are simply fields that are displayed on some type of media. For example, if you look at a screen with several labeled fills with an area that you can fill, then it's a form. In this case of the form for Joomla, when you create the Contacts menu item, you've basically setup the form. Please review: How to Create a Contacts Menu Item. When you get to this point:

Click the Contacts menu type you would like to create. After doing so, you'll return to the New Menu Item page where additional fields will show. Fill out the appropriate fields and then click Save in the top left menu.



When this part is completed, you have basically created the form. The tutorial above basically identifies how the form operates.
n/a Points
2014-04-03 3:39 am

Hi

How to add more fields in this form and recaptcha code.

Staff
8,502 Points
2014-04-03 7:59 am
You may add more fields, but it requires quite a bit of changes to the Joomla core files. I was able to find a 3rd party tutorial on doing so here:


How to add custom field to any Joomla component and display it on the backend


Af for enabling a captcha, this can be done at the following:
Using a Captcha with the Contacts Component
n/a Points
2014-05-18 10:02 pm

I am a beginner. How to show the contact form on my site? Please help

Staff
8,502 Points
2014-05-19 8:53 am
The full process of creating and displaying a contact form on your Joomla site can be found in the Joomla contact form tutorial series in which this article is part of.

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

7 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!