home > content management systems (CMS) > concrete5

Create Contact Forms in Concrete5 CMS

Concrete5 is a powerful content management system that is quite easy to add email forms to. The steps for doing this are outlined below.

You can view a Concrete5 web site using a email form here.

1. Create Your Form HTML

Before adding a form to your site, you must first create the form code. The easiest way to do this is using a free form service such as myContactForm.com. You can read our full step-by-step myContactForm.com tutorial here.

2. Login to the Concrete5 Administration Area

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

Login to the Concrete Administration Panel

3. Create a New Item and Embed the Form HTML

Below we are outlining the steps for adding an email form to a new page on your Concrete5 web site. Note that you could use a very similar process to add an email form to an already existing page.

a. Click the Add Page Icon

Click the Add Page Icon

b. Select the Page Type and enter other details to create the page

Select the Page Type and enter other details to create the page

c. Click the Add Page button

Add Page Button

d. Click the page block where you would like to insert the form and select Add Block

Add Block to the page to contain the form

e. Select HTML on the Add Block screen

Select HTML

f. Paste the form HTML into the Add your HTML below: text area (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 the Form HTML

g. Click the Add button

Click the Add Button

h. Click the Exit Edit Mode button

Click the Exit Edit Mode Button

i. Click the Publish My Edits button that appears

Publish my Edits Button

 

NOTE: To add a form to an existing page the process is similar to the above:

1. Login to your Administration Panel

2. Navigate to the page where you would like to insert the form

3. Click the Edit Page icon

Edit Page Icon

4. Click the block you would like to add the form to and select Edit

Click the Edit Button

5. Click the Edit HTML Source button

Click the Edit HTML Source button

6. Paste the form HTML into the HTMLSource Editor text area (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 the Form HTML

7. Click the Update button

Update Button

8. Click the Update button in the Edit Content window

Update Button

9. Click the Exit Edit Mode button

Click the Exit Edit Mode 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.

A demonstration form created using a Concrete5 web site can be seen here.

Common Problems Encountered by Users:

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