home > content management systems (CMS) > joomla!

Use Joomla to Make a Contact Form

The tutorial we have written below outlines the steps for adding an email form to your Joomla! website. The process is fairly quick and easy, especially when using a 3rd party email form service provider.

1. Build the HTML Form Code

Before working on the Joomla side, it is important to first generate some form HTML code for insertion. The easiest (and best) way to create this code is via a free form service called myContactForm.com. We have written a complete article for using myContactForm.com.

2. Login to your Joomla! Adminstration Panel

a. Go to your Joomla web site and login to the administration panel.

Login to Joomla

3. Configure Joomla! to Allow Form HTML in Articles

a. Click the Article Manager button

Click the Article Manager Button

b. Click the Options button in the top right corner

Click the Options Button

c. Click the Text Filters tab

Click the Text Filters Tab

d. Scroll down to Super Users and under the Filtering Type selection box select No Filtering

Select No Filtering for Super Users

e. Select the Save and Close button

Select Save and Close

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

Create a New Article

b. Click the Edit HTML Source button

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.

Paste in Your Form HTML Code

d. Click the Update button

Click the Update Button

e. Click the Save and Close button

Click the Save and Close Button

4. Test the New Contact 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.