HTML

The simplest integration — a plain HTML form with no JavaScript required.

Basic form

HTML

<form action="https://formfa.st/f/your_endpoint_id" method="POST">
  <label for="name">Name</label>
  <input type="text" id="name" name="name" required />

  <label for="email">Email</label>
  <input type="email" id="email" name="email" required />

  <label for="message">Message</label>
  <textarea id="message" name="message"></textarea>

  <!-- Honeypot spam protection -->
  <input type="hidden" name="_gotcha" style="display:none" />

  <button type="submit">Send</button>
</form>

When submitted, the browser sends form data to your endpoint and the user is redirected to a thank-you page.

Custom redirect

Add a hidden _next field to redirect users to your own page after submission:

HTML

<input type="hidden" name="_next" value="https://yoursite.com/thanks" />

Custom email subject

Override the notification email subject with the _subject field:

HTML

<input type="hidden" name="_subject" value="New contact from website" />

File uploads

To accept file uploads, set the form's enctype to multipart/form-data:

HTML

<form action="https://formfa.st/f/your_endpoint_id"
      method="POST"
      enctype="multipart/form-data">
  <input type="text" name="name" required />
  <input type="file" name="attachment" />
  <button type="submit">Send</button>
</form>

File uploads require a Pro or Business plan. Files are stored in S3 and limited to 10 MB (Pro) or 25 MB (Business) per file.

Full example with all special fields

HTML

<form action="https://formfa.st/f/your_endpoint_id" method="POST">
  <input type="text" name="name" placeholder="Your name" required />
  <input type="email" name="email" placeholder="Email" required />
  <textarea name="message" placeholder="Your message"></textarea>

  <!-- Special fields -->
  <input type="hidden" name="_gotcha" style="display:none" />
  <input type="hidden" name="_next" value="https://yoursite.com/thanks" />
  <input type="hidden" name="_subject" value="New inquiry" />
  <input type="hidden" name="_replyto" value="" />

  <button type="submit">Send Message</button>
</form>

See the full list of special fields in the Special Fields reference.

PreviousOverview NextReact