The infrastructure of Typed.com does (currently) not support sending emails like on an PHP server. But adding a contact form based on the great Formspree service is very easy to accomplish. This service is free for 1,000 received emails per month, more emails per month requires a subscription.

For sending emails with help of Formspree, you need to create two pages:

  • One page for the contact form (input fields and send button)
  • One page for the email submitted page (thank you massage)

More background information information:

Basic Contact Form

For a basic contact form, add below coding into the contact form page. It already contains basic Bootstrap styling, which will work on any Typed.com theme using Bootstrap. It does not contain labels or input validation.

  • Replace your@email.com with your actual email address
  • Replace //yoursite.typed.com/your-thank-you-page with the email submitted page
<div class="row">
<div class="row col-md-8 col-md-offset-2">
<form class="form-horizontal" id="contactform" action="//formspree.io/your@email.com" method="POST">
<div class="form-group">
<input class="form-control" type="text" name="name" placeholder="Your name">
</div>
<div class="form-group">
<input class="form-control" type="email" name="_replyto" placeholder="Your email">
</div>
<div class="form-group">
<textarea class="form-control" name="message" placeholder="Your message"></textarea>
</div>
<div class="form-group">
<input class="btn btn-default" type="submit" value="Send">
</div>
<input type="hidden" name="_next" value="//yoursite.typed.com/your-thank-you-page">
<input type="hidden" name="_subject" value="Website contact" />
<input type="text" name="_gotcha" style="display:none" />
</form>
</div>
</div>

This will then look like this (send button is disabled):