home > content management systems (CMS) > joomla!
How to Add Email Forms to Joomla!
Joomla! is a powerful content management system that is quite easy to add email forms to. The steps for doing this are outlined below.
1. Create Your Form HTML
The first step in integrating an email form into your website is to build the actual HTML code for the form. The easiest and quickest way to create the form code is to use myContactForm.com.
myContactForm.com features a free online wizard that steps you through the entire form building process. myContactForm.com has just about any feature you could ask for including auto-responders, CAPTCHA, file attachements, CSS styling, data exports (Excel, CSV, Text, HTML, etc.), pre-made templates, and much more.
Click Here to read a tutorial on creating the form HTML using myContactForm.com.
2. Login to your Joomla! Adminstration Panel
a. Go to your Joomla web site and login to the administration panel.
3. Configure Joomla! to Allow Form HTML in Articles
a. Click the Article Manager button
b. Click the Options button in the top right corner
c. Click the Text Filters tab
d. Scroll down to Super Users and under the Filtering Type selection box select No Filtering
e. Select the Save and Close button
3. Create a new Article and Embed the Form HTML
Below we are outlining the steps for adding an email form to a new article. Note that you could use a very similar process to add an email form to an already existing article.
a. Click the New Article button
b. Click the Edit HTML Source button
c. Paste the form HTML into the HTML Source Editor window (CTRL+V or Right Click and Select Paste). If you do not have your form code created and copied, please read this tutorial to learn how to do so.
d. Click the Update button
e. Click the Save and Close button
4. Test Your Form
Open a web browser and go to the web page containing your form. Fill out the form and press the submit button to test it.
Common Problems Encountered by Users:
The web page is showing a bunch of HTML instead of a form.
When this occurs, it is caused by the form HTML being pasted into the Article Text of your web page using plain text formatting instead of HTML formating. When inputting the form code, make sure you enter it into the Edit HTML Source page.
I submit the form and get a form location error.
If you are using myContactForm.com, you will need to login and make sure that you've set the Form Location setting to the proper URL for your form.
a. Login to myContactForm.com
b. Click the Edit Button
c. Click the Basic Form Information Button
d. Enter all variations of the URL where the form will appear. Typically this is the full URL of your web form with and without the www subdomain. You can also use wildcards (*) in this setting. For examples using http://www.mydomain.com/* would allow the form to be placed on any page uploaded to mydomain.com.
e. Click 