Andrew, I’m no expert but I faced the same problem and just assumed it would not work since there is no php operating on the static site (as far as I know).
I just built an html send-email form and then copied the code into the text version of the WordPress Page. It works fine from the static site.
However there are a couple of problems with it: your email address is shown in their email program once the person goes to send you a comment. And it is able to be crawled in the page source. There is a way to get around the page source. I used to have a little script that I found on the web. It hides actual email address in the source but it still shows in the email program (much lesser problem, I think).
I would love to see if anyone has a way to run the contact form without the email step.
Then we will both know 😉
I don’t know how good this one is but there are tons of them when you search – javascript to hide email
<!– ONE STEP TO INSTALL HIDE E-MAIL ADDRESS:
1. Copy the coding into the BODY of your HTML document –>
<!– STEP ONE: Paste this code into the BODY of your HTML document –>
<BODY>
<SCRIPT LANGUAGE=”JavaScript”>
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://www.javascriptsource.com –>
<!–
Edit the three var lines (anchortext, mailpart1, and mailpart2)
by entering your e-mail information. Then use this script where
you want to display your e-mail address.
–>
<!– Begin
var anchortext = “Email Me”;
var mailpart1 = “username”;
var mailpart2 = “domain.com”;
document.write(“<a href=” + “mail” + “to:” + mailpart1 +
“@” + mailpart2 + “>” + anchortext + ““)
// End –>
</script>
<p><center>
<font face=”arial, helvetica” size”-2″>Free JavaScripts provided<br>
by The JavaScript Source</font>
</center><p>
<!– Script Size: 0.85 KB –>
Andrew,
<SCRIPT LANGUAGE=”JavaScript”>
<!– Begin
var anchortext = “Email Us”;
var mailpart1 = “service”;
var mailpart2 = “midwestlock.com.au”;
document.write(“<a href=” + “mail” + “to:” + mailpart1 +
“@” + mailpart2 + “>” + anchortext + ““)
// End –>
</script>
I don’t actually know how to make that script work with the SEND form. But it will work to hide Mat’s email under the phone number on that page.
Here’s the form I am using; it looks crap compared to the form on your page though so you might want to do some modifying. At least this gives you a starting point:
<div style=”margin: 10px 0 70px 100px; width: 100%; padding: 8px;”><form action=”MAILTO:[email protected]” enctype=”text/plain” method=”post”>
<div><label for=”name”>Your Name: (required) </label>
<input id=”name” name=”user_name” required=”required” size=”60%” type=”text” />
</div>
<div><label for=”mail”>Your Email: (required) </label>
<input id=”mail” name=”user_email” required=”required” size=”60%” type=”email” />
</div>
<div><label for=”msg”>Message: (required) </label>
<textarea id=”msg” cols=”30″ name=”user_message” rows=”8″></textarea></div>
<div class=”button”><button type=”submit”> Send your message </button></div>
<div class=”button”><button type=”reset”> Reset</button></div>
</form></div>
I made an iframe to another site on my host that only hosts a contact form. This way you don’t have to expose any email addresses.