I can't seem to get FormIt to work correctly for me. Thought I would post my issue to see what feedback I get. I have gone by the instructions and removed the html from the template and put the [[*content]] in it's place. On the resource page in the content area, here is the code for the snippet and the html"
<p>[[!FormIt? &hooks=`email` &emailTpl=`sentEmailTpl` &emailSubject=`Message From Contact Form` &emailTo=`[email protected]` ]]</p> <p>Please fill out the form below and submit to request more information.</p> <p> </p> <h4 class="colr heading">Leave us a message</h4> <p><input id="nameBox" class="bar" onfocus="if(this.value == 'Name') { this.value = ''; }" onblur="if(this.value == '[[!+fi.contact_name]]') { this.value = 'Name'; }" type="text" name="s" value="Name" /> <input id="bnameBox" class="bar" onfocus="if(this.value == 'Business Name') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Business Name'; }" type="text" name="s" value="Business Name" /> <input id="EmailBox" class="bar" onfocus="if(this.value == 'Email') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Email'; }" type="text" name="s" value="Email" /> <input id="PhoneBox" class="bar" onfocus="if(this.value == 'Phone') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Phone'; }" type="text" name="s" value="Phone" /></p> <div class="clear"> </div> <p><textarea name="s" rows="5" cols="">Message
<form> </form>
<p>[[!FormIt? &hooks=`email` &emailTpl=`sentEmailTpl` &emailSubject=`Message From Contact Form` &emailTo=`[email protected]` ]]</p> <p>Please fill out the form below and submit to request more information.</p> <p> </p> <h4 class="colr heading">Leave us a message</h4> <p><input id="nameBox" class="bar" onfocus="if(this.value == 'Name') { this.value = ''; }" onblur="if(this.value == '[[!+fi.contact_name]]') { this.value = 'Name'; }" type="text" name="s" value="Name" /> <input id="bnameBox" class="bar" onfocus="if(this.value == 'Business Name') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Business Name'; }" type="text" name="s" value="Business Name" /> <input id="EmailBox" class="bar" onfocus="if(this.value == 'Email') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Email'; }" type="text" name="s" value="Email" /> <input id="PhoneBox" class="bar" onfocus="if(this.value == 'Phone') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Phone'; }" type="text" name="s" value="Phone" /></p> <div class="clear"> </div> <p><textarea name="s" rows="5" cols="">Message
[[!FormIt ... ]] <form action="[[~[[*id]]]]"> (your code) </form>
<p>[[!FormIt? &hooks=`email` &emailTpl=`sentEmailTpl` &emailSubject=`Message From Contact Form` &emailTo=`[email protected]` ]]</p> <form action="[[~[[*7]]]]"> <h4 class="colr heading">Leave us a message</h4> <p><input id="nameBox" class="bar" onfocus="if(this.value == 'Name') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Name'; }" type="text" name="s" value="Name" /> <input id="bnameBox" class="bar" onfocus="if(this.value == 'Business Name') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Business Name'; }" type="text" name="s" value="Business Name" /> <input id="EmailBox" class="bar" onfocus="if(this.value == 'Email') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Email'; }" type="text" name="s" value="Email" /> <input id="PhoneBox" class="bar" onfocus="if(this.value == 'Phone') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Phone'; }" type="text" name="s" value="Phone" /></p> <div class="clear"> </div> <p><textarea name="s" rows="5" cols="">Message</textarea></p> <div class="clear"> </div> <p><a class="buttonone" href="#">Submit</a></p> </form>