Taildove Logo
Taildove
Embedding

Custom form

Use this when you want full control over the HTML and CSS (instead of copying the generated HTML snippet), but still want Taildove to handle submissions, redirect, and success messaging.

How it works

You create your own <form> that submits a normal HTML POST to:

https://app.taildove.com/f/TOKEN/submit

Taildove will validate required fields and record the submission. After submit, the browser navigates to Taildove’s response (success message or redirect).

Required fields

  • email is always required and must be a valid email address.
  • Any fields you marked as required in the form builder must be present.

If required fields are missing, Taildove returns the hosted form page with an error message.

Field names (important)

The name="..." attributes must match the Maps to keys defined on your form fields (for example: email, first_name, last_name, phone, or any custom key you created).

Example (minimal)

<form action="https://app.taildove.com/f/TOKEN/submit" method="post">
  <!-- Honeypot (optional, recommended) -->
  <input
    type="text"
    name="_hp"
    tabindex="-1"
    autocomplete="off"
    style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;"
  />

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

  <label>First name</label>
  <input type="text" name="first_name" />

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

Notes

  • No JavaScript / AJAX: cross-site fetch() submissions are not supported (CORS / preflight). Use a normal form POST.
  • Stay on your site after submit: set your form’s success action to Redirect and use your own thank-you page URL.
  • Spam prevention: include the _hp honeypot field (bots often fill it; humans won’t).