All templates

HTML template Contact form

Use this simple HTML template on your homepage to provide your visitors a fast and simple way to email you without making your email address public.

Integration with your website

The following 3 steps will allow you to set up the form on your website, including notification of new submissions and saving the submission data.

1st step: Use HTML code

Copy the following HTML code and paste it into the source code of your page in the desired location.

<form action="SEND ADDRESS" id="ft-form" method="POST" accept-charset="UTF-8">
  <fieldset>
    <label>
      Name
      <input type="text" name="name" required>
    </label>
    <label>
      Email address
      <input type="email" name="email" required>
    </label>
    <label>
      Your message
      <textarea rows="3" name="message" required></textarea>
    </label>
  </fieldset>
  <div class="btns">
    <input type="text" name="_gotcha" value="" style="display:none;">
    <input type="submit" value="Submit">
  </div>
</form>

2nd step: Customize the form

Customize this HTML code according to your needs, for example, if you want to add more entry fields.

You can use CSS to freely define the look and design of the form so that it matches the look of your homepage. Adopt our prepared stylesheet. This provides a standard design for the form's appearance (like on this page), which should be suitable for most websites:

ft-form-styles-v3.css

3rd step: Establish a transmission connection

In order to obtain the entries for your form, you must insert a custom send address in the form. We recommend that you use the submission service from form.taxi.

Request the send address, then insert this address in the HTML source code of the form in the place of SEND ADDRESS. Now your form is finally ready to use. Register the form with form.taxi to get your send address: