How Contact Forms work in Joomla 3.1
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).
The contact form by default contains the following fields:
- 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:
Subject: Testing your contact form
Hi "Student A",
This message is being sent to you using the contact form on your website.
I hope you get this message.
After filling out the details of the message and clicking send, the page reloads and the following message appears to the user:
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
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 email@example.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 <firstname.lastname@example.org>
• Best Website Ever is the From Name we setup in the Server - Global Configuration settings under Mail Settings.
• email@example.com as another setting configured in the Mail Settings. It is the From email setting.
We value your feedback!
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.
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.
2013-11-18 5:08 pm
I agree with the above comment. How do you create the contact form?
2013-11-18 9:03 pm
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.
2014-04-03 3:39 am
How to add more fields in this form and recaptcha code.
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