Contact form templates

Plain HTML you can paste into any page. No component library, no build step — swap in your endpoint and it works.

Contact form

Name, email and a message. The one most sites need.

contact.html

<form action="https://submit.formpost.ai/YOUR_FORM_ID" method="POST">
  <label>Your name
    <input type="text" name="name" required>
  </label>
  <label>Email
    <input type="email" name="email" required>
  </label>
  <label>Message
    <textarea name="message" required></textarea>
  </label>
  <button type="submit">Send</button>
</form>

Support request

Adds a priority and where the problem happened.

Create this form

support.html

<form action="https://submit.formpost.ai/YOUR_FORM_ID" method="POST">
  <label>Your name
    <input type="text" name="name" required>
  </label>
  <label>Email
    <input type="email" name="email" required>
  </label>
  <label>How urgent is it?
    <select name="priority">
      <option>Low</option>
      <option>Normal</option>
      <option>Urgent</option>
    </select>
  </label>
  <label>Where did it happen?
    <input type="url" name="page">
  </label>
  <label>What went wrong?
    <textarea name="message" required></textarea>
  </label>
  <button type="submit">Send</button>
</form>

Job application

Includes a CV upload — turn on file uploads in settings.

Create this form

job.html

<form action="https://submit.formpost.ai/YOUR_FORM_ID" method="POST">
  <label>Full name
    <input type="text" name="name" required>
  </label>
  <label>Email
    <input type="email" name="email" required>
  </label>
  <label>Which role?
    <input type="text" name="role" required>
  </label>
  <label>Portfolio or LinkedIn
    <input type="url" name="portfolio">
  </label>
  <label>Anything you want us to know
    <textarea name="message"></textarea>
  </label>
  <button type="submit">Send</button>
</form>

Feedback

Short and anonymous-friendly — only the message is required.

Create this form

feedback.html

<form action="https://submit.formpost.ai/YOUR_FORM_ID" method="POST">
  <label>How was it?
    <select name="rating">
      <option>Great</option>
      <option>Fine</option>
      <option>Not good</option>
    </select>
  </label>
  <label>Tell us more
    <textarea name="message" required></textarea>
  </label>
  <label>Email (optional)
    <input type="email" name="email">
  </label>
  <button type="submit">Send</button>
</form>

Quote request

For agencies and freelancers — budget and timeline up front.

Create this form

quote.html

<form action="https://submit.formpost.ai/YOUR_FORM_ID" method="POST">
  <label>Your name
    <input type="text" name="name" required>
  </label>
  <label>Email
    <input type="email" name="email" required>
  </label>
  <label>Company
    <input type="text" name="company">
  </label>
  <label>Budget
    <select name="budget">
      <option>Under $5k</option>
      <option>$5k – $20k</option>
      <option>$20k – $50k</option>
      <option>Over $50k</option>
    </select>
  </label>
  <label>What do you need?
    <textarea name="message" required></textarea>
  </label>
  <button type="submit">Send</button>
</form>

Newsletter signup

Just an email. Pair it with the autoresponder to confirm.

Create this form

newsletter.html

<form action="https://submit.formpost.ai/YOUR_FORM_ID" method="POST">
  <label>Email
    <input type="email" name="email" required>
  </label>
  <button type="submit">Send</button>
</form>

Every template is ordinary markup — there is nothing to install and nothing that only works here. Change the fields, the labels and the styling however you like; the only part Formpost needs is the action.