DotCMS-ContactForm: Difference between revisions

From William Paterson University - Information Technology's Wiki
Jump to navigation Jump to search
Line 26: Line 26:
To use the HTML simply copy and paste the following into the CODE mode of the content editor.  
To use the HTML simply copy and paste the following into the CODE mode of the content editor.  


You will want to change the contact details to suite the person its for.  
You will want to change the contact details to suite the person its for and also feel free to modify the HTML to present this however you see fit.  The important part is the everything in the form tags.  


The only part of the form tags you will want to customize is :
<pre>
<input type="hidden" name="to" value="smiths@wpunj.edu" />
<input type="hidden" name="person" value="Steve, Smith" />
</pre>
<br/>


<pre>
<pre>

Revision as of 11:41, 11 December 2012

The contact form can used as a stand alone piece of HTML code or as a template.

Using the Contact Form Template

First, create a new HTML page like normal.

When you are selecting the Template, start typing in "Contact" and you should see the Contact Form template like below.

Template.PNG

After the page is created, go to the center column and start adding content like normal.

Instead of web page content, you will be presented with a form as follows :

Content.PNG

Simply enter the person's contact information.

The end result will look similiar to this :

Staff.PNG

Using the Contact Form HTML

To use the HTML simply copy and paste the following into the CODE mode of the content editor.

You will want to change the contact details to suite the person its for and also feel free to modify the HTML to present this however you see fit. The important part is the everything in the form tags.

The only part of the form tags you will want to customize is :

<input type="hidden" name="to" value="smiths@wpunj.edu" />
<input type="hidden" name="person" value="Steve, Smith" />


<table>
    <tr>
        <td>
        	<p>Steve, Smith</p>
        </td>
        
        <td>
        	<p>Assistant</p>
        </td>
        <td>
        	<p>973-720-2000</p>
        </td>
        
        <td>
            <form action="http://www.wpunj.edu/form/contact-form.dot" method="post" >
              <input type="hidden" name="to" value="smiths@wpunj.edu" />
              <input type="hidden" name="person" value="Steve, Smith" />
              <input type="submit" class="contactSubmitButton" value="Email" name="submit" />
            </form>
        </td>
    
    </tr>
</table>